/taobao-wd.github.com

淘宝北京前端Demo Gallery

Primary LanguageHTML

关于Taobao WD Gallery

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 & Css Grid

Css Reset

Css Reset 使用 Kissy-Reset

css reset 引用地址:

http://a.tbcdn.cn/s/kissy/1.1.6/cssreset/reset-min.css

Css Grid

使用 Kissy 中的 950 栅格系统,990栅格和950栅格本质上无异,只需重新定义全局容器的宽度为990即可

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.cssgrid.css,引用地址:

http://a.tbcdn.cn/s/kissy/1.1.6/cssbase/base.css

Examples

iframe 夸域高度自适应

基于YUI3的延时加载

html5-templete

浮点数运算的bugfix

基于yui3.3.0 的所有自定义模块的combine

Escape和encodeURI

Using Css3

jquery 和 yui3 的选择器支持情况

Widgets

PosTip 相对提示层

Calendar 日历

Checkall 全选

Box 弹层

Slide 幻灯/Tab

Pagination 分页控件

PageList 分页列表

Banner 对联广告

datecascade 日期级联

Tip 提示

Radio 控件