placeholder image
http://www.hanselman.com/blog/TheInternetsBestPlaceholderImageSitesForWebDevelopment.aspx
Prefer:
http://lorempixel.com/
cute:
http://placekitten.com/

http://www.responsinator.com/
输网址，显示不同移动设备的效果

css标准阅读指南
http://www.w3.org/Style/CSS/read
中译。By Jingtao Liu
部分词汇参照了 Kenny 翻译的 CSS 2.1 中文规范 [1]，译文在我提交到 jsfiddle 上，可以在 result 页面查看 [2]。
[1] http://www.w3.org/html/ig/zh/wiki/CSS2
[2] http://jsfiddle.net/2Pk6W/embedded/result/

placeholder text
http://www.designeripsum.com/
placeholder face img
http://www.flickr.com/photos/gregpc/

http://codepen.io/terrymun/full/mvHky
Flexible, fluid photoset (advanced)
cool!

<a href="javascript:if(window.print)window.print()">Print</a>

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Writing_efficient_CSS

我一般是HTML和CSS并行写的，结构从外向内，每个模块一组命名，比如外层是layout-xxx, 内层就是xxx-title, xxx-list, 再向内就是xxx-item-edit, xxx-item-thumb。如果不同模块有相同样式就随时剥离出来。
by 点头猪

http://browsersync.io/

css权重
http://www.w3cplus.com/css/css-specificity-things-you-should-know.html

滤镜使用了'auto expand'后，变换时图片元素尺寸会随着内容变化，所以要重新设置居中：
img.style.top = ( this._clientHeight - img.offsetHeight ) / 2 + "px";
img.style.left = ( this._clientWidth - img.offsetWidth ) / 2 + "px";

http://responsiveemailpatterns.com

htmlentities.net