Code Monkey home page Code Monkey logo

taobao-wd.github.com's Introduction

关于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 控件

taobao-wd.github.com's People

Contributors

jayli avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.