项目的维护与管理一直以来就是团队中最让人烦恼的事情，特别是对于一个有一定历史的网站，很多团队想动却又不敢轻意的去动，大多数都是采用在原来的基础上迭代开发，致使代码越来越难以维护。也为此产生恶性循环。今天根据Ben Smithett的《How to Scale and Maintain Legacy CSS with Sass and SMACSS》所译，学习如何通过Sass这样的CSS预处理器和SMACSS这样的思想结合在一起，更好的开发和维护一个项目的CSS。希望对大家有所帮助与启发。
这篇文章介绍的技术特性在Yahoo通过实践以及有问题的技术代码到今天为止我们还在使用。你可能有兴趣阅读Jonathan Snook的《Decoupling HTML From CSS》、Tim Huegdon的《On HTML Elements Identifiers》和Robin Rendle的《Atomic Design With Sass》等等。请记住：一些提到的技术并不认为是最佳实践。根据Thierry Koblentz的《Challenging CSS Best Practices》所译,介绍作者是如何挑战最佳CSS实践，希望大家会喜欢。
前端面试总是有很多同学讨论，面试官会问什么样的面试题？被面的人怎么回答面试问题？但很少有人会从面试题中深挖有价值的知识，换句话说有很多同学只是面对着如何回答面试官的问题，却忽略面试官想通过试题了解你的信息。当然，如果你处在一个需要面试别人有关于CSS方面技巧和知识，一时想起来还真有点难。根据Chris Coyier的《Interview Questions and Exercises About CSS》所译，整理在一起，提供给大家参考。
援引Drupal官网，Drupal is an open source content management platform powering millions of websites and applications。简言之，Drupal 是一个自由开源的內容管理系统。援引七牛官网的介绍，七牛云存储致力于提供最适合开发者的数据在线托管、传输加速以及云端处理的服务。
Responsive（响应式设计）对于今天来说并不是一个新东西，在互联网上有关于响应式设计的教程铺天盖地。而且国外有关于这方面的Web应用也是非常的多。今天也老话重谈，Spy根据Rachel McCollin的《Design-Based Media Queries》所译，向大家介绍Compass Design网站如何实现响应式设计，希望对大家有所帮助。
BFC其实没有那么神秘，BFC只是一个独立的布局环境，理解BFC对我们日常的布局设计上有着重要的帮助，并且BFC和Margin Collapse之间有着重要关联。另外文中还提到了clear float时候所产生'clearance'的计算。希望大家有所收获。
图片是有诸多优点的，然而目前在网站设计这行业面临各种各样的挑战。图片不但增加了总文件的大小，还增加了很多额外的"http请求"，这都会大大降低网页的性能的。图片还有一个缺点就是不能很好的进行“缩放”，因此，有时候在“响应式设计”中需要使用图像的最好解决方案就是不去使用图片。由于位图给Web制作带这诸多的不便，为了解决这些问题，CSS3给大家带来一个新的属性@font-face。
使用@font-face制作图标已不是什么秘密，也不是什么新技术，在互联网上这样的教程铺天盖地。但是我们依然给大家介绍一篇@font-face制作图标的教程。这篇教程主要向大家阐述了”为什么要用和如何使用字体制作图标“，从教程中，你可以找到@font-face制作图标的优势与不足，同时也能找到要如何得到制作图标的字体。
Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具，它能够让你在编辑器中书写CSS和HTML的缩写并且动态地拓展它，并且它还支持CSS3新属性和自动拓展各个浏览器的前缀，这对于开发者来说实在是一个福音！本文详细为你介绍了所有的HTML以及CSS的缩写方法，妈妈再也不用担心你HTML/CSS了！
或许很多前端开发人员都会困惑一个问题，在书写HTML和CSS的时候，结构更重要还是功能更重要？在一些热门的框架例如Twitter Bootstrap里面我们也会看到使用a标签来作为按钮的元素的例子，这样是否合理？一起来读一读这篇文章吧，或许能够解开你的疑惑。
Sprites(国内称之为雪碧图)，平常很多时候都是依赖于手工在制作软件中完成，或者依赖于第三方插件自动生成Sprites图。这样虽能实现雪碧图，但在来很多工作量。如果你开始使用Sass或者Compass，你可以发现他们有一个强大的功能，可能使用Sass的mixins自动生成雪碧图。特别是在Retina显屏的时代，使用Sass的mixins生成雪碧更让我们前端人员变得轻松。这篇Evanshajed的《Sass Mixins Icons Sprite with Retina Support》所译，在文章中详细介绍了如何使用Sass的Mixins自动生成普通显屏和Retina显屏的雪碧图。希望这篇文章对大家有所帮助。