本文属于简单实用的基础技术科普。有丰富的gif动画演示，有demo，有截图以及必要的源代码展示，还有官方文档释义。总之，希望本文的内容能够对您的学习有所帮助。
小tip: CSS动态实现文本框清除按钮的隐藏与显示
2014年03月28日 by 阅读 139893 次, 今日 12 次search类型搜索框，设计师常常会设计一个叉叉图标，表示用户点之久可以清除输入的内容。
这是不错的体验！
当前现代浏览器中，Chrome浏览器下type=search的输入框会有清除按钮的动态呈现，不过搜索input框尺寸不太好控制(padding无视)；FireFox浏览器貌似任何类型的输入框都无动于衷；IE10+浏览器貌似任何输入框都会出现清除按钮，但是长得略微粗糙了点，设计师同学接受不了。
貌似不和谐了，咋办？传授个新技能，借助HTML以及CSS，来模拟清除按钮可动态呈现的搜索框……
源代码、demo页面、截图一个不少，希望本文的内容能够对您的学习有所帮助。
PhoneGap/Cordova控制iOS7状态栏的显隐/颜色
2014年03月20日 by 阅读 81877 次, 今日 4 次虽说本文的主要内容是PhoneGap/Cordova控制iO7S状态栏的显示、隐藏与颜色，但是呢，没忍住，又说了很多其他东西，想法、感悟、吐槽等，好的坏的，杂的纯的。百花齐放百家争鸣，言论自由思想才会进步。这些似乎比技术本身更有价值，你觉得呢？
quickLayout.css-快速构建结构兼容的web页面
2014年03月13日 by 阅读 120830 次, 今日 14 次
quickLayout为自己这些年来CSS积累最强代表作，可以说是多年来压箱底的东西。自己强力推荐，年度个人力作。如果您是有经验的重构，这个东西会让你如虎添翼，蓬荜生辉。超长篇，但没有什么废话，有图有代码有视频。希望本文的内容能够对您的学习有所帮助。
小tip: CSS3与文字渐变光影流动动画效果实现
2014年02月28日 by 阅读 60618 次, 今日 15 次现在的我，身在一个设计团队，自然要与各种视觉、效果打交道。啊，今天交互提出了一个效果：“可不可以让文字像脱衣服一样的，光影闪啊闪~” “当然可以啊！”虽然玩具多年未碰，但是有哪些玩具，自己还是清楚的，于是我很干脆的答应加这个效果。
实际上，之前就有类似效果实现，但是呢？之前的实现有一个不足，其渐变背景是图片实现的(10年时候CSS3渐变乃星星小火)。想想现在都什么年代了，渐变还要使用图片，简直弱爆了，而且还是webkit家族浏览器！显然，有改进的余地。于是……就有了有demo有截图还有源代码展示的本文了。
希望本文的内容能够对您的学习有所帮助。
Snap.svg.js实现的钓鱼知识分享及周边
2014年02月26日 by 阅读 75182 次, 今日 29 次这篇文章，有散文的味道，看似技术，实际上是自我反省与心理涤荡。看似介绍钓鱼的分享，实际上是SVG技术的一些简单介绍。真真假假是是非非，文学这东西，没必要过于较真。
闲暇之余看看，或许会有心灵的共鸣，或者技术的收获。
ES6 JavaScript Promise的感性认知
2014年02月19日 by 阅读 205063 次, 今日 12 次对于先知的我们，故事的安排在脑中是即时出现的，而非实际上的异步发生。因此，作为创世的编程者而言，这种与瞬间思考所同步的代码更符合现实世界下的思考方式。因此，更易读更易于理解。Promise让我们以先知的视角呈现代码，更符合……
一篇偏理论的文章，不同的角度，不同的探讨，或许会有不同的收获。欢迎阅读，欢迎交流~~
HTML5 Battery电池状态相关API简介
2014年01月27日 by 阅读 62294 次, 今日 8 次随着HTML5以及CSS3技术支持与发展，以及手机越来越高性能带来的可行性。移动端的页面显然会越来越烧电。例如，流畅的动画效果，模糊阴影等视觉体验。因此可能会出现这样的情况，用户电量快不行了，又没有电源来一发，你的网页还呼呼的烧电，显然，用户一旦感觉到浏览这破页面手机电量流失比武大郎那个还快，怕是会红杏出墙，寻找类似西门庆这种更持久的产品了。
因此，如果网页能够感知手机的电源，我们似乎能够为用户做的更多。比方说，当用户电量不足15%, 需要再来一发的时候……
Snap.svg-SVG实战学习必修课-实例与文档讲解
2014年01月19日 by 阅读 156774 次, 今日 14 次
2013年10月23日，第3届（如果我没记错的话）HTML5全球开发者大会在旧金山举办。Adobe在此次大会上宣布了一件事情：建立了一个名叫Snap.svg的开源项目。其目的在于摒弃Flash插件，将Flash的特性带到web上。
Adobe表示，”Snap.svg是一个强大且直观的SVG动画内容操纵API，支持屏蔽、裁剪、全梯度和组别等使得内容更具吸引力和交互性的功能”。
Adobe支持的项目，自然其产品中会有体现，例如DreamWeaver中的PhoneGap, 这里的Snap.svg应该也会集成在其Web开发工具中，例如Edge…..
pointer-events:none提高页面滚动时候的绘制性能？
2014年01月4日 by 阅读 173088 次, 今日 33 次“pointer-events:none提高页面滚动时候的绘制性能？”注意标题后面的问号。一般这种标题都说明作者要否定这个结论。我这里是否定呢还是坑定呢？不告诉你，你自己去寻找答案。
本文不单纯介绍技术，还探讨了关于“真理”的话题，若有兴趣，一起加入讨论吧。用真理来解决与研究技术问题。相信本文的内容不会让你失望的。
我的应用
我的应用