为了把网站Gilt.com在移动端响应，我们基于特殊行动团队确定的几种响应式模式来“响应”我们网站布局。早点确定这些模式有利于帮助我们更有信心地作出响应式相关的决定。在这第四篇响应式相关博文里，我将与你分享如何发现和实现我们确定的最热衷设计模式之一：全屏Modal!

在本系列的第二篇文章中，我的同事Greg Mazurek讲了为什么在项目使用“在选择器内使用媒体查询”。采用这种模式的好处就是在未来开发中代码可维护性更强。那么，接下来我将讨论我们如何把相同的原则应用到测试实践中来。

在第一篇文章中，分享了如何组织一个成功的回顾总结会议。那么在此文章中，主要讨论我们工作中所用到的技术以及如何组织媒体查询。通过实战来介绍在项目中使用块媒体查询好还是在选择器中插入媒体查询方便。

响应式网站听起来并不陌生，但还是有很多同学没有实战经验，可以说听其名已久，但就从未操刀。今天开始根据Gilt团队以制作响应式Gilt.com网站为例，通过一个系列来介绍Gilt团队是如何制作一个响应式网站，碰到了什么问题？又是如何解决这些问题？首先要向大家介绍的是回顾与总结。通过回顾与总结，来理清楚整个开发过程的每个环节，更为重要的是通过这样的模式在不断提高团队的整体实力。

在编写HTML结构时，多类名的运用大家都应该有使用过，虽然这样使用能给制作带来极大的方便，但也存在一定的风险。为了更好的区分，很多时候在使用BEM的命名方式，以有让多类名在同一个元素中变得更独立性，不至于覆盖样式。但在Sass中运用BEM的时候，很多时候提倡使用@extend来扩展。那么是使用多类名更好呢？还是使用@extend扩展更强呢？

七牛云存储是一家技术导向型的公司，在这里工程师们总是得到特别的尊敬。我们的团队中有二次元来客、八核大脑、少女工程师、摇滚青年、骑行爱好者等等，脑电波控制器、xbox kinect 各种极客玩具也是让你打破脑壳创造灵感的利器。我们也会有赶项目的急促紧张，更多的时候我们是平凡生活中的一份子，弹性的工作时间让你不再纠结于过程。如果你是一个咖啡转换为代码的机器人，在七牛总有源源不断的新鲜咖啡供给，星巴克又算什么呢。心动不如行动，简历投致：pd-hr@qiniu.com

Sass可以编译出非常优秀的CSS样式表，或者说，这就是Sass要做的事情。有效的使用Sass可以帮助你构建出干净的有效的CSS，但如果运用不好，Sass其实会让你的CSS文件变得更大，并且添加一些不必要的和重复的CSS代码。下面一些编写Sass小技巧，可以有效帮助你编写出更好的Sass。

Sass是世界上最成熟、最稳定、强大而又专业的CSS预处理器。我使用Sass有相当长的一段时间了。发现Sass的Mixins对于任何前端开发人员都非常有用，可以帮助前端开发人员节省很多时间，而且能更好的利用。Sass中的Mixins在实际开发中能帮助我们做非常多的事情，可以说是一劳永逸。可以将所有的Mixins放置在文件中，需要的时候直接调用即可。大家可以将自己看到的，在使用的，觉得好的Mixins收集起来。慢慢的，你将会有很多优秀的Mixins，而这些Mixins就可以帮你做很多的事情，节省很多时间，让你做更多有意义的事情。

借着这篇译文，向各位在使用Sass的同行朋友征集Sass的Mixins和Functions代码集，大家行动起来吧，让更多的同学一起分享您的成果。

GithubSass Meister

想想学习Sass时间也有差不多一年的光景了。在这一年来的时间中，在GitHub不断阅读Sass相关的源码。也在国外涉猎了相关的知识，也让自己初步掌握了一些Sass一些基础知识与技能，当然也让自己喜欢上了Sass，并且在国内致力于Sass的推广。希望各多的前端开发者喜欢上Sass，也希望Sass能真正为前端人员带来好处。