随着HTML5以及CSS3技术支持与发展，以及手机越来越高性能带来的可行性。移动端的页面显然会越来越烧电。例如，流畅的动画效果，模糊阴影等视觉体验。因此可能会出现这样的情况，用户电量快不行了，又没有电源来一发，你的网页还呼呼的烧电，显然，用户一旦感觉到浏览这破页面手机电量流失比武大郎那个还快，怕是会红杏出墙，寻找类似西门庆这种更持久的产品了。
因此，如果网页能够感知手机的电源，我们似乎能够为用户做的更多。比方说，当用户电量不足15%, 需要再来一发的时候……
文章关键字 ‘API’
HTML5 Battery电池状态相关API简介
2014年01月27日，星期一Snap.svg-SVG实战学习必修课-实例与文档讲解
2014年01月19日，星期日
2013年10月23日，第3届（如果我没记错的话）HTML5全球开发者大会在旧金山举办。Adobe在此次大会上宣布了一件事情：建立了一个名叫Snap.svg的开源项目。其目的在于摒弃Flash插件，将Flash的特性带到web上。
Adobe表示，”Snap.svg是一个强大且直观的SVG动画内容操纵API，支持屏蔽、裁剪、全梯度和组别等使得内容更具吸引力和交互性的功能”。
Adobe支持的项目，自然其产品中会有体现，例如DreamWeaver中的PhoneGap, 这里的Snap.svg应该也会集成在其Web开发工具中，例如Edge…..
HTML5 DOM元素类名相关操作API classList简介
2013年07月15日，星期一如果我们把元素的类名操作比作“切水果”游戏的话，其中一个单独的类名就好比“水果”或“炸弹”！
DOM Level 2时代，类名的获取与设置，多半使用className属性，className的生效近似切水果的“一刀切”。在web的初期，交互什么的其实很简单的来；就像切水果刚开始的时候，一次就一个水果飞上来，一刀“咔嚓”切了就好，就像使用className赋个类名值，就算偶尔冒出2个水果，className也可以一刀切搞定的。
但是，随着web的发展，交互的逐渐复杂……
Page Visibility(页面可见性) API介绍、微拓展
2012年11月29日，星期四如果检测页面切页，最小化，关闭，切换选项卡，可以使用visibilitychange事件，使用visibilityState属性值。
HTML5全屏API在FireFox/Chrome中的显示差异
2012年10月8日，星期一FireFox浏览器下的黑色背景就是全屏元素，其中图片的居中对齐是通过CSS控制的（:after伪类生成元素+vertical-align:middle实现），例如去掉text-align:center图片就不水平居中了；而Chrome的黑色背景属于系统的东西，其全屏元素似乎被浏览器劫持，默认状况下永远屏幕居中显示（去掉text-align:center图片依然水平居中）——脱离了常规CSS理解——如默认的display:block状态似乎变成了display:inline-block等……
小tip: 外链地址网站标志图标API应用
2012年06月13日，星期三本文主要介绍如何利用一些API获得网站的favicon，即收藏图标，标志图标。并且如何在实际项目中应用。一如既往，提供必要截图，demo实例页面以及源代码展示。总之，希望本文的内容能够对您的学习有所帮助。
渐进使用HTML5语言识别, so easy!
2012年05月24日，星期四本文介绍如何在您的浏览器上渐进使用HTML5语音识别功能，以及该功能潜在的一些问题。丰富必要的demo，生动有趣的截图，幽默诙谐的文字，相信本文的内容对您的学习有所帮助的。
观点：不要太依赖JavaScript库
2012年03月29日，星期四JavaScript库已经成为了一个web开发人员的工具包的重要组成部分，一个很好的理由（zxx: 应指指依赖理由）。库让每个浏览器的JavaScript实现无差异，使开发人员可以专注于编写代码，10次中有9次将只是工作 – 这是一个了不起的事情。
但你可曾停下来想过学习JavaScript，而不是一切都依靠库？尽管我不主张离开库，但我依然要给你些东西让你去思考……
jQuery与MooTools库的一些比对
2011年09月28日，星期三
我上大学那会儿从事的项目用的是jQuery，毕业后工作所从事的项目用的是MooTools。很幸运短期内有机会接触两款不同设计风格的优秀的JavaScript库。今天就我自己的一些认识比对下这两个JS框架，更多的是希望大家能够对MooTools这个JS框架有更多的认识。毕竟，大多数从事web前端的人对上手容易的jQuery更熟悉些。
Google字体API使用简单示例
2011年07月18日，星期一Google总会做些造福大众的事情，例如提供了web在线字体的API，这玩意其实去年就有了，但是字体种类手指头+脚趾头就可以数出来。but 最近，貌似Google对字体API进行了升级，可使用的在线web字体已经奔向200去了。
对于设计者而言，可谓不得不高兴的事情。这里，通过简单的例子，讲讲如何使用这些字体API。
回归传统，本文提供demo页面，效果截图展示，源代码展示。总之，希望本文的内容能够对您的学习有所帮助。
我的应用
我的应用