如果您使用过Sass，你会疯狂的爱用他。虽然在Sass中有很多事情你并不想做，但有很多东西他是相当的有用，也是相当的正常，甚至可以说相当不可思议。这篇文章是Swan同学根据Hugo的《SASS BRAINFUCK》所译，带领我们一起领略Sass中的不一般。

说到BEM，很多人并不很喜欢，看见那些特长的类名就烦了，而且在写样式的时候，选择器要那么长，更是让人感到烦感。那么告诉大家一个解决的好文案，就是使用CSS的预处理器。在SassConf大会上，给我们传递了Sass3.3的新特性。这些新特性有很多意义，特别是指令，这让你的代码会得更佳清洁。今天我们主要一起来了解Sass中的特性的使用规范。使用@at-root和BEM的结合，让你尽显BEM的优势。

Font Awesome是Dave Gandy通过字体制作的几百个icons图标。在前端界享有盛名。使用@font-face制作的图标可以随意的放大，并通过CSS中字体相关的CSS对图标进行美化，比如说可以改变图标颜色、大小和增加阴影等，但他也存在一定的弊端。为了使用部分图标，不得不加载所有图标的样式。如果你使用Sass将可以改变这一切，今天这篇文章就是介绍了Sass如何通过几个Mixins和Function等特性来实现按需开启需要的图标。

在Web开发中，每一位写CSS的同学不管使用什么方式进行开发，都必须面对CSS代码中有很多重复性代码。就算你使用OOCSS或者大家讨论激烈的模块化开发，都会有一些代码使用不上。这样直接的后果就是让你的文件变得臃肿，并且难以维护。但是使用Sass，他可以让你避免这些问题。今天我们就通过Sass的@each、@for和@function等方法，来解决这个问题，帮助你减少重复性的代码，甚至是无用的代码，真正做到按需生产。

性能对于Web前端开发人员是必备的一项技能。CSS3和HTML5的新特性帮助我们改善了应用程序，但有时这些特性并没有得到很好的支持。这就是优雅降级。你想在新的浏览器中使用这些特性，但不能忽视对传统浏览器的支持。我最近开始在做一个新的项目，他必须要支持IE8。由于级联问题的嵌套，使用EM单位时不好把控，所以我决定在这个项目中开始使用有用的rem单位，这样更容易理解和维护。这种方法的主要问题是IE8不支持rem单位。最后，我们需要针对于这种情景创建一个后备方案：使用px单位做降级处理。

项目的维护与管理一直以来就是团队中最让人烦恼的事情，特别是对于一个有一定历史的网站，很多团队想动却又不敢轻意的去动，大多数都是采用在原来的基础上迭代开发，致使代码越来越难以维护。也为此产生恶性循环。今天根据Ben Smithett的《How to Scale and Maintain Legacy CSS with Sass and SMACSS》所译，学习如何通过Sass这样的CSS预处理器和SMACSS这样的思想结合在一起，更好的开发和维护一个项目的CSS。希望对大家有所帮助与启发。

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中变量名的定义以及是否多用更多的变量名。希望大家能喜欢。

OOCSS非常棒。但在HTML标签中有很多不具语义化的类名也并不可怕。而在HTML标签上的类名会改变就是一件很有趣的事情。如果你把OOCSS和Sass结合在一起，你会得到两个优势：CSS模块不臃肿和HTML维持不变。

Krasimir Tsonev在《Starting to Write CSS》(中文版本，请点击这里)让你领略了CSS其实也是有思想的，也很有意思的。虽然介绍的各种思想都很强大，但始终没有离开CSS的层面，而CSS却又是非常的脆弱。那么有没有办法，能否结合文中多个思想在一起。你思考过吗？如果你还没有思考并不要紧，今天我们一起跟随Takeshi Takatsudo写的PPT来领略一下OOCSS与Sass的结合。

在这篇文章，主要以两个按钮的制作，来探讨OOCSS的思想以及如何结合Sass更完美的实现。或者说，通过按钮的制作，一起探讨在Sass中如何使用OOCSS的思想。希望大家喜欢。