使用HTML5、CSS3和jQuery增强网站用户体验
記得幾年前如果你需要添加一些互動元素到你的網站中用來改善用戶體驗？是不是立刻就想到了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
總結
以上是生活随笔為你收集整理的使用HTML5、CSS3和jQuery增强网站用户体验的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： ADMM算法求解二次项目标函数+l1正则
- 下一篇： HTML5+CSS3+JQuery1.9