用于 UI 开发的 CSS 框架

Question

我正在 Adob​​e Air 中制作一个应用程序，我想制作一个外观健壮的 UI。这在 CSS 中很难做到，我最终会得到很多混乱的代码，而且无论如何都可能无法很好地工作。

那么，有谁知道一个好的 UI CSS 框架，它专注于强大的布局，而不是无意义的滑动 废话 和日期选择器。

Answer 1

我建议使用 BOKS Blueprint css 框架

首先，您需要了解 Blueprint 的工作原理

，您可以在此处找到 http://net .tutsplus.com/tutorials/html-css-techniques/a-closer-look-at-the-blueprint-css-framework/

然后使用 BOKS

http://toki-woki.net/p/Boks/help.html

Boks 是一个 AIR 应用程序（所以它
适用于 Windows、Mac 和 Linux）
提供了一个用户界面
蓝图 CSS 框架。它已经
专为那些认为网格的人而设计
系统很好，但没真正用过
是时候给予它爱了。

它处理网格配置，
基线节奏 pimpin'，CSS（带有或
没有压缩）和 grid.png
导出、HTML 布局等等
好东西，好东西！

_{（来源：toki-woki.net）}

用于蓝图 CSS Comp 的 Photoshop 模板

Answer 2

具有良好 UI 小部件的 JavaScript 框架：

• qooxdoo
• YUI

CSS 框架：

• http://www.smashingmagazine.com/2007/09/21/css-frameworks-css-reset-design-from-scratch/

Answer 3

960.gs 是一个不错的 CSS 布局框架。不过就我个人而言，我通常会自己动手，从我以前的工作中摘取片段并进行构建。使用标准模式意味着浏览器之间几乎没有差异。

Answer 4

尝试级联框架：

• 灵活性：你找不到任何具有更灵活的网格系统或更好的浏览器支持的框架。其面板、选项卡块、表格和导航组件还提供了前所未有的灵活性。
• 轻量级：如果您仅使用 Cascade Framework 的核心功能，则只需包含 8.5 kb（压缩后 2.6 kb）的框架 CSS 代码。如果您想要所有内容，包括所有 Fontawesome 图标，则需要包含 51.9 kb（压缩后 10.8 kb）的框架 CSS 代码。如果这仍然太多，还有一个名为 Cascade Framework Light。
• 跨浏览器兼容： Cascade Framework 允许您在所有现代浏览器中创建响应式布局。在 IE6-8 中，您将提供网站的桌面版本。
• 模块化：级联框架为您提供了多个单独的模块以及几个构建（组合单独的模块）。