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

RWD设计中图片、视频、iframe元素的根据不同设备分辨的响应是令Web前端开发师最为头痛的问题，目前的种种解决方案都并不是一种完美的解决文案。另外很多时候在Web中，产品展示，发布的图片尺寸都不一定一致，致使我们需要通过一定的程序或者手工修改，以达到一种较为完美的展示方式。这些工作对于我们来说都是一种隐形的开发成本。不过，值得庆幸的是，CSS3提供了两个新的属性object-fit和object-position可以很好的帮我们实现图片的长宽比例，并且能快速响应。只不过到目前为止，支持的浏览器为数不多，但我们应该相信，技术是向前发展的，总有一天，这两个属性会广大的前端开发人员提供便利。如果您对他们感兴趣，不仿花点时间阅读一下。

早前2011年5月就在站上写了一篇《CSS3 Transform》介绍CSS3中Transform属性的简单应用。但这篇文章里的知识无法满足大家对Transform的一个全面认识，最近重新整理了一个Transform系列的文章，希望对初学者有所帮助。前几天介绍了《CSS3 Transform——transform-origin》、《Transform-style和Perspective属性》和《CSS3 2D Transform》。今天是这个系列的最后一篇——CSS3 3D Transform。

在一个二维或三维空间，元素可以被扭曲、移位或旋转。只不过2D变形工作在X轴和Y轴，也就是大家常说的水平轴和垂直轴；而3D变形工作在X轴和Y轴之外，还有一个Z轴。这些3D变换不仅可以定义元素的长度和宽度，还有深度。我们将首先讨论元素在2D平面如何变换，然后我们在进入3D变换的讨论。CSS3 2D变换让Web设计师有了更多的自由来装饰和变形HTML组件。同时让设计师有更多的功能装饰文本和更多动画选项来装饰Div元素。在CSS3 2D变形中主要包含的一些基本功能如下。

在《CSS3 Transform——transform-origin》一文中主要介绍了CSS3 Transform属性中的属性的使用，其实在属性中，属性仅是其中之一，要彻底理解属性，这是不够的，必须的理解其他属性的应用。今天将和大家一起探讨中和相关属性的使用。

在CSS2.1中，我们的页面都是静态的，网页设计师也习惯把它作为页面效果的设计工具。但往往有些页面效果不只是静态的，比如说，如何实际移动一些元素？如何更改元素的外观——旋转或缩放？多年来，Web设计师为了给修改页面的外观，都依赖于图片、Flash或JavaScript才能完成。不过，CSS3将要改变设计师这种思维，进入CSS3时代，借助CSS3就可以轻松倾斜、缩放、移动以及翻转元素。在2011年05月在站上发表了第一篇有关于CSS3 Transform教程，现已时隔近两年，有很多东西都有变化，而且理解也略有不同，接下来将会分几篇教程，向大家介绍CSS3 Transform相关的知识。

BFC其实没有那么神秘，BFC只是一个独立的布局环境，理解BFC对我们日常的布局设计上有着重要的帮助，并且BFC和Margin Collapse之间有着重要关联。另外文中还提到了clear float时候所产生'clearance'的计算。希望大家有所收获。

Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具，它能够让你在编辑器中书写CSS和HTML的缩写并且动态地拓展它，并且它还支持CSS3新属性和自动拓展各个浏览器的前缀，这对于开发者来说实在是一个福音！本文详细为你介绍了所有的HTML以及CSS的缩写方法，妈妈再也不用担心你HTML/CSS了！

Sass中的List是一个让人可爱又可恨的东西。主要是他的语法太宽松，你几乎可以做任何你想做的事情。如果要想更好的使用好Sass语言中的List功能，我们就必须的深入了解他。Hugo写了几篇教程，其深入的培析了Sass的List功能，以及其使用方法。而在Sass的社区中对List的功能讨论也是相当的激烈。这些天我也一直在阅读这几篇文章，想让自己能更好的理解Sass中的List功能。今天根据这几篇文章，对List功能的介绍做了一些翻译与整理。

自从CSS3的@font-face属性的出现，使用@font-face制作ICON变得越来越流行，使用的频率也越来越高，在很多网站上都能见到他们的影子。随着IcoMoon的在线生成工具的出现，可以使用IcoMoon制作自己你自己的ICON。今天阅读了jaydenseric写的《FUN WITH SASS & FONT ICONS》教程，介绍了如何使用Sass和结合制作字体图标。实在是强大而又有意思，自己动手操作了一回，准备向大家介绍一下，我自己是如何使用IcoMoon、@font-face和Sass三者结合在一起，制作出自己需要的字体图标。