CSS 热点回顾第一期

328 查看

CSS的热点回顾涉及的内容包括:最新推荐阅读的文章、业界的动态、最新推荐的工具和各种创意。尽管每一期可能有所不同,但大体是这个结构。如果你也在跟进CSS这块的技术,欢迎投递分享CSS技术文章与资讯到这里,或者加入我们的 前端开发 小组,同我们一道翻译与传播优质的内容。

推荐阅读

用Chrome DevTools来为你的网站提速

Addy Osmani 通过这篇文章讲述了如何使用Chrome DevTools来让你的网站更流畅。

创建一个简单的响应式HTML邮件

在这篇教程中,Nicole Merlin 展示了如何创建一个简单的响应式HTML邮件,并且确保可以在每一个邮件客户端(包括手机邮件客户端和App)上正确显示。其方法就是采用最小的Media query和不固定宽度的方式,尽可能地保证兼容性。

文章与教程

通过Emmet来为你的CSS开发提速

Josh Medeski 在这篇文章中分享了一些通过Emmet来帮助你更高效地写CSS的技巧。

响应式相册

Terry Mun 写的一篇教程,介绍了如何开发一个用来展示相册的Wordpress插件。展示相片的效果很好,请参见这个Demo

BEM,多修饰符,尝试使用属性选择器

Tommy Marshall 在这篇文章中探索了一种让你的前端代码保持 DRY 的新方法。不过,这种方式也有多个缺陷,参见作者的介绍和文章的评论。

Firefox 29支持CSS变量

Firefox 29 开始支持CSS变量了,或者称之为自定义属性。你可以定义CSS变量,然后在样式中引用它们。

Sasstraction

CSS变量应该继续交给预处理器(例如:Saas, LESS),还是浏览器?

如何解决在Google Chrome下的难看的字体渲染问题

Christian Lavie 展示了如何优雅地解决WebFonts的渲染问题。这种方案的唯一不足之处就是你不得不自己保存字体相关的文件。

工具

Myth

Myth 是一个CSS预处理器。通过它,你可以专注于写纯CSS代码,而不必担心浏览器的版本(不支持新特性)。

Unison.js – 在CSS、JS和HTML中统一断点

Unison.js是一个插件,它允许你在一个地方定义断点,然后自动同步到JS、CSS和HTML中。