我想知道瀏覽器UI中可以做些什麼(使用瀏覽器+ CSS + javascript,不使用Flash或Silverlight)。舉例來說,我認爲這是可能的:瀏覽器中的UI技術列表?
- 拖放
- 橫向排列的列表項,使他們的行爲一樣的菜單項
- 設爲可見或不可見的,具體情況取決於鼠標是頁面上的東西徘徊
我承認這是一個很寬泛的問題,但是這就是我在尋找:可用的UI技術(最好的概述,也至少有一點線索或超鏈接爲如何實現每一個)。
你知道這樣的清單或字典嗎?
我特別感興趣的是任何交互和用戶輸入技術(即不是簡單的頁面佈局和導航,其中最終用戶只消費信息)。
編輯:人回答說,我要看看,看看有什麼功能是在不同的「JavaScript的UI工具箱」中實現。 FWIW,以下是我看過一些建議後的簡要回顧/總結。
- http://demos.mootools.net/ - 實現了一個小的(不寬)各種UI的功能
- http://ajaxian.com/by/topic/ui - 不是有組織的或相干參考,更像是審查各種事物的博客。
- http://jqueryui.com/demos/ - 簡潔,有組織地介紹了十幾個相互作用和/或部件
- http://plugins.jquery.com/ - 兩三千「插件」在20個類別...更廣闊的圖書館並沒有那麼立刻理解也沒有那麼一直記錄爲jQueryUI的演示
- http://www.dojotoolkit.org/ - 需要一些導航的......最簡單的介紹給所有的功能可能是http://dojocampus.org/explorer/
- http://script.aculo.us/ - 不是很大
- http://extjs.com/ - 很多種強大的功能,有一套很好的dem OS在http://extjs.com/deploy/dev/examples/samples.html
- http://mochikit.com/ - 這是另一個小庫
- http://developer.yahoo.com/yui/ - 包括約20微件類,完整的文檔(每個類的描述包括一個鏈接到演示)對於具有「佈局管理器」和「,並特別提到CSS重置「。
- http://www.midorijs.com/ - 非常小,操作簡單,無演示
總之,我認爲最好的答案(即最功能最易於瀏覽的集合)是:
- http://extjs.com/deploy/dev/examples/samples.html
- http://dojocampus.org/explorer/
- http://developer.yahoo.com/yui/examples/
過於模糊,應該是一個wiki – annakata 2009-05-21 16:05:05
我不認爲它比要求一本關於C++或任何其他此類主題的好的介紹性書籍還要難。 – ChrisW 2009-05-21 16:13:35
其jquery.com而不是jquery.org – 2009-05-23 22:46:55