15個實用的HTML5、JavaScript工具和jQuery插件
如今,我們擁有許多新鮮有用的HTML5,JavaScript以及jQuery相關的工具和資源,這對設計者和開發者來說都有著極大的幫助。
HTML5是一種為了提高用戶體驗和可用性而設計的標記語言。它非常有用,并且變得越來越熱門。作為一個網絡開發者或者設計者,你需要跟上最新的信息,學習最新的技術。

jQuery plugins能幫你從任何網絡或者移動應用項目上節約不少時間。我非常感謝那些jQuery的開發者們,他們日夜操勞開發出新穎的插件使得網絡應用更加有效,并且更加友好。
JavaScript是一種極其實用的腳本語言,目的也是為了提高用戶體驗和可用性。它正在變得越來越火,作為JavaScript的開發者,你需要了解最新的信息,當然,也要學習最新的技術。
在這里收集了一些關于框架、庫、工具、技術和插件的介紹。好好享受它們吧。
HTML5,JavaScript和jQuery插件和工具
以下是一系列用于前端開發和設計的實用的HTML5,JavaScript工具和jQuery插件,這些工具能使你開發項目時更加簡單快速。
1.jChartFX: Professional Charts and Graphs with Visualization
jChartFX是一系列JavaScript庫,為專業的或商用的數據可視化以及分析提供最完善的圖表庫。

2.AdminJS: Backend Administration Framework
AdminJS是一款為建立管理頁面所開發的框架,有了它,我們就能管理某網站或者某應用的數據庫。這個框架是后端不可知的,它自身包括了Ember.js,并能夠運行在任何支持EPF的后端上。

3.Tridiv: CSS 3D Shapes Editor
Tridiv是一款基于網絡,允許自由使用的CSS三位形狀編輯器,用于輕易創造漂亮的形狀。使用這款應用,我們能插入四種不同的形狀(立方體,四面體,圓柱,棱柱)并能夠旋轉它們,改變它們的大小。

4.FlowType.JS: Responsive Web Typography (Size/Height) Based on Element Width
FlowType.JS是一款jQuery插件,它能根據容器的寬度自動調整字體大小以及行間距,這樣內容就能像我們想的一樣顯示出來了。

5.Pan and Zoom Touch Enable jQuery Plugin
這個插件在一個給定的DOM元素上提供平穩的移動以及縮放功能。插件在移動端和PC上都工作,在支持的瀏覽器上使用CSS3 transitions,在其他瀏覽器上使用javascript。

6.CLANK: Free HTML/CSS Framework for Prototyping Native Phone/Tablet Apps
Clank是一款免費開源的HTML-CSS框架,用來做簡單的移動或平板本地應用的原型開發。他的要點在于提供一致性的用戶界面,而不去考慮模仿一個特定的OS。

7.Balanced Gallery: jQuery Plugin for Set Photos In Rows or Columns
Balanced Gallery是一款jQuery插件,它能夠均勻的將照片分配到每行每列,充分利用空間。照片默認根據其“容器”縮放大小,這使得Balanced Gallery成為展示性網站的一個不錯的選擇。

#p#
8.NProgress.js: Slim Nanoscopic Progress Bar
NProgress and Skylo是兩款不同的jQuery插件,它們用來制作YouTube一樣位于瀏覽器工具欄下的細窄的進度條。

9.jQuery EasyDropDown: jQuery Plugin for Stylable Select Elements
EasyDropDown是一款jQuery插件,它能夠輕松改變平凡的<select>元素。它提供一個整潔的,有語意標記格式的和認證兼容性的替代品。更有全鍵盤支持,文本搜索以及內置的長列表滾動條。在使用移動設備時自動退化為普通UI,并且全面支持IE8以上的瀏覽器。

10.HTML(.js): Powerful Way to Work with DOM
HTML(.js)是一個迷你的(壓縮后僅有2kb)JavaScript庫,它能簡化與DOM的交互。想jQuery一樣的很多JavaScript庫已經有了這些特性,但HTML(.js)沒有將本地DOM封裝或隱藏起來,反而改進了它,并將其暴露出來。

11.Create.js: HTML5 Web Editing Interface for Content Management Systems
Create.js是一款綜合性的用于內容管理系統的網絡編輯器接口。它的目的是為提供一個現代的,完全基于瀏覽器的HTML5環境來管理內容。Create基本上能夠在任何內容管理后端上工作。

12.Montage: HTML5 Framework For Create Modern Web Apps
MontageJS能讓你建立可伸縮和可維護的HTML5應用程序,這種優化是為了現階段,或將來的移動設備而做的。通過MontageJS,開發人員可以建立可重用的用戶界面組件和模塊,組件和控制器之間的綁定屬性和同步DOM查詢和更新。這樣能夠確保平穩的用戶體驗。尤其是在資源受限的設備上,效果更好。

13.iosOverlay.js: Beautiful Overlays/Notifications For Web

14.Moment.js: A JavasSript Date Library for Parsing, Validating, Manipulating and Formatting Dates

15.jqBar: jQuery Animated Bar Plugin
這是一款名為jqBar的簡單的jQuery插件,用于創建動態的垂直或水平的柱狀圖。jqBar能在各種利用視覺效果展示數據的環境下使用。它能讓你制作出漂亮的柱狀圖用于展示技能集合,或用作進度條。這款插件非常輕量,并且能夠很徹底的根據需求而定制。

原文鏈接: Muhammad Faisal 翻譯: 伯樂在線 - 伯樂在線讀者

























