在進行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 Libraries, Frameworks and Toolkits