跟风，尤其受pinterest的煽风点火，瀑布流就有不少人关注了。我正好最近比较闲，加上有人曾在我站点提出希望我介绍点瀑布流的东西，所以，今儿个也随下大流。
pinterest以及上面迅雷UED xwei的瀑布流demo（至少在FireFox下还是有致命的显示bug的）都是采用的绝对定位实现的，有相对复杂的位置计算。
我一向不喜欢吃别人嚼过的米饭，于是尝试使用另外的原理实现。我是个流体布局控，对绝对定位啊、浮动啊什么的一向没什么好感，于是，这里要介绍的就是基于多栏列表流体布局实现的瀑布流布局效果。
“JS相关”目录存档
折腾:瀑布流布局（基于多栏列表流体布局实现）
2012年03月23日，星期五介绍：cssrefresh.js-CSS文件自动刷新
2012年03月19日，星期一本文内容正如标题所说的，介绍cssrefresh.js. 按照What? Why? How?的提问顺序介绍。末了，还附上了一个实际样式的demo。当然，源代码啊，截图啊什么的为日常口粮，自然少不了。不一定多使用，不过对于某些同行，尤其新人，估计还是很有用的。
zSlide-基于CSS3/HTML5演示文档jQuery插件
2012年01月3日，星期二
zSlide是我最近折腾的一个jQuery插件，可以让网页以类似于powerpoint展示的效果展示。这样可以让技术资源更快更便捷共享出去。不仅有基本的切换效果，还有动画交互。支持键盘操作和鼠标操作，提供实时的进度提示，同时提供强大的自定义交互功能。
本文就是专门讲解这个插件，有的放矢，截图，demo，源代码打包下载，代码示例一个不少。尽量面面俱到而又不啰嗦，总之，希望本文的内容能够对您的学习或工作有所帮助。
CSS3无前缀脚本prefixfree.js及Animatable介绍
2011年11月15日，星期二虽然现代浏览器支持CSS3，但是一些过往的版本或是目前有些CSS3属性的应用还是离不开前缀的。像box-shadow, border-radius这类属性，目前较新版本的浏览器都是不需要前缀的（包括IE9），但是，有些CSS3属性，例如渐变，oh,my GEE GEE，前缀少不了，于是每次应用都像是建大楼一样。比楼高是很傻逼的一件事情，所以如此霸气侧漏的CSS大楼反而让人伤不起，我们总希望跟这些前缀说“顾德白”。有此想法的前端er们想必大有人在，于是，一些牛逼且执着于web技术且乐于分享的仁兄就搞了个名叫prefixfree.js的东西……然后又弄了个Animatable的东西……
关于一个JS功能实现的思维方式
2011年10月26日，星期三现实生活的经验告诉我们，尽量不要走重复的路程，不要做重复的事情，尽量避免从头再来，因为这意味着你付出的辛劳（某种意义上）都白费了。
举简单的例子，我们要去美国，结果兴冲冲赶到机场，发现签证没带，我想谁都不愿理再重新赶回去拿签证。
再举个例子，我们玩网游，比如魔兽，辛辛苦苦打了几个月，好不容易升了几十级，结果号被人盗了，你要重头开始练级，估计是谁都会气得吐血三升而亡的。
上面两个例子可能与主题还不够贴切，再举两个例子吧：
不知大家走迷宫的游戏，如果我们走一条路发现不通，怎么半？是退出到之前一个岔路口重新走呢？还是从起点重新走呢？
美女茜茜认识了个男生，如果这个男生很有钱，茜茜会跟他结婚；如果这个男的现在还是很寒酸，则茜茜可以等两年这个男的有钱了再和他结婚。结果两年后，这个男的果然有钱了，你说茜茜是跟他直接结婚呢，还是要重新认识？ ……
jQuery与MooTools库的一些比对
2011年09月28日，星期三
我上大学那会儿从事的项目用的是jQuery，毕业后工作所从事的项目用的是MooTools。很幸运短期内有机会接触两款不同设计风格的优秀的JavaScript库。今天就我自己的一些认识比对下这两个JS框架，更多的是希望大家能够对MooTools这个JS框架有更多的认识。毕竟，大多数从事web前端的人对上手容易的jQuery更熟悉些。
基于HTML5的可预览多图片Ajax上传
2011年09月15日，星期四在XHTML的时代，我们使用HTML file控件上传图片一次只能上传一张。要一次上传多图，做法是借助于flash。或者使用隐藏的iframe框架页面模拟ajax上传，一次一张，连续多次。然而都有缺陷。HTML5是个好东东，其中之一就是支持多图片上传，而且支持ajax上传，而且支持上传之前图片的预览，而且支持图片拖拽上传，纯粹利用file控件实现，简单方便迅速，想不让人称赞都难啊！
本文就是详细地介绍基于HTML5的可预览多图片Ajax上传的一些内容。有丰富的截图示意和源代码展示，以及必要的API参数说明。希望本文的内容能够对您的学习有所帮助。
CSSOM视图模式(CSSOM View Module)相关整理
2011年09月9日，星期五
就在8月份，也就是上次gf大姨妈来的时候，W3C出炉了CSSOM视图模块草案。CSSOM视图模块(CSSOM View Module)定义了一些 API，Web 开发人员使用这些 API 可以进行检查，也可以以编程方式更改文档及其内容的视觉属性，包括布局框定位、视区宽度和元素滚动。
本文的内容就是将CSSOM视图模块相关的一些属性，方法等一个一个整理出来，包括兼容性，使用等等。每个API基本上都提供demo页面测试，使用的源代码展示等等。内容较多，请耐心阅读。相信本文的内容会对您的学习有所帮助的。
浏览器地理位置(Geolocation)API 简介
2011年06月30日，星期四Geolocation API（地理位置应用程序接口）提供了一个可以准确知道浏览器用户当前位置的方法。且目前看来浏览器的支持情况还算不错（因为新版本的IE支持了该API），这使得在不久之后就可以使用这一浏览器内置的API了。该API接口提供的用户地理位置信息还算蛮详细的，经纬度啊，海拔啊，精确度，移动速度啊都是可以获取的。该API是相当有实用价值的，本文就简单介绍下这个东东，希望能对您的学习有所帮助。
我的应用
我的应用