如何在网站中实现 UI Kit？
我有一个 UI 套件的 psd 版本，我想将其实现到我网站上的表单等中。它与下面的类似 - 这是 Morgan Allan Knutson (@rnorgan) 的“Chutzpah”...我会展示我的，但我没有屏幕截图。不过，这将展示相同的概念。
图片来自 http://designmoo.com/2435/chutzpah-user-interface-kit /，您可以在其中下载他的工具包。
我需要使用什么工具来做到这一点？我可以简单地使用 CSS 来完成此操作，还是需要使用一些客户端脚本？或者，这真的只是针对移动应用程序吗？
I have a psd version of a UI Kit that I would like to implement into the forms, etc, on my website. It's similar to the one below - which is "Chutzpah" by Morgan Allan Knutson (@rnorgan)...I'd show mine, but I don't have a screenshot. This will demonstrate the same concept, though.
image from http://designmoo.com/2435/chutzpah-user-interface-kit/, where you can download his kit.
What tools do I need to utilize to do this? Can I do it simply with CSS, or do I need to use some client side scripting? Or, is this something that is really just for mobile applications?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
本质上，设计部分将在 CSS 中完成；然而，您显示的某些元素无法在其本机浏览器表示中完全设置样式（例如
也许 jQuery UI （这是一组由 jQuery 驱动的小部件，并且肯定是最好的 UI 工具之一）对你。它是完全主题化的，甚至有一个用于构建您自己的主题的工具，ThemeRoller。它不足以满足您实施的各个方面，但可以提供一个良好的起点。
请注意，使用 jQuery UI 会带来依赖项 (jQuery) 和限制（网站上不应使用其他 JS 库）。
无论你走哪条路，都要做好迎接大量繁琐工作的准备。
Essentially, the design part will be done in CSS; some of the elements you show can't be fully styled in their native browser represenations however (like
<select>), so you will need the assistance of JavaScript-powered widgets that allow for more design freedom.Maybe jQuery UI (which is a set of jQuery-powered widgets and surely one of the best UI tools around) is interesting for you. It is completely themable and even has a tool for building your own themes, ThemeRoller. It will not be enough for every aspect of your implementation, but may provide a good starting point.
Note that using jQuery UI comes with dependencies (jQuery) and limitations (no other JS library should be used on the site).
Whichever road you take, be prepared for a lot of fiddly work.