最近在开发DAdolfans的时候遇到了这么个需求：监听一个contentEditable的div内容变化。

我们知道，监听textarea或者input内容的变化通过简单的jq监听就能做到，但是如果监听的对象是一个div的话它们就无能为力了。上网查了几个方法：

webkit支持对页面滑轮和滑道的自定义，但是那种自定义是有限的。比如：如果你想让滚轮滑道与页面的背景图片融合是不可能的，也不能让滑块有自行义的形状。

所以咱前一阵子强迫症爆发，在自己的应用中重新写了个滑道，案例的话请参考：https://github.com/DFLS/DAdolfans

自备less编译器，源码里的less浏览器nw是读不了的。

众所周知的，css好像没有啥方法能帮助我们限制一个元素的宽高比，前一阵子却有这么个需求，要求我画个正方形。

于是怎么做呢，简答阐述下思路：

就在几天前，玲奈这个混蛋捏我，叫我捏一个google design的页面出来，之后我就跟个抖M似的屁颠屁颠给人家捏去了，Google Design里面那个按一下贴片就会出现个圆圈逐渐扩大的圆这个特效挺讨巧的，做过之后觉得有必要写个笔记，所以就写了(ゝ∀･)