重构之美 – Switchable 组件开发心得
slideshare 在线观看:The Beauty Of Refactoring
ppt 下载:重构之美.pptx
src code:/trunk/src/widget-switchable

欢迎讨论交流。
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
更新说明:
最后,贴一份代码:
阅读全文 »
在 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 的一样,同时增加了对本土输入法的支持。