2010-05-19 07:31 | 8882次閱讀 | 【已有25條評(píng)論】發(fā)表評(píng)論
幾乎所有的富 Web 應(yīng)用都基于一個(gè)或多個(gè) Web UI 庫(kù)或框架,這些 UI庫(kù)與框架極大地簡(jiǎn)化了開發(fā)進(jìn)程,并帶來(lái)一致,可靠,以及高度交互性的用戶界面。本文介紹了 15 個(gè)非常強(qiáng)大的 JavaScript Web UI庫(kù),非常適合各種各種規(guī)模的富 Web 應(yīng)用的開發(fā)。
LivePipe UI 基于 Prototype Javascript 框架,包含了一整套經(jīng)嚴(yán)格測(cè)試并高度可擴(kuò)展的 UI 控件,擁有很好的文檔,在不支持 JavaScript 的環(huán)境中,可以無(wú)縫降級(jí)使用。包括 Tab,窗體,文本框,多選框,評(píng)分控件,進(jìn)度條,滾動(dòng)條,右鍵菜單等多種控件。
LivePipe 首頁(yè)與下載
LivePipe演示與示例
UKI 是一套簡(jiǎn)單的 JavaScript UI工具集,用于快速創(chuàng)建桌面風(fēng)格的 Web 應(yīng)用。包含的控件從滑動(dòng)條,到分欄視圖,不一而足。熟悉 jQuery 的開發(fā)者會(huì)發(fā)現(xiàn)這個(gè)工具很容易上手,非常簡(jiǎn)潔,無(wú)需安裝框架,不依賴CSS 引用。
MochaUI 是 MooTools Javascript 框架 與 ExplorerCanvas的一個(gè)備受歡迎的擴(kuò)展,可以用來(lái)快速創(chuàng)建 Web 應(yīng)用,Web 桌面,網(wǎng)站,飾件,獨(dú)立 Windows,Modal 對(duì)話框等等。
MochaUI 主頁(yè)與下載
MochaUI 控件,演示,示例
中文編譯來(lái)源:銳商企業(yè)CMS網(wǎng)站內(nèi)容管理系統(tǒng) 官方網(wǎng)站
SigmaVisual是一套基于 Web 的,所見即所得的 AJAX UI 創(chuàng)建工具,包含超過40個(gè)不見,如 Tab,對(duì)話框,樹形圖,時(shí)間線等,基于JavaScript 和 PHP。
SigmaAjax UI Builder 主頁(yè)和下載
SigmaAjax UI Builder 控件,演示和示例
JxLib 是一個(gè)基于 MooTools 的 JavaScript UI 框架,包含多數(shù) Web程序都需要的基本空間,如按鈕,Tab,菜單,樹形結(jié)構(gòu),對(duì)話框等等。JxLib 還支持換膚功能。
Dijit基于 Dojo,也是學(xué)習(xí) Dojo擴(kuò)展的一個(gè)好起點(diǎn)??梢杂脕?lái)創(chuàng)建非常漂亮的 Web 2.0 GUI。支持多語(yǔ)種,甚至支持不同語(yǔ)種的文字書寫方向以及本地化數(shù)字,日期等等。
jQuery Tools是一個(gè)非常輕量(2.5kb)的常用 UI 庫(kù),支持以下 jQuery 對(duì)象,Tabs, 工具提示,滾動(dòng)條,層,表單以及 Flash 嵌套。
jQuery TOOLS主頁(yè)與下載
jQueryTOOLS 控件,演示,示例
jQuery UI 基于 jQuery,包含 3 個(gè)大類,飾件,一些內(nèi)置的 UI對(duì)象;效果,對(duì)各種網(wǎng)頁(yè)對(duì)象施加動(dòng)畫效果(如爆炸效果);鼠標(biāo)交互,如拖放操作。
jQuery UI 首頁(yè)與下載
jQuery UI 控件,演示與示例
Prototype UI 基于 Prototype 與 Script.aculo.us,包括多個(gè)模塊(旋轉(zhuǎn)木馬,Modal窗口,陰影,右鍵菜單等),每個(gè)模塊可以單獨(dú)安裝使用。
Prototype UI主頁(yè)與下載
PrototypeUI 控件,演示與示例
Jitsu 功能包括 XML標(biāo)記,頁(yè)面編譯,動(dòng)畫引擎,Ajax 以及運(yùn)行時(shí)檢測(cè)等等,它的 Ajax 功能使消費(fèi)級(jí) Web應(yīng)用的創(chuàng)建變得非常簡(jiǎn)單,支持客戶端數(shù)據(jù)綁定,還可以將頁(yè)面編譯成 JavaScript,Jitsu 在 Firefox 和 IE中運(yùn)行最佳。
Qutensil仍在開發(fā)中,但其路線圖已經(jīng)顯示出某些引人注目的東西,基于 Prototype與 Scriptaculous,包含消息,調(diào)色板,滑動(dòng)條,工具提示,可拖放窗口以及警告,確認(rèn),提示等窗口。
Qutensil 主頁(yè),下載
Qutensil控件,演示,示例
script.aculo.us 是一個(gè)備受歡迎的 UI工具集,基于 Prototype 框架,提供了諸如視覺效果,UI 控件以及面向 DOM 的工具。
AlloyUI 是一套功能豐富的 UI 框架,基于 YUI3,部分基于 YUI 2,包含一套豐富的(超過60)UI 部件,如圖片庫(kù),對(duì)話框,樹形結(jié)構(gòu),面板,自動(dòng)完成,按鈕,日歷控件,工具條等。
Alloy UI 首頁(yè)和下載
Alloy UI控件,演示與示例
IUI 包含一套 JavaScript 庫(kù),CSS式樣表及圖片,是一個(gè)輕量級(jí) iPhone UI 庫(kù),包含 iPhone 風(fēng)格導(dǎo)航菜單,設(shè)備方向,iPhone 風(fēng)格切換等功能,可以為你的Web 程序帶來(lái) iPhone 般的體驗(yàn)。
XUI 是一個(gè)用于移動(dòng) Web應(yīng)用的輕量,極簡(jiǎn),高度模塊化的框架。它之所以非常輕量的原因是,它只支持移動(dòng)瀏覽器,所有跨瀏覽器支持的代碼都被剝離。它面向一線移動(dòng) Web瀏覽器,如 Webkit,F(xiàn)ennec 以及 Opera,并有意將來(lái)對(duì)移動(dòng) IE 和黑莓提供支持。
Yahoo! YUI Library 可謂所有Web UI 之父,可靠,功能豐富,目前已經(jīng)發(fā)展到第 3 版。它擁有一個(gè)很龐大的開發(fā)團(tuán)隊(duì),推出了非常豐富的功能,就功能而言,無(wú)可匹敵。
YUI Library主頁(yè)與下載
YUI2入門
YUI3入門
YUI3控件,演示與示例
本文國(guó)際來(lái)源:Specky Boy 15Javascript Web UI Libraries, Frameworks and Toolkits
聯(lián)系客服