大多数前端开发人员实现网站换肤功能要么使用一个全局class控制样式切换，要么改变皮肤link元素的href地址。实际上，浏览器中有HTML属性原生支持网站换肤功能，兼容性好，语义化，体验也好，可谓是换肤功能最佳实现了。
文章关键字 ‘渲染’
link rel=alternate网站换肤功能最佳实现
2019年02月25日，星期一从height:100%不支持聊聊CSS中的“死循环”
2016年09月16日，星期五大家应该都知道，如果元素没有格式化的高度值，子元素的height百分比高度是不起作用的，常见的就是height:100%无效，而宽度就没有此问题，所以，新人经常会提出的一个问题是：“为何我的div设置了height:100%却没有效果？”
不知道大家有没有思考过这样一个问题。
然后，有同行就提出了这么一个看似很合理的解释，就是，“假如父元素height:auto且没有其他格式化高度，子元素支持height:100%，则很可能会出现高度死循环”。
看似合理，实际上这种解释是表面的，错误的……
使用CSS3 will-change提高页面滚动、动画等渲染性能
2015年11月4日，星期三CSS3 will-change属于web标准属性，虽然目前还是草案阶段，但出现已经有些时日了，兼容性这块Chrome/FireFox/Opera都是支持的。
这个属性作用很单纯，就是“增强页面渲染性能”。那它是如何增强的呢？
本文都过一个实例抛出will-change这个概念，继而解释其作用，分析其语法，提示使用注意事项等。
希望本文的内容能够对大家的学习有所帮助。
pointer-events:none提高页面滚动时候的绘制性能？
2014年01月4日，星期六“pointer-events:none提高页面滚动时候的绘制性能？”注意标题后面的问号。一般这种标题都说明作者要否定这个结论。我这里是否定呢还是坑定呢？不告诉你，你自己去寻找答案。
本文不单纯介绍技术，还探讨了关于“真理”的话题，若有兴趣，一起加入讨论吧。用真理来解决与研究技术问题。相信本文的内容不会让你失望的。
利用重绘解决IE下JS交互产生的定位重叠等棘手bug
2013年01月22日，星期二我们平常在页面布局时候探讨的bug大多都属于静态的——即页面载入渲染完毕后出现的布局问题，像是错位啊，不对齐啊，行高失效等。
这些都是嚼了好多年的烂芋头，就像风水日晒很多年的门面店，是个装修工都能美化修复，不值得拿出来卖弄。
还有一类bug是伴随着JS交互产生了，比方说一个外表靓丽光鲜的门面店，只要门一开，尼玛，天花板就会挂到门上去了。此时该怎么办？……
本文就将从重绘这块解决JS交互再IE浏览器下产生的棘手问题，精制的demo，丰富的截图以及必要的源代码展示，希望本文的内容能够您的学习有所帮助。
photon-3D光线引擎项目展示与介绍
2012年06月20日，星期三众所周知，3D效果是否逼真，光线的模拟很重要——不同角度光线，不同的阴影/投影显示。
一个正方体，我们最多可以同时看到3面，这3面我们使用CSS可以很从容的模拟，但是，这种模拟往往过于平面。不过，如果我们增加点阴影，显然，效果就完全不一样。而这种光线效果的添加就是photon引擎所做的事情！
本文就将介绍这个很赞的3D光线渲染引擎photon. 希望对感兴趣的朋友提供点帮助。
拾人牙慧:不同浏览器如何渲染不同border-style值
2011年09月29日，星期四本文更多的是展示。展示不同浏览器如何渲染不同border-style值的。内容还是比较受用的。其他我就第一次先不说什么了。
翻译-不同CSS技术及其CSS性能
2010年08月19日，星期四本文是篇译文，主要简单介绍了一些CSS技术，例如面向对象CSS还有就是SASS技术，然后重点是对这些技术下的CSS性能进行了测试从而得出关于CSS以及浏览器方面的一些数据。其实OOCSS以及SASS是技术的难点，和值得讲解的地方，但是本文的重点不在此，而在其CSS性能。其他就不多说了，本文有截图，有代码展示，还有演示文稿，希望能对您的学习有所帮助。
我的应用
我的应用