本文可以说是个小的教程，分析一些JavaScript“预解析”造成的可能会让人疑惑的现象。虽说是翻译文章，但是个人感觉还是蛮通俗易懂的。本着自己在JavaScript上的造诣实在有限，加上又是有关JavaScript运行机制这类比较深层次的问题，在把握上合理解上难免有一些不到位的地方，欢迎各位优秀的同行多多指正，多多赐教。
文章关键字 ‘兼容性’
翻译 – 解释JavaScript的“预解析(置顶解析)”
2010年10月14日，星期四:after伪类+content内容生成经典应用举例
2010年09月28日，星期二
content内容生成就是通过content属性生成内容，content属性早在CSS2.1的时候就被引入了，可以使用:before以及:after伪元素生成内容。此特性目前已被大部分的浏览器支持： (Firefox 1.5+, Safari 3.5+, IE 8+, Opera 9.2+, Chrome 0.2+)。另外，目前Opera 9.5+ 和 Safari 4已经支持所有元素的content属性，而不仅仅是:before和:after伪元素。
本文就将讲述:after伪类+content内容生成在web页面重构上非常实际的两个应用，一是清除浮动的影响，二是大小不固定图片的垂直居中效果。提供代码展示盒截图，提供demo效果页面，希望能对您的学习有所帮助。
翻译-你必须知道的28个HTML5特征、窍门和技术
2010年08月27日，星期五前端的发展如此之迅猛，一不留神，大侠你可能就会被远远地甩在后面了。如果你不想被HTML5的改变/更新搅得不知所措的话，可以把本文的内容作为必须了解的热身课程。
本文为翻译内容，介绍了28个HTML5相关的技术，知识点等。内容较多，不少内容，我都重新制作了demo页面，并配以截图，希望能对您的学习有所帮助。
CSS页面重构之“门派”之分
2010年08月14日，星期六本文是我CSS理论方面又一篇重磅的文章。文中提出了CSS页面重构一个非常新颖的“门派”观点，主要指出了当下CSS页面重构两种主要的“流派”，并通过大量的实例与图片对此观点进行了说明与验证。
对于CSS页面重构的“门派”之分，其实自己的思考还不是很成熟，借此文顺便梳理了下自己的思考。这里，我特别想汲取其他同行的一些观点与看法，以帮助自己进一步地成长。所以非常欢迎指出您觉得表达不准确的地方，也欢迎提出您自己的一些观点。
CSS实现跨浏览器的box-shadow盒阴影效果(2)
2010年07月27日，星期二我之前曾写过一篇关于实现跨浏览器实现box-shadow效果的文章——“CSS实现跨浏览器兼容性的盒阴影效果”，本文虽然题目类似，但是核心部分是有差异的。前面的文章虽然实现IE下的盒阴影效果也是使用的滤镜，但是使用的是shadow滤镜，这种滤镜的效果很牵强，效果过渡不自然，而本文实现的IE下的盒阴影效果就相对非常自然，而且还支持内阴影的UI表现。
本文提供各个效果截图，提供丰富飞实例以及代码展示，希望能对您的学习有所帮助。
CSS样式分离之再分离
2010年07月8日，星期四
我从以前讲布局思想，讲无CSS rest，到现在的CSS样式分离之再分离，以及后面的CSS架构，都是一个体系里面的。我清楚的指导，这些东西，其实很多优秀的前端人员也是知道一二，或是比我理解更深刻的。但是，对于大多数同行而言，可能认为我“又在挑刺”，其实不然。
我把我自己的理解讲出来，是希望让您知道，现在绝大多数的CSS写法，架构都是有很多不足的，缺少创新。我就这么跟您说吧，您所做的任何项目，其实根本只要一个CSS文件就足够，您要是真的通透了CSS的“分离”、“架构”，即使这个网站项目有100个页面（风格统一），您也可以只使用一个CSS页面，并且可以控制CSS文件（未压缩）在40K以下。
我是自信可以这么实现的。我最近做的项目50多个页面，未压缩（含大量注释，竖排）的CSS文件，就30K左右，服务器端压缩后仅11K左右，同时网站整站自适应，从内容到各个按钮，导航，全部宽度自适应，兼容性良好….
CSS渐变图片背景下高度亦自适应按钮
2010年06月21日，星期一
本文将介绍一种效果精湛，兼容性强，扩展性强，易上手易理解的按钮实现方案，此按钮与以往介绍的按钮一样，也是高宽自适应，可与图片混排，受控于text-align属性。但是这里的代码更加精简易懂，更符合主流与开发者的习惯。
本文提供必要的截图，提供Demo页面，以及代码展示，并对代码做了一定的讲解，希望能对您的学习有所帮助。
CSS vertical-align的深入理解(二)之text-top篇
2010年06月12日，星期六vertical-align属性可以说是CSS中兼容性最糟糕的属性之一了。比如说与文字相关的vertical-align属性，vertical- align:text-top;和vertical-align:text-bottom属性，这两个属性的解释IE浏览器（IE6-8）和现代浏览器是不一样的两个派别。到底哪种表现是正确的，这是不能随便做定论的。无论实现的机制如何，若能实现类似的效果表现，其实都可以说是正确的。在一般的使用条件下，例如小图标+文字，vertical-align:text-top这类文字对齐类属性在不同浏览器下的差异是较小的，这很难让我们去思考与理解这些差异在什么地方。但是，如果我们将测试的元素进行简化与放大，那么差异显而易见，也更利于我们思考其中的原因所在……
本文是我对CSS vertical-align属性深入思考后的一些心得体会，提供丰富飞截图，动画演示，以及必要的demo。希望讲的足够通俗易懂，能对您的学习有所帮助！
使用CSS3绘制我们的太阳系
2010年05月31日，星期一本文内容展示多于技术的介绍，主要展示的是用CSS3实现的炫酷的太阳系效果，Firefox浏览器下静态页面，Chrome以及Safari浏览器下有环绕的运动效果，本文提供截图以及视频展示，提供核心的CSS代码以及demo页面，希望你对您的学习有所帮助。
RGBA颜色与兼容性的半透明背景色
2010年05月29日，星期六
本文最最重要的内容其实不是讲rgba，而是介绍如何在IE下也能实现半透明的背景效果。RGBA实现半透明背景很简单，直接一个半透明参数就可以了，但是IE浏览器下，就目前而言，需要使用滤镜，这个滤镜不是半透明滤镜，而是渐变滤镜，IE渐变滤镜支持半透明渐变背景色。
本文就将展示如何实现兼容性飞半透明背景效果，并列举一些实际应用。本文虽然截图不是很丰富，但是必要的都提供了，提供必要的代码展示与demo页面，希望能对您有所帮助。
我的应用
我的应用