我爱正则表达式。我发现几乎没有一天我不在使用它们解决一些问题。虽然我爱他们，但是，在使用中一直感觉到有点吃力。我认为这只是因为我没有对它有一个全面的深入了解。因此，我想我会花几分钟给自己（和有兴趣的其他人）一个简短的介绍。

Sass是CSS的一个预处理器，他和CSS一样，需要组织好你的.scss或者.sass文件。在一个项目中如何组织Sass文件将是一个很重要的部分，因为文件组织的好与坏直接关系到您开发所需的时间，特别对于一个大型项目来说得显得重要。今天简单的向大家展示一下如何组织Sass文件。

在Web设计中，时常可以碰到一个网站中实现网格布局。这个过程可能非常痛苦，但保持视觉上和一个精心设计的网格一致性是非常值得的。但当你为一个响应式设计写样式的时候，你并不想在布局为为每个元素计算宽度。相反，您需要一个伸缩的解决方案，在你的网格中可以指定匹配的宽度。我们可以使用一个像960网格系统来解决这个问题，但是在我看来，框架有很多问题，不过我们可以使用Sass来解决这些问题。

为什么要用Sass？或许很多同学都会有此一句，同时也有很多同学在试问LESS（或者其他CSS预处理器语言）和Sass哪个更好，或许有很多同学在抵触使用Sass。认为能写CSS，为什么还要花时间，花成本去学习Sass。为什么要给自己增加额外的复杂性，自己给自己找麻烦。这是很多CSSer的常有的想法，但是Sass（以及其他css预处理程序）确实是一个强大的工具，它可以让任何形式的样式都能够方便的引入开发工作中去。虽然他会花费我一些时间去熟悉、适应，但是我依然很乐于这样做。究竟为何？大家要是感兴趣可以DAN CEDERHOLM的《Why Sass?》进一步了解，为什么要使用Sass。

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

Flexbox是CSS3的一个新特性，这个特性可以帮助你实现很多以前实现起来困难的一些效果。比如会让你不会在为浮动感到困惑，不在为水平垂直居中烦恼，不在为自适应布局而感到凝惑。自从Flexbox出现，但也给前端开发人员带很语法版本的困惑，在整个发展过程中经历了三个不同的语法版本，造成前端开发人员不知道怎么使用，今天根据Sfioritto的《THE ULTIMATE FLEXBOX CHEAT SHEET》文章整理了一份Flexbox使用查询列表清单。希望对初学者有所帮助。

CSS中自适应布局是一种常见的布局方式，但当浏览器视窗缩小一定程度的时候，内容会挤跨，特别是侧边栏。CSS3中新增加了一个calc()特性，可以让浏览器根据表达式自动计算，真正达到自适应的布局效果。

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

在过去的几年中，移动端使用的飙升，使我们向网络用户提供内容的方法引起了一场进化或者革命。最终目标是流体的，适应移动端和device-agnostic　Web以及一个已成为受人青睐的学派：响应式设计。然而，虽然响应式设计思想高涨，而电子邮件设计和开发一直在努力跟上。在某种程度上，HTML电子邮件对开发者而言是一个异常复杂的介质，这是一个铁的事实。古老的电子邮件客户技术无法呈现现多的许多的规则，致使一些代码无效。但电子邮件仍然是一个关键的营销渠道，这非常的重要，不能让人忽视的是2012年上半年Litmus公布了一个在移动设备上打开电子邮件的报告，报告显示使用移动设备查阅电子邮件增加了80%。同年Campaign Monitor显示，第一次他们的移动电子邮件打开率实际上已经超过了桌面和Web邮箱。

自从Ethan Marcotte在2010年5月25日发布的《A List Apart》文章开始，响应式网页设计(RWD)讨论的热度并没有减少，但在相同的时间内我们构建电子邮件的方式并没有太多的改变。值得庆幸的是，在过去的一年，人们开始使用RWD和运用类似的方法来设计电子邮件。