vertical-align属性可以说是CSS中兼容性最糟糕的属性之一了。比如说与文字相关的vertical-align属性，vertical- align:text-top;和vertical-align:text-bottom属性，这两个属性的解释IE浏览器（IE6-8）和现代浏览器是不一样的两个派别。到底哪种表现是正确的，这是不能随便做定论的。无论实现的机制如何，若能实现类似的效果表现，其实都可以说是正确的。在一般的使用条件下，例如小图标+文字，vertical-align:text-top这类文字对齐类属性在不同浏览器下的差异是较小的，这很难让我们去思考与理解这些差异在什么地方。但是，如果我们将测试的元素进行简化与放大，那么差异显而易见，也更利于我们思考其中的原因所在……
本文是我对CSS vertical-align属性深入思考后的一些心得体会，提供丰富飞截图，动画演示，以及必要的demo。希望讲的足够通俗易懂，能对您的学习有所帮助！
文章关键字 ‘浏览器’
CSS vertical-align的深入理解(二)之text-top篇
2010年06月12日，星期六使用CSS3绘制我们的太阳系
2010年05月31日，星期一本文内容展示多于技术的介绍，主要展示的是用CSS3实现的炫酷的太阳系效果，Firefox浏览器下静态页面，Chrome以及Safari浏览器下有环绕的运动效果，本文提供截图以及视频展示，提供核心的CSS代码以及demo页面，希望你对您的学习有所帮助。
图片旋转+剪裁js插件(兼容各浏览器)
2010年05月6日，星期四在现在的web应用中，对上传的图片，例如头像，原始的摄影照片常常需要在web页面上进行一些处理，常见的处理就是剪裁与旋转。但是，似乎就目前而言，缺少即支持剪裁又支持旋转且轻量级的js插件。于是，我就抽时间写了个简单的插件。
兼容各个浏览器，使用canvas元素实现旋转，封装良好，希望能对您有所帮助。
让IE6/IE7/IE8浏览器支持CSS3属性
2010年04月27日，星期二本文将展示如果通过调用htc文件轻松让IE浏览器下也能实现一些CSS3的效果，例如盒阴影(box-shadow)、文字阴影(text-shadow)以及圆角边框(border-radius)效果。
本文提供详细的使用讲解，必要的demo页面，以及一些必要的说明，希望能对您的学习有所帮助。
jQuery – 高亮动态显示页面HTML代码插件
2010年04月23日，星期五我经常思考如何更加清晰的表述自己的观点，所以我会截图、会制作动画，甚至会录制视频，当然demo也是必不可少的。但是，有时候，我们想要看到的不只是现象，更要直观地看到内部的代码运作，例如，我们学习jQuery的外部插入方法，节点删除这类DOM操作时，看到HTML节点代码的变化是最直观的了；还有，也是更加必要的，就是在js功能调试的时候，有时候，我们要修改一个表单的name值，但是修改与否，页面上是显示不出来的，但是如果可以窥见HTML代码，那就很赞了。
所以我决定写一个可以高亮动态显示HTML片段的插件，方便调试与演示。本文提供详细的演示与讲解，以及源文件下载，希望能对您的学习有所帮助。
翻译 – 逐渐消失的Flash网站
2010年04月20日，星期二
如果你想要一个盛大的视觉效果的网站，含有复杂的交互以及跨浏览器的富体验，flash是唯一的选择。确实如此吗？回答是“不是”。随着现代浏览器的进步与提升，以及JavaScript库的被广泛采纳，使用flash显得没有意义了。但是考虑到渐进增强的需要，目前flash站点在web上仍有一席之地。
在当前的景观技术下，以及通过诸如相框，netbooks、手机、电视这类设备访问互联网时，网络标准的好处要大于那些flash，尤其是当提供内容是在各种设备上面对更广泛的受众时。
Flash是一个坐在浏览器扩展功能顶部的专利产品 。尽管flash可以提供在某一段时间内可能缺失的功能，但是对于现代浏览器而言，其所带来的价值几乎为0. 随着越来越多的设计师以及开发人员意识到web标准的好处，以及开始使用一些HTML5和CSS3的特征，我们会更少看到由Flash驱动的网站。
CSS reset的重新审视 – 避免样式重置
2010年04月14日，星期三武侠的最高境界是什么？ – 无招胜有招
设计的最高境界是什么？ – 减少设计
所以，最少的CSS代码，最少的渲染，最少的重置就是最好的CSS样式代码，这反应了您的CSS层次。说句不好听的话，CSS reset是用来让那些CSS菜鸟，对CSS不太了解的人准备的。
本文就将阐述自己的观点 —— 无需使用CSS reset重置。观点鲜明，论点充分。欢迎反驳，欢迎交流！
新浪微博插入话题后部分文字选中的js实现
2010年04月14日，星期三
在新浪微博的微博信息发布框下面，有个“话题”按钮，点击这个“话题”文字按钮后，在输入框文本域里面就会添加一段文字“#请在这里输入自定义话题#”，其中“请在这里输入自定义话题”处于被选中的状态，这样用户无需再选中文字，直接敲键盘就可以替换这部分内容，这是非常好的一个提高用户体验的细节。
本文就像详尽的讲解这种效果的实现，提供详尽的代码展示，必要的截图，以及demo示例页面，希望能对您的学习有所帮助。
区分IE8/IE7/IE6及其他浏览器-CSS “\9″hack
2010年04月4日，星期日
CSS hack这个东东可以说是老掉牙的东西，我是不会再放到锅里炒的。之所以写这篇文章，更主要的是介绍一个CSS hack – “\9″ hack。
本文以介绍”\9” hack为引子说说如果简单有效的区分IE8/IE7/IE6以及其他的现代浏览器，提高详尽的代码展示，提高必要的demo页面以及各个浏览器表现的截图，希望能对您的学习有所帮助。
我的应用
我的应用