用于 UI 开发的 CSS 框架 [重复]答案

【问题标题】：CSS Framework for UI Development [duplicate]用于 UI 开发的 CSS 框架 [重复]
【发布时间】：2010-12-31 14:45:37
【问题描述】：

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

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

【问题讨论】：

你需要像 Qooxdoo 或 YUI 这样的 JavaScript 框架还是 CSS 框架？

标签： javascript css frameworks air css-frameworks

【解决方案1】：

我会建议 Blueprint css framework 与 BOKS

首先您需要了解蓝图的工作原理

你可以在这里找到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 (with or 没有压缩）和grid.png 导出、HTML 布局等等好人好人！

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

Photoshop Template for Blueprint CSS Comp

【讨论】：

蓝图在手机上是垃圾

【解决方案2】：

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

qooxdoo
YUI

CSS 框架：

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

【讨论】：

【解决方案3】：

960.gs 是一个不错的 CSS 布局框架。虽然我个人通常自己动手，从我以前的工作中获取 sn-ps 并建立它。使用标准模式意味着几乎没有浏览器之间的差异。

【讨论】：

【解决方案4】：

试试Cascade Framework：

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

【讨论】：