Taobao WD Gallery
是淘宝北京 FE 团队 Demo 预览的沉淀和积累,由团队成员贡献代码和维护文档,成员开通编辑权限请联系拔赤
。
每个 Demo 占用一个目录,Demo 目录中必须配备 README,Demo 需要做到良好的浏览器兼容,全局库(YUI3
/cssreset
/cssgrid
)的引用直接使用cdn地址,使用图片尽可能传至 tps 中,Markdown 语法格式请参照这里。淘宝北京前端团队选用 YUI3 作为基础库。
http://a.tbcdn.cn/yui/2.8.0r4/build/yuiloader/yuiloader-min.js
http://a.tbcdn.cn/yui/3.0.0/build/yui/yui-min.js
http://a.tbcdn.cn/yui/3.1.0/build/yui/yui-min.js
http://a.tbcdn.cn/s/yui/3.2.0/build/yui/yui-min.js
http://a.tbcdn.cn/s/yui/3.3.0/build/yui/yui-min.js
KISSY Doc...
Taobao WD Gallery 的整理离不开 Cubee 项目,Cubee
项目的维护已经暂停
Css Reset 使用 Kissy-Reset
css reset 引用地址:
http://a.tbcdn.cn/s/kissy/1.1.6/cssreset/reset-min.css
使用 Kissy 中的 950 栅格系统,990栅格和950栅格本质上无异,只需重新定义全局容器的宽度为990即可
- Kissy CssGrid Doc
- Demo 页面
- 布局尺寸实例 - 项目中需要自行解决布局尺寸,可参照 Demo 和 实例代码
- 命名规则和样式生成工具
css grid 引用地址:
http://a.tbcdn.cn/s/kissy/1.1.6/cssgrids/grids-min.css
如果自己实现栅格,可以参考 Cubee Grid Demo,栅格布局原理可以参照 Cubee Grid Doc,以及栅格实现原理ppt
base.css
包含reset.css
和grid.css
,引用地址:
http://a.tbcdn.cn/s/kissy/1.1.6/cssbase/base.css
- Doc
- 文件引用:proxy.html
- 文件引用:fathor.js
- 文件引用:cross.js
- Doc
- Demo:yui3-lazyload.html
- Doc
- Demo:html5.html
- Demo:html5-reset.css
- Demo:html5.js