• order: 1
• category: alice

szui是基于Alice UI之上搭建的一套前端CSS框架，是算子科技的样式解决方案

她包括了一套通用样式模块库，一个模块化样式构建规范，一组帮助书写和组织样式的工具，以及产出更多 Alice 模块和样式库的完善方案。

图片来自 meago。

1. 模块化的命名和组织方式。

   基于 CMD 生态圈，使用了Alice 命名规范，以模块的方式组织样式。

2. 强大的工具支持。

   Szui 与Alice使用不同的开发工具，Szui用了 grunt、nico 等实用的工具帮助开发样式。

3. 使用 iconfont 和 CSS3 技术。

   我们推崇纯色和简单渐变的视觉效果，Alice 的通用样式模块一律不使用背景图片来实现， 而是使用了 iconfont 和渐进增强的 CSS3 技术，视觉上有更好的适应性和现代感，并且支持 Retina 屏幕， 而在低端浏览器下只保证了基础的视觉支持（比如没有圆角）。

   不使用图片的另一个好处是可以在页面中大胆使用通用模块而不用担心请求数过多影响性能。

   注：一切必须用背景图片才能实现的视觉效果都是耍流氓。

4. 提供了样式开发方案。

   Szui 不仅仅是一套前端精选模块集，她为写样式提供了一套更好的方案， 你能够很容易基于她的体系来产出属于自己和团队的模块和样式库。

5. 完整的前端开发体系。

   Alice 是 Arale 的子集，她完善和补充了 Arale 中对于样式的解决方案。在背后有着 Arale 的强大支持， Alice 的样式模块也能做更多事情。

严正声明，我们不支持 IE5.5 或更早的版本！

Alice 基于支付宝的实际需求产出了一套通用样式模块，因此这些模块仍然需要支持 IE6/7 ， 但不拘泥在低级浏览器上的视觉效果（我们讨厌它们，所以把视觉弄得很丑）。

Szui 的前身是 http://aliceui.org/， 新方案是在此基础上结合了 cmd 生态圈的特性和这一年来对实际需求的总结而产出的。

这是一个开放的体系，非常欢迎大家在 Alice 的规范下产出自己的模块和样式库。

若对 Alice 有任何问题或建议，欢迎提 issue 与我们沟通。