在进行Web开发时,并非所有的库都适合你的项目,但你仍需要收藏一些Web UI设计相关的库或框架,以在你需要的时候,加快你的开发效率。

本文为你带来10款非常优秀的基于JavaScript的Web UI设计资源。

1.  XUI:JavaScript微型框架

这是一个“轻量级、非常简单、微型、超级模块化”的JavaScript框架,用于创建移动Web应用。该框架如此轻量级的原因是一些与浏览器兼容相关的代码被剥离。

2.  iUI:iPhone UI 框架

该框架由JavaScript库、CSS和图像构成,它是一个重量轻、小型的UI框架,用于开发UI统一的iPhone应用程序。

3.  AlloyUI

这是一个功能丰富的UI框架,基于YUI 3(部分基于YUI 2)创建,包含了超过60种组件,范围从实用程序到全面的UI部件。控件包括图片廊、对话框、树形视图、面板、自动完成、按钮、日历、工具栏等。

4.  Qutensil JavaScript Toolset

该工具仍处于开发状态,但路线图显示了一些非常有前景的特性。它建立在Prototype和Scriptaculous库的基础上,并包含了一些新的特性,如用户消息系统、颜色拾取器、滑块、提示系统、拖动窗口以及提醒/确认/提示窗口系统。

5.  Prototype UI

这是一个易于使用的JavaScript库,它的UI组件基于Prototype和Scriptaculous库。Prototype UI提供了一些模块,如Carousel、模态窗口、阴影和上下文菜单,这些可以作为一个包来使用,也可以独立使用。

6.  jQuery UI

该框架建立于jQuery之上,可以用来创建高度交互的Web应用。

7.  jQuery TOOLS

jQuery Tools是一个轻量级(2.5kb)框架,集合了最流行的UI组件。它为如下jQuery元素提供了库:Tabs(标签)、Tooltip(工具提示)、Scrollable(滚动)、Overlay(叠加)、Forms(表单)和Flashembed等。

8.  Dijit

Dijit是建立于Dojo之上的一个部件系统。如果你是Dojo的初学者,Dijit是一个很好的入门工具。通过Dijit,即使你没有JavaScript经验(或仅有少量经验),你也可以创建令人吃惊的Web 2.0 图形用户界面。

9.  JxLib based MooTools

JxLib是一个基于MooTools的JavaScript UI框架。它提供了大多数应用程序所需要的基础部件,如按钮、标签、菜单、树和对话框等。JxLib还采用了外观/皮肤选择机制,基于一系列图片和CSS。

10.  Sigma Ajax UI Builder

SigmaVisual使用JavaScript和PHP编写,是一个基于Web、可视化、所见即所得的AJAX UI生成器,包含40多个常见的组件,如标签、对话框、树形网格、时间轴等。

10个优秀的JavaScript Web UI库/框架推荐的更多相关文章

  1. 推荐10款优秀的JavaScript Web UI库 框架和套件

    在进行Web开发时,并非所有的库都适合你的项目,但真正开发的时候,你任然需要依赖一款UI框架.特别在你时间紧迫的时候,它是你忠实的朋友. 他们都是些广泛使用包含不同语言实现的WEB UI框架.今天我就 ...

  2. 10个优秀的 Web UI库/框架

    UI(User Interface)即用户界面,也称人机界面.是指用户和某些系统进行交互方法的集合,实现信息的内部形式与人类可以接受形式之间的转换.本文为WUI用户整理了10个优秀的 Web UI 库 ...

  3. [转] 国内外最全面和主流的JS框架与WEB UI库(强烈推荐)

    国内外最全面和主流的JS框架与WEB UI库...   当下对于网站前段开发人员来说,很少有人不使用一些JS框架或者WEB UI库,因此这些可以有效提高网站前段开发速度,并且能够统一开发环境,对于不同 ...

  4. 国内外最全面和主流的JS框架与WEB UI库

    当下对于网站前段开发人员来说,很少有人不使用一些JS框架或者WEB UI库,因此这些可以有效提高网站前段开发速度,并且能够统一开发环境,对于不同浏览器的兼容性也不需要程序员操心,有了这些优点,当然大家 ...

  5. 移动Web UI库(H5框架)有哪些,看这里就够了

    前言 今年上半年,项目组在项目开发的过程中建立了一套风格统一,组件丰富完善,命名统一规范的PC端UI库,适用于做大型站点,该UI库也是应用到了整个平台的项目中,在各个项目组中进行推广.因为项目的保密性 ...

  6. 10个优秀的移动Web应用开发框架

    在最近几年里,移动互联网高速发展.市场潜力巨大.继计算机.互联网之后,移动互联网正掀起第三次信息技术革命的浪潮,新技术.新应用不断涌现.今天这篇文章向大家推荐10大优秀的移动Web开发框架,帮助开发者 ...

  7. 20个优秀的 JavaScript 键盘事件处理库

    键盘事件是 Web 开发中最常用的事件之一,通过对键盘事件的捕获和处理可以提高网站的易用性和交互体验.下面,我们向大家介绍收集的20款优秀的 JavaScript 键盘事件处理库,帮助开发人员轻松处理 ...

  8. 移动Web UI库(H5框架)

    1.Framework7 Framework7 - is a free and open source mobile HTML framework to develop hybrid mobile a ...

  9. 20个优秀的JavaScript 键盘事件处理库

    键盘事件是 Web 开发中最常用的事件之一,通过对键盘事件的捕获和处理可以提高网站的易用性和交互体验.下面,我们向大家介绍收集的20款优秀的 JavaScript 键盘事件处理库,帮助开发人员轻松处理 ...

随机推荐

  1. 使用compass自动合并css雪碧图(css sprite)

    本文转载自: 使用compass自动合并css雪碧图(css sprite)

  2. [Phalcon] Phalcon系统默认事件列表

    版本: 2.0.6 Phalcon\Mvc\Application application:boot 可终止 是 参数 Phalcon\Events\Event $event 事件本身 Phalcon ...

  3. 优化Myeclipse10 Building Workspace速度慢等问题

    今天把ext3.0部署到web project很慢很慢,查了一下,这个当笔记.转自http://blog.163.com/jong_cai/blog/static/870280452013111781 ...

  4. Console API 与命令行

    一.Console API 当打开 firebug (也包括 Chrome 等浏览器的自带调试工具),window 下面会注册一个叫做 console 的对象,它提供多种方法向控制台输出信息,供开发人 ...

  5. dataURI V.S. CSS Sprites 移动端

    英文原文:http://www.mobify.com/blog/css-sprites-vs-data-uris-which-is-faster-on-mobile/ 中文翻译:http://www. ...

  6. SSIS Error The Execute method on the task returned error code 0x80131621

    Error Message: The Execute method on the task returned error code 0x80131621 (Mixed mode assembly is ...

  7. php Windows系统 wamp集成环境下redis的使用

    先说一下我的本地环境,使用的是wamp集成环境,(Apache 2.4.9.PHP 5.5.12.MySQL 5.6.17) windows下安装PHP扩展: 第一步:找到扩展文件(.dll),htt ...

  8. win7 64+python2.7.12安装numpy+scipy+matplotlib+scikit-learn

    python包下载网址 http://www.lfd.uci.edu/~gohlke/pythonlibs/ 1.已经安装python2.7.12,查看scripts里是否有pip.2.7.9版本以上 ...

  9. Auty自动化测试框架第五篇——框架内部的调用支持、自动化安装库与配置说明

    [本文出自天外归云的博客园] 本次对Auty自动化测试框架做些收尾工作,由于在scripts文件夹中的脚本会需要调用其他包结构文件夹中的脚本,所以这里需要添加一下框架对于内部脚本间互相调用的支持,这里 ...

  10. mac攻略(四) -- brew使用

    1.介绍 brew是一个mac新用户需要了解的必备命令,它是mac下的软件包管理软件,类似centos下的yum.ubuntu下的apt-get,免去了自己手动编译安装的不方便. 很多时候作为一个用户 ...