前端参考消息2012年 12月 07日

• CSS代码中的异味 | Code smells in CSS

  你的CSS代码有没有异味？哪些是不会出错，但是存在风险、或者给后期维护代码麻烦的写法？文章比较长，推荐阅读，看看代码也不错。“样式是一个叠加的过程，而不是用新的代码去覆盖原来的代码（覆盖的方式最后可能会让你写很多的代码去冲掉原有属性来实现一个很简单的效果）。”

• 一个标签搞定一个图标 | One div

  icon不用图片怎是实现？ font-face是一种选择，这里有一些更极致的实现：一个标签，只用一个标签，加上各种伪类和CSS属性。

• 如何利用Box Shadows来复制元素

  上面的One div里的ICON都是用一个标签搞定的，里面很多形态的形状其实用的是box shadow来实现的，比如那个经典的菊花，关注第一、二、四个参数。

  box-shadow:202px 50px 0 31px #f00,101px 134px 0 0px #0f0,109px 212px 0 -33px #00f;
• 响应式设计实践的各种实用技巧

  关于响应式设计，大家都在谈，也许是时候动手了。

• 原生的CSS属性探测 - @supports rule

  CSS属性探测怎么做？Modernizr是不错的选择，W3C在今年11月发布了CSS3的条件规则模块的草案，开始让原生的CSS和javascript来干这个事情。

  @supports (display:flex){.className{ display: flex }}
• 2012这一年

  听刘江老师来盘点一下码农的2012。

• Amy [ Green Day ] — 虾小米打碟中……

  难得安静的绿日，关于Amy Winehouse，惺惺相惜，魂淡甜菜