記得幾年前如果你需要添加一些互動元素到你的網站中用來改善用戶體驗？是不是立刻就想到了flash實現？這彷佛年代久遠的事了。使用現在最流行的Web技術HTML5，CSS3和jQuery，同樣也可以實現類似的用戶體驗。而且使用這些特性將會比使用flash更加有效。也許你可能剛知道Adobe停止開發移動版flash的消息，雖然在桌面中我們還擁有大量的flash的應用，但是隨著HTML標準的完善，可能flash也要退出歷史舞臺了。在今天這篇文章中，我們將介紹一些非常實用的教程，技巧和資源來幫助大家構建一個更加豐富的用戶界面。請大家給積極我們留言！您的支持是我們的最好的動力！

表單類

jQuery的美化Checkbox

這個教程將幫助你構建一個非常動感的checkbox，用來替換缺省的checkbox，相信大家會喜歡更富有活力的UI界面

Rethinking forms in HTML5

這是來自Nettus+的超棒教程，將教你如何使用HTML5特性來構建表單

jQuery impromtu

一個alert，對話框等組件的替代品，用戶將會更喜歡這種UI元素

jQuery Simple Modal

一個非常靈活的對話框框架，提供了非常好的用戶界面設計，能夠幫助你生成非常酷的表單

mcDropdown

多層選擇下拉框，非常適合樹狀結構的展現

jQ transform

個人非常喜歡使用的表單美化插件，能夠幫助你構建漂亮的UI界面。

Emblematiq niceforms

非常不錯的一款jQUery框架，允許你使用設計的主題將表單轉化成非常酷UI。當然你也可以自己自定義一個主題

Uniform

Uniform將使用自定義的皮膚遮蓋缺省的表單，并且可以和你實際的表單元素同步，保證了訪問和兼容

image buttons a part of input fields

教你如何生成輸入框中的按鈕

DynamicWP contact form

非常不錯的WP插件，能夠生成一個停靠頁邊的聯系人表單，不使用的時候自動隱藏

jQuery highlight

jQuery高亮顯示功能，能夠讓輸入高亮，提示用戶輸入內容

jQuery inline form validation

個人非常喜歡使用的表單輸入驗證插件，具體使用參考這篇文章：

使用jQuery插件jquery.validationEngine實現表單驗證功能

導航類

White smoke menu style

這個jQuery開發的導航菜單讓人想起了flash開發的菜單效果，整個移動如此的順暢，讓你感覺它就是flash開發的。 兼容所有的瀏覽器，即使javascript被關閉也可以正常工作。

?jQuery mb.Menu

如果你想開發一個多層的屬性菜單，那么這個插件就是你要找的解決方法之一。

Coda Slider

一個非常不錯的滑動面板，非常適合滑動類型面板的應用。 并且可以使用高級特性增強功能

?ID Tabs

如果考慮擴展性，這個插件恐怕是你能找到的最好的面板導航標簽頁插件了。

Smooth horizontal sliding menu

這個教程教你如何使用jQuery來創建一個垂直滑動顯示的子菜單

jBreadCrumb Menu

這個可以縮放的當前位置可以自動根據當前位置長度來縮放，非常不錯的創意

jQuery FLOWERNAV

非常動感的一個導航實現， 能夠給你的鏈接添加一個花朵的效果

jQuery Accordion

一個使用非常簡單的手風琴顯示效果

用戶界面類

jQuery Slide Note

Slide node是一個可以幫助你提供一些有效提示或者信息從而方便你訪問用戶使用網站的插件。

jQuery page peel

一個非常酷的顯示廣告的插件。

jQuery infiniScroll

jQuery的無限滾動效果插件，用來幫助你現實大幅的內容

jQuery SliderNav

一個動態垂直滑動顯示導航菜單的插件

jQuery tipped

一個非常酷的插件允許你添加提示到你的網站。當然提供了可選的皮膚。

Supersized

一個能夠讓你的網站背景幻燈顯示的插件

Imagin8

不是一個簡單的圖片幻燈插件，它能夠讓你指定一個目錄，這個目錄下的所有圖片都能夠顯示，不需要你在HTML代碼中指定，非常實用！

jQuery Lettering

一個可以幫助你控制每個單獨字母的插件。 幫助你有效的創建一些獨特的文字效果

jQuery stylesheet Switcher

這個插件允許你添加鏈接來修改頁面的樣式表

Flip

Flip是一個幫助你實現翻動元素效果的jQuery插件。

文章出自：gbin1.com