据说iOS6系统(iPhone5)增加了两个CSS3属性，一个是CSS3 filters – CSS3滤镜，在“CSS将图片转换成黑白”一文中就介绍过CSS3 grayscale滤镜；另外一个是CSS3 Cross-fade – CSS3交叉淡入淡出。
毕竟有IE滤镜这厮，所以前者看上去可能不那么显生；那后者Cross-fade是？
CSS3背景图片透明叠加属性cross-fade简介
2012年09月29日 by 阅读 90209 次, 今日 8 次基于HTML模板和JSON数据的JavaScript交互
2012年09月28日 by 阅读 261642 次, 今日 5 次本文内容如题，就是将如何是有HTML模板以及JSON数据进行JavaScript的数据呈现以及开发。里面的东西个人成分比较重，个人觉得是蛮好蛮实用的东西。因此，拿出来和大家分享分享。一如既往，有demo页面，有大量的截图配图以及必要的源代码展示。总之，希望本文的内容能够对您的学习有所帮助！
视区相关单位vw, vh..简介以及可实际应用场景
2012年09月24日 by 阅读 327287 次, 今日 13 次
CSS3中一些新的单位早在去年春暖花开的时候就介绍了，参见：CSS长度值及时间、频率、角度单位。显然，其中就提到了本文要感叹的单位vw, vh.
不过“我看见你”和“我触碰你”是不一样的。正好，机缘巧合，最近又与这两个单位想见。大致琢磨了下，貌似vh这个单位可以实现我以前曾希望实现的的整体高度自适应布局。想到这里，自己不由得小兴奋了下，于是决定抽时间研究研究（虽然最近整iPad忙得屁股尿流~~）
翻译：清除各个浏览器中的数据研究
2012年09月18日 by 阅读 105712 次, 今日 3 次对于快速Web APP，缓存四赢得性能的关键。最近个把月，我做了个所谓“清除浏览器实验”，研究下用户清除缓存的时候会发生哪些奇葩的事情。另外，除了浏览器的磁盘缓存（指图片啊等数据），我还折腾了其他一些数据格式，如：cookies, localStorage, 以及 application cache. indexedDB并不在其中，因为貌似其要嗝屁了……
好吧，CSS3 3D transform变换，不过如此！
2012年09月7日 by 阅读 891243 次, 今日 19 次
CSS3 3D transform变换对于没有接触过的人而言可能会是件很头疼的事情。首先涉及到N多CSS方法以及CSS函数，如何理解他们头疼；其次，3D效果的实现，需要一定的空间想象能力，但是，不少人的脑袋是会想妹子想男人，怎么办？再者，3D效果的实现还离不开各种角度方位的数学计算，要是勾起了某些人学生时代的数学梦魇，又可如何是好！
相当不少人有这样的境遇，加上自己最近也在学习CSS3 3D transform变换的相关东西。好吧，整理一下，用通俗易懂的方式表达下我对CSS3 3D transform变换的一些理解；分享知识同时，自己也整理和提高了。一举两得，何乐不为。
本文是难得的长篇，很多精心挑选制作的配图，N多帮助理解制作用心的的demo页面，还有必要的源代码展示等。希望本文的内容可以让您学习CSS3 3D transform变换的相关知识更加的轻松！
近期手机网页项目一些杂碎心得分享
2012年08月31日 by 阅读 121776 次, 今日 7 次其实上上周就可以出此文了，只是，就跟谈恋爱一样的，要讲求时机以及心情。这会儿，看完了海贼王情报，处理了邮件，文章评论以及部分同行靠谱的提问，加上好几天没有动“笔头子”了，于是，很有兴致，分享些杂碎的知识点。
头一次写星星点点知识的分享。不过应该压力不大，貌似不需要什么严谨的逻辑。想到了就说，再堆麻将版摞起来就可以了~~
项目是做移动网页版的内容，从塞班S60到iPhone以及Android手机以及window phone都要支持。采用渐进增强策略，塞班S60布局良好，功能可以正常使用，至于模样嘛，看得过去就可以。
千奇百怪手机，显然，会出现N多让人都无力吐槽的兼容性问题。这里，share下，希望可以为后来者或是正在遇到类似问题的你提供点思路……
设备像素比devicePixelRatio简单介绍
2012年08月23日 by 阅读 363521 次, 今日 23 次本文所说devicePixelRatio其实指的是window.devicePixelRatio, 被所有WebKit浏览器以及Opera所支持，随着显示器的发展，这个属性也慢慢登上了前端技术的舞台。
本文内容大部分属于翻译性质内容，因此，会不那么通俗易懂。不过，你是做手机开发的，或是有意向的，本文的内容如果细细读来，还是有些收获的。
SVG特征、支持以及一些实际使用问题
2012年08月22日 by 阅读 142980 次, 今日 1 次去年9月份曾写过“使用SVG实现gradient背景渐变”一文，其中有对SVG比较术语化的解释，以及SVG的创建、SVG编辑器使用、简单的实际应用等。
不过，之前的介绍，虽然也有内容，不过总给人以生硬之感，仿佛是直接从山上凿下的原石，没有美化与雕琢。而这里的介绍（自然没有重复）似乎更接地气些，应该会给你一点别样的关于SVG的收获。
一如既往，有demo，有截图，有源代码示意。希望本文的内容能够对您的学习有所帮助。
有趣：256个class选择器可以干掉1个id选择器
2012年08月20日 by 阅读 114656 次, 今日 1 次我突然想起了在微博上看到的一个视频：日本蜜蜂团团围住并热死大黄蜂的那个视频，——虽然小蜜蜂战斗力就是个渣渣，但是，足够多的数量也会搞出一些有趣的现象——热死足以以一敌千的大黄蜂。
但是，在CSS的世界里，居然有类似的“以数量取胜”有趣现象。比方说，这里要展示的：256个级联class选择器 击败 1个id选择器的有趣故事……
小tip: 使用CSS将图片转换成黑白(灰色、置灰)
2012年08月19日 by 阅读 316174 次, 今日 15 次可能早就知道，像汶川这种糟糕的日子网站全灰在IE下是可以轻松实现的(filter: gray;)，不过，当时，其他浏览器是无解的。不过，时代发展，如今，CSS3的逐步推进，我们也开始看到“黑白效果”大规模应用于实际的可能。
本文就将介绍如何是有CSS3的一些新方法实现图片的黑白效果。另外，最后还介绍下一款可以实现各个浏览器下图片黑白的小JS插件。有截图，有demo，有代码示意，希望本文的内容能够对您的学习有所帮助。
我的应用
我的应用