这篇文章介绍的技术特性在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显屏的雪碧图。希望这篇文章对大家有所帮助。

变量是Sass中很重要的一个部分，不过如何更好的使用好Sass中的变量也是一个很关键的知识点。从定义变量到使用变量，也延伸出类似于定义类名以及使用多类名的问题。Sass中的变量需要语义化定义变量名吗？需要定义多个变量名吗？在您使用Sass过程中是否也探讨过类似的问题？如果没有，我们就以这篇文章开始吧，一起探讨这个很有意义的问题。本文根据Ben Smithett的《Stop using so many Sass variables》所译，初步探讨了Sass中变量名的定义以及是否多用更多的变量名。希望大家能喜欢。