岁月如歌

slideshare 在线观看：The Beauty Of Refactoring
ppt 下载：重构之美.pptx
src code：/trunk/src/widget-switchable

欢迎讨论交流。

双飞翼布局的由来：渐进增强式布局探讨（上）（下）

源码文件：grids.css
压缩版本：grids-min.css
合并版本：reset-grids-min.css
测试页面：grids-taobao.html

命名规则和样式生成工具：css-generator.html
阅读全文 »

源码文件：reset.css
压缩版本：reset-min.css
测试页面：test.html

更新说明：

1. 调整了字体和行高，请参见 三谈 Web 默认字体。
2. 将 h1 到 h3 的默认字号调整为 font-size: 100%;
3. 去掉了 tt, abbr, hr, q 的重置样式。原因是：tt, q 不推荐使用。hr 的差异，具体页面去负责。abbr 的默认样式在各浏览器下虽然有差异，但并不会带来问题，重置意义不大。
4. 加入了对 sup, sub 的重置样式。
5. 增加了 reset-post.css, 方便重置以大段文字展示为主的内容区块。测试页面：test-post.html

最后，贴一份代码：
阅读全文 »

在 Web 编辑器领域，

CKEditor – 七年的专注，赢取的是王者风范。
TinyMCE – 五年前的小家碧玉，如今已成长为大家闺秀。
Google Docs – 简单与复杂的权衡，2/8 原则的遵守者。只把 20% 核心功能做好做妙，需要魄力。
YUI RTE – 如果爱上你是场梦境，醒来后叫我如何继续使用？
NicEditor – 爱唐装的摇摆，还是牛仔的风采？这是位别致的女孩，很难让人爱或不爱。
百度/QQ/163/白社会编辑器 – 各具特色。

淘宝用过一个很古老的编辑器（至今宝贝发布页面还在用）。去年年底，换用过 YUI 编辑器（让人爱恨交加）。今年，祭出了 FCKEditor. 从纯功能上讲，FCK 是王者。但在国内互联网环境下，FCK 的文件有点大。针对淘宝的应用，FCK 的可定制性和扩展性，也有一定限制。

于是有了今天发布的淘宝开源编辑器：KISSY Editor, 已在 淘帮派 上线试用。

KISSY Editor 刚诞生，目前仅有基本功能。紧接着的二期里，将进一步完善基础架构和插件体系，并提供 Undo/Redo, 插入Flash, 表格编辑和预置模板等功能。 阅读全文 »

去年针对谷歌的搜索提示，发过一篇文章：从谷歌的一个Bug说起，谈谈键盘事件的兼容性。从那时开始，就一直想写一个适应中国本土环境的提示组件。

前不久做淘宝首页的性能优化，淘宝原来用的是 YUI AutoComplete, 但因其庞大的体积（压缩后 30k, 还需依赖 30k 的 datasource 组件），同时对中文输入法的支持不好（这是英美人士永远难以发现的 bug），使得 YUI AutoComplete 显得很鸡肋。这次做性能优化，索性重写了一个提示组件，目标是精简够用，适应本土环境。

重写后的组件压缩后约 10k, 仅依赖 YUI2 的 yahoo-dom-event. 目前在淘宝已全面应用一个多月。现在开源出来，希望能对需要此功能的兄弟们有所帮助。源码地址：

http://kissy.googlecode.com/svn/trunk/src/suggest/

suggest-yui2.js 是源码，test.html 是测试页面，demo.html 是实例，demo-google.html 是利用该组件给谷歌恢复搜索提示的小玩意。如果在项目中真实使用，需要加载以下两个文件：

http://kissy.googlecode.com/svn/trunk/lib/yui2/yahoo-dom-event.js

http://kissy.googlecode.com/svn/trunk/build/suggest/suggest-yui2-min.js

可以很自信地说：这个组件目前无论在细节还是性能上，都是数一数二的。
欢迎试用和有效的建议。

PS：很感慨 Google 的产品，精致小巧，非常注意细节。Google 英文首页的搜索提示，看似简单，但极不简单。对键盘和鼠标等事件的细节处理上，没有看到比 Google 做得更好的。Kissy Suggest 在交互细节上基本上做到了和 Google 的一样，同时增加了对本土输入法的支持。