javascript – 如何在网站中实现UI工具包?

我有一个psd版本的UI工具包,我想在我的网站上实现到表单等.它类似于下面的那个 – 摩根艾伦克努森(@rnorgan)的“Chutzpah”…我会展示我的,但我没有截图.不过,这将展示相同的概念.

http://designmoo.com/wp-content/uploads/2011/01/ui.jpg
图片来自http://designmoo.com/2435/chutzpah-user-interface-kit/,您可以在这里下载他的工具包.

我需要使用哪些工具来执行此操作?我可以简单地用CSS做,或者我是否需要使用一些客户端脚本?或者,这是否真的只适用于移动应用程序?

解决方法:

基本上,设计部分将在CSS中完成;您显示的某些元素无法在其原生浏览器表示中完全设置样式(例如< select>),因此您需要JavaScript驱动的小部件的帮助,以允许更多的设计*.

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

请注意,使用jQuery UI带有依赖项(jQuery)和限制(不应在站点上使用其他JS库).

无论你走哪条路,都要为很多繁琐的工作做好准备.

上一篇:iOS视图更新与事件循环


下一篇:Xcode没有代码提示,could not build module 'UIKit'的另类方法