CSS3中一些新的单位早在去年春暖花开的时候就介绍了，参见：CSS长度值及时间、频率、角度单位。显然，其中就提到了本文要感叹的单位vw, vh.
不过“我看见你”和“我触碰你”是不一样的。正好，机缘巧合，最近又与这两个单位想见。大致琢磨了下，貌似vh这个单位可以实现我以前曾希望实现的的整体高度自适应布局。想到这里，自己不由得小兴奋了下，于是决定抽时间研究研究（虽然最近整iPad忙得屁股尿流~~）
文章关键字 ‘高度自适应’
视区相关单位vw, vh..简介以及可实际应用场景
2012年09月24日，星期一CSS页面重构“鑫三无准则”之“无图片”准则
2011年05月25日，星期三
“鑫三无准则”这个概念貌似最早是在去年的去年一篇名叫“关于Google圆角高光高宽自适应按钮及其拓展”的文章中提过。这是自己在页面重构的经验中总结出来的一套约束自己CSS的准则，即“无宽度”、“无图片”和“无浮动”，目的是使CSS布局模块化以及增强可扩展性。
此准则是针对我个人的，可能没有什么适用性，也可能会对您的学习有所启发，所以这里还是简单分享下。其中“无宽度”准则则在去年秋天专门讲了下，这里再简单介绍下其中的“无图片”准则。
本文虽然文字不多，但是多涉及到的技术点不少。有demo，有截图，有源代码展示，总之，希望本文的内容能够对您的学习有所帮助。
CSS按钮(a/button)生命周期的一些认识
2011年01月25日，星期二
“生命周期”一词基本上就是几个月前D2前端论坛的仅有的几个收获之一。
我个人将“按钮的生命周期”定义为：在上线页面上，一个按钮从诞生、完善直至最终消亡（替换/去除）的时间周期。
在程序的世界里，有些概念是比较抽象的。在web页面重构的世界里也是如此，我之前不少文章就不厌其烦地抛出“重用性”、“扩展性”这些字眼。有经验的页面工程师对这些概念有了自己感性的具体的认识，在阅读这些句子的时候可以很快的扫视过去。然而，不少新人对这些抽象的字眼其实只知道个大概，阅读的时候，很多内容都是囫囵吞枣式地咽下去，不知所以然。
…
设计风格影响按钮的生命周期；这个按钮需要有多长的生命周期决定了这个按钮的设计风格！
…
小tip：iframe高度动态自适应
2010年12月7日，星期二我从来对iframe就没有什么好感，对其基本上是不屑一顾。但是人在江湖，身不由己。经理发话，新功能使用iframe实现，没办法，只好折腾，其中麻烦的是高度自适应的问题。后来，参考国外一些实现方法，根据原理提炼出了一个比较简单通用可行的方法。作为小小tip展示下，做备忘用。
本文内容不算多，但是该有的demo还是有的，该有的代码展示也是有的，有必要的截图。总之，希望能对您的学习提供帮助。
CSS页面重构之“门派”之分
2010年08月14日，星期六本文是我CSS理论方面又一篇重磅的文章。文中提出了CSS页面重构一个非常新颖的“门派”观点，主要指出了当下CSS页面重构两种主要的“流派”，并通过大量的实例与图片对此观点进行了说明与验证。
对于CSS页面重构的“门派”之分，其实自己的思考还不是很成熟，借此文顺便梳理了下自己的思考。这里，我特别想汲取其他同行的一些观点与看法，以帮助自己进一步地成长。所以非常欢迎指出您觉得表达不准确的地方，也欢迎提出您自己的一些观点。
CSS渐变图片背景下高度亦自适应按钮
2010年06月21日，星期一
本文将介绍一种效果精湛，兼容性强，扩展性强，易上手易理解的按钮实现方案，此按钮与以往介绍的按钮一样，也是高宽自适应，可与图片混排，受控于text-align属性。但是这里的代码更加精简易懂，更符合主流与开发者的习惯。
本文提供必要的截图，提供Demo页面，以及代码展示，并对代码做了一定的讲解，希望能对您的学习有所帮助。
纯CSS实现侧边栏/分栏高度自动相等
2010年03月25日，星期四为了表现的美观或是一些功能的需要，我们经常希望侧边栏/分栏的高度保持一致。我们可能会使用min-height属性，IE6不支持min-height但是height会自动撑高，所以min-height + _height的组合也是常用手段之一；另外就是使用背景图片了，利用背景图片的垂直平铺，可以模拟分栏的等高背景效果，但是，此方法对布局宽度有一定的要求，如果布局宽度改变，背景图片可能也要做一番修改。但是这些方法都有局限性，没有从根本上解决问题。
本文就将真是分栏高度相等的的技术，使用margin负值实现任意分栏的高度自动相等。提供详尽的插图，代码示意。提供必要的demo，希望能对您的学习有所帮助。
搜狐白社会似iphone短信对话框效果的优化
2009年09月10日，星期四搜狐有个白社会，今年六七月份露出水面的。其首页css我是从头到尾看了一遍，学了些东西，也用自己的想法优化了些东西。其中之一就是一个显示你或者是好友说了些什么的popup式的对话框，有些形似iphone里面的可爱的短信对话框。
这个对话框效果是不错的，能支持高度上限500像素的文字内容，宽度自动适用于内部的文字内容。
但是参观其HTML代码是背景图片后，发现要实现这样的效果，这代码，至少是这图片肯定是优化不够的。而本文将对比其原来的方法，提供更加大小优化的图片和对应的没有兼容性问题的css代码，看如何将css发挥到机制实现图片背景的优化。
文章主体将简要展示对原图片做如何的处理，展示在各个浏览器下的兼容性表现，以及一些关于css的相关说明。提供实例页面和相关的源文件打包下载。希望对您有所帮助！
我的应用
我的应用