发现了 支付宝的 Arale & Alice 框架,思路一致,嗯,就不重复造轮子了。。。
Kissy Arale 关系 历史
-
http://zoomq.qiniudn.com/ZQScrapBook/ZqFLOSS/data/20120803011346/index.html
-
浮动布局(float)
-
定位布局(position)
-
行内块布局(inline-block)
-
多栏布局(Columns)
-
伸缩布局(Flexbox)
-
网格布局(Grids)
box -> flexbox
columns -> grids
-
使用框架开发(组织官网,组织博客,rss管理界面)
-
扩展
- 文字竖排
- 幻灯
- 手风琴
- reset
- mixins(base)
- grids(栅格)
- js 总控 类名 增加指定前缀类名,js取dom对象,根据上下文自动对样式进行覆盖
http://www.w3cplus.com/
http://dev.oupeng.com/blog
http://www.daqianduan.com/
http://www.gbin1.com/
http://www.36ria.com/
http://newhtml.net/
http://www.ilovexuexi.com/
http://codepen.io/
http://www.css88.com/
http://www.fantxi.com/
http://www.cnblogs.com/lhb25/
http://www.cnblogs.com/sanshi/
http://www.zhangxinxu.com/wordpress/
http://www.liveme.org/
http://www.webstuffshare.com/
http://www.designembraced.com/
http://www.css88.com/jqapi-1.9/
http://www.bootcss.com/p/jquery.pin/
http://www.tdog8.com/
http://netrenderer.com/index.php
http://mattkersley.com/responsive/
http://msdn.microsoft.com/zh-cn/library/ie/bg124103(v=vs.85).aspx
http://ued.ctrip.com/blog/wp-content/webkitcss/index.html
http://mattkersley.com/responsive/
http://netrenderer.com/
http://www.bootcss.com/
http://www.bootcss.com/p/buttons/
http://www.bootcss.com/p/preboot/
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Reference/ Mozilla_Extensions?redirect=no
http://css3pie.com/
http://www.html5rocks.com/zh/
http://sev7n.net/demo/css3/css3-3d-carousel.html
http://css.doyoe.com/
http://www.w3.org/TR/2012/WD-css3-flexbox-20120322/
http://www.w3.org/html/ig/zh/wiki/Css3-flexbox/zh-hans
http://www.97zzw.com/book/css3book/
http://lifesinger.github.io/lab/2011/default-fonts/
http://www.ituring.com.cn/minibook/303
https://gist.github.com/jayj/4012969
http://s2dongman.com/
http://zurb.com/playground/
bootstrap
http://purecss.io/
http://simplegrid.info/
http://thisisdallas.github.io/Simple-Grid/
http://imperavi.com/kube/
http://zh.learnlayout.com/
http://tympanus.net/Tutorials/BasicReadyToUseCSSStyles/
http://navi.grantcr.com/
http://www.talkingdata.net/
https://www.nitrous.io/
http://www.qiniu.com/
http://www.gridsystemgenerator.com/
*. 如果你衣食无忧,你最乐意花大量时间持之以恒去做的事情是什么?
- 用一个词/一句话说明干技术的原因。描述为何选择前端开发。
- 列举自己最熟悉,最为顺手的开发工具组合。
- 是否使用过版本管理工具(CVS/SVN/GIT)?
- 是否调试过JS,使用什么方法/工具。
- 自己看过觉得印象深刻,对自己影响深远技术书,至多三本,不仅限前端书籍,但前端书籍至少一本。
- 列举三个获取技术信息的渠道(网站、博客均可)。
- 是否有 Linux 使用经验?什么发行版?是否作为主力桌面使用过?使用过多长时间?
- 叙述一个通过查询思考实践解决的印象最为深刻的浏览器兼容问题,并描述解决方法。
- 是否有了解、熟悉的后端开发语言,请列举,至多三种;是否了解 ajax 及后端 webservices 技术,并简述。
- 是否(听说/了解/使用/熟悉/精通)如下技术/框架/库,请分别描述: less/SASS、任意一种 CSS 框架、任意一种前端 mvc 框架、前端模板技术、nodejs
- 是否使用过自动构建工具,如有使用过写出名称,并简述使用场景。
- 是否有完全自己动手从 0 写起的 demo 或作品?是否有自有博客,简述主要涉及技术,并提供地址。
- 你认为自己是更偏重 CSS 还是 JS?
- 不使用浮动、定位设计制作一个纯色 DEMO,任意文字填充
- 写一个 JS 方法,将任意输入格式化成千分位金额表示法