开源 Alice 样式库解决方案

CSS 作为一门灵活的语言,并不容易像 JavaScript 一样构建出一个库。理解 CSS,建立相应的对应方案,目前在国内外都没有很好的案例。在差不多 2 年前,我刚来到支付宝的时候,师傅让我看一个杂乱的有 6000 行、100k+ 的 CSS 文件,体积不是问题,问题在于对于这个文件无从下手。谁都不敢改,更没有规律让你去优化。当时我的想法是,做一个让大家用起来更方便的方案。包括代码+文档,而后来他还包含了一个兼容解决方案库,最终还增加了编辑器插件。

Alice ui

一年后,Alice 出来了。经过 1 年的探索和应用。新的样式方案已经全面应用在支付宝 2011年12月15号发布的新版上,并应用于支付宝大大小小的各个项目中,接受各种考验。今天 Alice 将作为一个圣诞礼物。对外开放:

我想,发布一个开源的项目并仅仅是 PO 出代码让大家查看/使用/评论,而更多的是一份责任。我们希望发布代码,帮助有需要的人;也将收集反馈,不断改进这个产品,以便于使用的人能跟项目一样成长起来。我不知道是否能真正帮助到,但我相信可以。至少在支付宝,我觉得 Alice 已经改变了大家应用 CSS 的基本,这个基本是,代码必须是有注释的、命名规范统一的、模块化的,并且能抽象供重用的。

采用 MIT License 许可。属于开源协议中开放权限最好的协议之一。基本上只要署名即可用,详情可以见 Alice License。我们基于“分享·贡献·学习”的理念建立 Alice 网站,开源部分团队成果。欢迎参与 Alice 的开发,或提出你宝贵的意见。

了解这个开源程序。可以看看我们官方网站上的介绍,而快速开始,你可以通过下面几个链接来到达核心的内容:

1. Alice 入门指南

如何快速开始,了解和使用 Alice 提升团队合作的效率。

2. 成为作者/贡献者

成为一个代码贡献者、插件作者,或者 fork 一个自己的分支吧,让你的简历多一份可写的内容

3. Alice 样式库解决方案

如果我们风格统一,那么代码将是有规可循的。我们可以根据命名了解结构,根据结构理解构建的代码原理。对于跨产品合作,将是无缝的;对于多人 debug 也将是无碍的。样式解决方案正在为这样的目标努力。现在她已经应用于支付宝的各条产品线。

4. 阅读 HTML5/CSS3 标准文档

标准化文档项(Standard Specs),目前主要是对 HTML5/CSS3 这些较新的标准技术进行的标准文档研究。使用于标准布道。让更多不熟悉相关技术的人可以阅读更易懂的文档、了解需要注意的点和知悉相关的解决方案。后续计 划是产出网站应用新技术的渐进增强方案和实践解决方案。

如有问题,请第一时间联系我们:admin@aliceui.com

11 continue reading

芝士会之世纪光棍

11月11号,轰轰烈烈的光棍节,也不知从何时开始,本有些凄惨暗淡的光棍节变成了网络大促的日子,而我们也真真切切的感受到了这大促的战火硝烟,只是,不是商品秒杀不是限时抢购,而且是飙升的服务器负载,叹为观止的交易笔数,不禁感慨,国人真是有钱呐。这,也只是工作中的一个小插曲,一切归于平淡,我们还是为这个节日举办了一场轻松的芝士会,轻松的话题,轻松的环境,轻松的分享,轻松的提问,也许,是第一次也是最后一次了吧。
邵帅–静态文件发布流程,静态文件的管理方案又变了,你是否已经无法掌握现在究竟是怎样管理的了呢?听邵帅为你娓娓道来
静态文件发布流程
鹭飞–小PM的那些事儿,关于流程,关于项目,关于升级包,关于前端小PM的种种吐槽



定风波–PS技能分享,做前端似乎离不开PS,但是ps的技能你又掌握多少呢?就跟定风波一起,学习下ps的一些技巧和自己做照片的方案吧



南伯–EventSource,关于eventsource的介绍,同时,还告诉你一个不用powerpoint和keynote也可以做ppt的方式
EventSource分享

0 continue reading

芝士会之金秋十月

金秋十月,注定是个要收获的季节,收获那些曾经耕耘过的,收获期待已久的结果,收获一种难以言表的喜悦。

走在成长的路上,一直在前进,一直在收获,于是在这里,我们把收获的种子播撒,让它们传递更多。

分享,是一种喜悦

分享,是一种历练

分享,是一种付出

分享,也是一种收获

慢慢的,分享,变成一种责任

让前端车间的我们

慢慢爱上这种责任

前端车间的兄弟姐妹们,在这个季节里也有了自己的收获,十月份的分享会,他们各抒己见各有所长,为我们呈现了一场分享盛宴

伯阳–Git is the new sexy,厌倦了subversion,他给我们讲讲git,这种版本库的各种玄机



崔护–神马前后端解耦,据说,程序员就在不停的svn up和svn ci 中老去,他就给我们带来了期待已久的前端本地环境



博观–密码控件脚本的设计思想,支付宝的安全,似乎比什么都重要,安全组的同学就来给我们讲讲,密码控件如何保驾护航
密码控件脚本的设计思想PPT
冒顿–VIM神技,作为风靡前端的第一编辑器,我们如何驾驭它,请听冒顿布阵


0 continue reading

A大队的梦想家

        A大队?一个属于Alipay前端的新新词汇,他们是2011校招的新生力量,八月的芝士会是他们的舞台,一样的专业,不一样的激情,这里有PLMM左宜倾情主持,有帅气阳光的程郑和害羞含蓄的偏右深入浅出讲讲浏览器渲染的那些不为人知的事儿,有龙涎带你畅游日渐风靡的HTML5,难道还有错过的理由么?
        初入职场的他们用年轻的激情带给我们这一场不一样的分享,尤其是偏右gg以其精细的讲解,专业的分析和认真充分的准备被大家评为这一次的金牌营养师!特附上他的精彩分享内容



        很遗憾错过了这次的分享会?那么,十月芝士会,期待你的身影!到时更有支付宝前端的各路精英带你畅游前端开发王国,领略各种精彩!

3 continue reading

七月份的尾巴

       记忆中七月好像是一个应该放暑假的美好日子,不过暑假已经离我们这群人很远很远了,站在七月的尾巴上,不由得有些感逝伤怀,在这种热浪袭人的日子里,不由得让人有些莫名的烦躁。而忽闻几位前端的GG们煮酒论英雄,在华星现代产业园上演了一场精彩的剧集,据说还有运营mm前来助阵,讲了讲微薄泡妞的那些事儿,这便扫去了些许烦闷,有如阵阵清风沐浴心头啊。
       这一次的分享会,云集了收银台小组的各路高手,还有架构组重量级的组件小王子,当然,运营mm在这一群技术男中间也显得格外醒目。被誉为新好男人的柳钦把node.js的玄机讲述的通透彻底,mongoDB作为Node.js的利器也被日渐增宽的邵帅格外详尽,搞的大家各个跃跃欲试。被盛邀而来的社区支付运营小唯mm用她幽默而不失专业的演讲和颇为吸引技术男的泡妞话题也让大家略略搞懂了运营的小玄机,当然那,最后出场的两位更是被评为金牌营养师的极品收银台的缔造者伯阳和浩初,他们把极品收银台中那些巧妙的构思,全新的设计一一呈现,博得大家好评。
       精彩太多,以至于无法全部呈现,按照惯例,特附上最佳分享案例的PPT供大家回味吧^_^






0 continue reading