javascript - 如何将 UI Kit 实现到网站中？

Question

我有一个 UI 工具包的 psd 版本，我想在我的网站上将其应用到表单等中。它类似于下面的那个 - 这是 Morgan Allan Knutson (@rnorgan) 的“Chutzpah”...我会展示我的，但我没有屏幕截图。不过，这将展示相同的概念。

图片来自http://designmoo.com/2435/chutzpah-user-interface-kit/ ，您可以在其中下载他的工具包。

我需要使用什么工具来做到这一点？我可以简单地使用 CSS 来完成，还是需要使用一些客户端脚本？或者，这真的只适用于移动应用程序吗？

Answer 1

本质上，设计部分将在 CSS 中完成；然而，您显示的某些元素无法在其 native 浏览器表示中完全设置样式(例如 <select> )，因此您将需要支持 JavaScript 的小部件的帮助，以实现更多的设计自由度。

也许 jQuery UI (这是一组 jQuery 驱动的小部件，肯定是周围最好的 UI 工具之一)对你来说很有趣。它是完全可主题化的，甚至还有一个用于构建您自己的主题的工具，ThemeRoller .它不足以满足您实现的每个方面，但可以提供一个很好的起点。

请注意，使用 jQuery UI 会带来依赖项 (jQuery) 和限制(不应在站点上使用其他 JS 库)。

无论您走哪条路，都要为许多繁琐的工作做好准备。