开源 Alice 样式库解决方案

同步发布于： http://ued.alipay.com/wd/2011/12/23/alice-css/

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

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

• Github 仓库： https://github.com/sofish/Alice
• 官方展示网站： http://aliceui.com

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

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

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

1. Alice 入门指南

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

2. 成为作者/贡献者

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

3. Alice 样式库解决方案

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

4. 阅读 HTML5/CSS3 标准文档

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

如有问题，请第一时间联系我们： [email protected]