html5-jquery-plugins

http://www.cnblogs.com/lhb25/p/15-excellent-html5-jquery-plugins.html



1. Dynatable

dynatable

Dynatable 這款 jQuery 插件能很好的改善標準 HTML 列表的可用性。一旦初始化,插件就會通過列表的行和列轉換成 JSON 對象數組,時刻準備操作。它可以提供強大的排序,過濾,分頁或者是搜索 API,同時可以用簡單的方式處理所有操作,可以被用於其他架構的 HTML 元素。

 

2. Least.js

leastjs

Least.js 用於創建隨機響應式的 HTML5 和  CSS3 圖像庫,包括 Lazyload。它非常容易安裝和使用,而且最終效果都是非常華美和漂亮。

 

3. Echo.js

echo-js

Echo 是個獨立的 JavaScript 延遲加載圖像工具。Echo 使用 HTML5 data-* 屬性,速度非常的快。Echo 可以在 IE8+ 的瀏覽器運行, 它是非常簡單的圖像延遲加載工具,大小最小爲 1KB ,是個 library agnostic(沒有 jQuery/Zepto/other)
Lazy-loading 只會在元素將要被查看時纔會請求從服務器中加載圖像,通過簡單的修改圖像 src 屬性就可以自動運行。同時這也是異步操作的一個優勢所在。

 

4. Slippery

slippery

Slippry 是個 jQuery 圖像庫插件,擁有很多現代化時尚元素。首先,它使用 HTML5 & CSS3 標記,在響應式佈局(可選)上運行的非常好。它可以變成 Sass 或者是 CSS 樣式,有多種轉換選擇,其中包括 Ken Burns 效果。 
滑塊可以設置爲自動滑動,顯示標題,後退-前進+導航控制。它提供重大事件函數的回調,多個示例和一個詳細文檔。

 

5. jQuery. Deviantartmuro

jquery.deviantartmuro

jQuery.deviantartmuro 這款 jQuery 插件提供方便的 deviantART muro HTML5 繪製應用的嵌入式 API 封裝,允許用戶提供圖片繪製和編輯的第三方網站。網站上嵌入的 deviantART muro 允許用戶從網站傳遞圖片到 deviantART muro,用戶可以編輯那些圖像,編輯後保存數據再傳遞迴網站中。用戶可以製作相關腳本來使用大量的 deviantATR muro 工具,比如過濾器。
 

6. AudioPlayer.js

audioplayerjs

AudioPlayer.js 是可以在任何 web 頁面快速放置 HTML5 驅動的 jQuery 音頻播放器插件。這款插件的界面非常別緻(不使用任何圖片),有個響應式的佈局,支持觸摸。它有着主要的控制功能(播放,暫停,音量和播放時間);大小隻有 4 kb。
 

7. HTML5 Sortable

HTML5 Sortable

HTML5 Sortable 是個創建可排序列表和網格的 jQuery 插件,使用本地 HTML5 拖拽 API。它有類似  jQuery UI 的 API + 行爲。這是個輕量級插件(壓縮後小於 1kb),支持 “連接列表(在不同列表轉移條目)”,最厲害的是兼容所有主流瀏覽器。

 

8. Acron Media Player

acron-media-player

Acorn Media Player 是個 jQuery 插件,用來創建一個無障礙環境的自定義 HTML5 媒體播放器。它可以完全由鍵盤控制i(標準的基於 tab 的菜單導航),支持屏幕閱讀和訪問主題,各種其他的無障礙環境調整。這款插件支持封閉的字母,從選擇的字幕中生成動態的文字副本。

 

9. jPlayer

jplayer

 jPlayer 是個完全免費和開源的媒體庫 (media library)。作爲 jQuery 插件的一員,使用jPlayer可以在你的網頁上輕鬆加入跨平臺的音樂和視頻。通過jPlayer的API,你可以構想出具有創意的影音解決方案。jPlayer 還支持 Zepto 1.0 +編譯模塊的數據。

 

10. Cuepoint JS

cuepointjs

Cuepoint JS 是一個爲 HTML5 視頻增加提示點和字幕的插件,幾秒就顯示一組字幕。它提供一個設置時間的事件,可以用來附加任何元素跳到多媒體第二個提示點。

 

11. jCanvas

jCanvas

jCanvas 是個 jQuery 插件,提供各種方法簡化 HTML5 canvas 的使用。它提供許多準備好的形狀,比如:三角形,橢圓形和圓弧,提供使用圖像或者文本的方法。它可以定義畫布的尺寸,從哪裏開始繪製,開始點(x,y)和 其他更多強大的功能。關於樣式風格,可以使用名字,HEX,RGB 或者是 RGBA 來定義顏色,可以使用梯度漸變或者模型。

 

12. Droparea

droparea

Droparea 是個 HTML5 拖拽文件上傳 jQuery 插件,服務端包含一個 PHP 腳本。簡單的拖拽圖片文件進去指定的區域,圖片就會自動的上傳到你的服務器。在上傳的同時,用戶可以看到上傳的進度。目前測試結果支持 Google Chrome 和 Mozilla Firefox。

 

13. Turn.js

turnjs

Turn.js 是一個輕量級的 (15kb) jQuery/HTML5 插件用來創建類似書本和雜誌翻頁效果,支持觸摸屏設備。Turn.js 支持硬件加速來讓翻頁效果更加平滑。可通過 API 來獲取當前顯示的頁號,並提供選項來定製默認頁號、加速器、陰影和延時。

 

14. jQuery.HTML5Form

html5form

jQuery.Html5form 是個 jQuery 插件,添加沒有 HTML5 表格驗證功能到非兼容的瀏覽器中,不要求任何自定義函數或者代碼。用戶只要用 HTML5 語法創建表格,它就會自動執行。同時,這個插件還提供額外的一些功能,比如錯誤信息提示等錯誤處理方案,用戶可以自行選擇自己需要的。

 

15. Visualize

visulize

Visualize 是個 jQuery 插件,使用 HTML5 canvas 標籤把列表轉換成圖標或者圖像。使用屏幕閱讀技術或者其他輔助技術,用戶可以很方便瀏覽已經格式化的數據,這是非常有用的一個功能。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章