naturalWidth和naturalHeight是html5新增的属性，它们可以直接获取图片的原始宽高。而且这在Fixefox/Chrome/Safari/Opera/IE9里已经实现。

css Sprites指的是网页图片的一种处理技巧，通常是将一些体积小的不常更换的图片进行处理，目的是为了减少HTTP请求次数，也是优化必不可少的工作。这里是对自己在gulp中合成雪碧图的一些的经验和总结！

最近用sass进行预编译处理css,发现对于变量的命名是关键一步，只有把变量命名做好后才能方便后续的工程； 语义化命名 之前命名一直用语义化的方式来对变量进行名，当用到的时候想着可以根据当前语境进行变量的区分,例如： {代码...} 但是这种命名发现到某些时候会非常困难，然后会发现变量名出现混乱，因此发现这是一个...