Css 常见Web UI样式

在接下来的几天里，我必须向我的一个客户展示一个web应用程序的原型，问题是我不太擅长CSS，最糟糕的是，我几乎从未对我得到的结果感到满意

编写业务逻辑对我来说没有什么挑战，但是UI设计占用了我80%以上的时间。我不需要什么惊险的东西，只要一个干净、好、体面的环境，例如：

这是我一直遇到的一个反复出现的问题，我希望web UI开发可以有一个不那么赤裸裸的默认样式，类似于Visual Studio或iPhone SDK的方法对我非常有用

上面用Balsamiq模型创建的模型是一个很好的例子，所有最常见的“组件”都可以使用，最重要的是：只有一种好看的样式可供选择

网络上有这样的东西吗？一个中立但很好的CSS或Javascript UI框架

---

到目前为止的选项：

• （）

我想知道是否有任何仅CSS的UI框架。

我发现，但其中大多数（至少是好的）似乎都是特定于Java的，在纯CSS或JS中有没有同样好的替代方案

PS：我对AJAX、效果、行为等不感兴趣。。。我主要（唯一）关心的是风格。

---

谢谢大家的建议

在仔细考虑了所有建议的UI库之后，我得出结论，ExtJS和Qooxdoo是最适合我需要的。jQueryUI看起来很有前途，但只提供了较少的元素

就仅CSS库而言，我发现BlueTrip/BluePrint和tambler建议的主题是最好的。除此之外，Flex和Napkee似乎也值得探索

---

现在是学习ExtJS的时候了！=）

有一些框架旨在（G）UI设计，并且是其中的一部分（尽管最后一个更像是概念证明，而不是可用的框架）。这些框架通常提供各种JS支持的元素（表单元素，如输入字段和提交按钮，但也提供其他元素，如选项卡）。然而，根据您的喜好定位这些元素，或者对其进行风格设计，仍然取决于您

也许熟悉CSS框架（例如）可以补充上述JSUI框架

（作为个人免责声明，我对上面提到的任何框架都没有什么经验。但我确信谷歌或其他公司都能提供答案，我不能。）

你试过吗？它是一种用于快速创建应用程序和网站的线框、原型和规范的工具

它的工作方式与Balsamiq类似，但它允许您将线框/原型导出为HTML、CSS和Javascript

然后，您可以将其上载到服务器或在您的计算机上运行，作为工作示例

您可以创建表单、链接、选项卡、滚动、Javascript效果。

如何使用和

Dijit是一种快速创建小部件和元素的方法。它还带有3个默认主题，易于修改

一个不同小部件的良好列表

一个布局和样式的组合可能是您所追求的

---

你也可以考虑CSS框架而不是960GS。

< P>这对你当前的项目是没有帮助的，但是对于未来的项目是值得考虑的。在用HTML4创建GUI应用程序并不断克服CSS和HTML的限制后，我想我应该试试AdobeFlex。多大的进步啊

---

与使用Flex或Silverlight伪造选项卡式页面控件或数据网格不同，您的标记可以简单地指定选项卡式页面控件或数据网格。这些框架带有默认样式，虽然很无聊，但一点也不差。我并不是说这些完全取代了HTML，但如果您需要小部件和GUI布局，我相信它们是一个更好的选择。

将960G用于布局和jQuery UI或jQuery工具的组合非常好 我几乎在每个项目中都使用它们，但我想补充一下 虽然它不是一个商业友好的，所以 请务必查看其许可证

---

但我喜欢它

如果你已经为原型使用了香膏模型，那么你应该考虑。引用网站“Napkee让你只需点击一个按钮，就可以将Balsamiq模型导出为HTML/CSS/JS和Adobe Flex 3。”

我不久前遇到了这个问题，什么也找不到，所以我把它作为学习CSS的一个机会。但从那时起，似乎在这个问题上取得了很大进展

• 总结你的问题，有一个答案
• 有，它接受yaml并将其转换为css
• 有，但它假定有一些css知识
• 我还建议你看看。他们有很多css和样式生成工具，可以生成非常可读且与w3c兼容的代码

---

我希望这能有所帮助。

我最近发现了一个很好的网站，名为iplotz.com，您可以在线创建应用程序/网站/项目的模型，而无需安装任何东西。 它还具有大多数常用控件，以及更多用于管理整个项目并与其他在线用户共享的功能

---

我必须承认，我自己还没有试过，但我看了一下，它看起来很酷。我很快就会用到它。

你可以考虑浏览下面的站点：

这里有几个“管理”主题可供购买，可能适合您的需要。

请查看。它有一个相当干净的默认外观。他们有。特别是，他们的示例演示了所有可用的小部件和css样式