15個(gè)實(shí)用的HTML5、JavaScript工具和jQuery插件
如今，我們擁有許多新鮮有用的HTML5，JavaScript以及jQuery相關(guān)的工具和資源，這對(duì)設(shè)計(jì)者和開(kāi)發(fā)者來(lái)說(shuō)都有著極大的幫助。
HTML5是一種為了提高用戶體驗(yàn)和可用性而設(shè)計(jì)的標(biāo)記語(yǔ)言。它非常有用，并且變得越來(lái)越熱門。作為一個(gè)網(wǎng)絡(luò)開(kāi)發(fā)者或者設(shè)計(jì)者，你需要跟上最新的信息，學(xué)習(xí)最新的技術(shù)。
jQuery plugins能幫你從任何網(wǎng)絡(luò)或者移動(dòng)應(yīng)用項(xiàng)目上節(jié)約不少時(shí)間。我非常感謝那些jQuery的開(kāi)發(fā)者們，他們?nèi)找共賱陂_(kāi)發(fā)出新穎的插件使得網(wǎng)絡(luò)應(yīng)用更加有效，并且更加友好。
JavaScript是一種極其實(shí)用的腳本語(yǔ)言，目的也是為了提高用戶體驗(yàn)和可用性。它正在變得越來(lái)越火，作為JavaScript的開(kāi)發(fā)者，你需要了解最新的信息，當(dāng)然，也要學(xué)習(xí)最新的技術(shù)。
在這里收集了一些關(guān)于框架、庫(kù)、工具、技術(shù)和插件的介紹。好好享受它們吧。
HTML5，JavaScript和jQuery插件和工具
以下是一系列用于前端開(kāi)發(fā)和設(shè)計(jì)的實(shí)用的HTML5，JavaScript工具和jQuery插件，這些工具能使你開(kāi)發(fā)項(xiàng)目時(shí)更加簡(jiǎn)單快速。
1.jChartFX: Professional Charts and Graphs with Visualization
jChartFX是一系列JavaScript庫(kù)，為專業(yè)的或商用的數(shù)據(jù)可視化以及分析提供最完善的圖表庫(kù)。
2.AdminJS: Backend Administration Framework
AdminJS是一款為建立管理頁(yè)面所開(kāi)發(fā)的框架，有了它，我們就能管理某網(wǎng)站或者某應(yīng)用的數(shù)據(jù)庫(kù)。這個(gè)框架是后端不可知的，它自身包括了Ember.js，并能夠運(yùn)行在任何支持EPF的后端上。
3.Tridiv: CSS 3D Shapes Editor
Tridiv是一款基于網(wǎng)絡(luò)，允許自由使用的CSS三位形狀編輯器，用于輕易創(chuàng)造漂亮的形狀。使用這款應(yīng)用，我們能插入四種不同的形狀（立方體，四面體，圓柱，棱柱）并能夠旋轉(zhuǎn)它們，改變它們的大小。
4.FlowType.JS: Responsive Web Typography (Size/Height) Based on Element Width
FlowType.JS是一款jQuery插件，它能根據(jù)容器的寬度自動(dòng)調(diào)整字體大小以及行間距，這樣內(nèi)容就能像我們想的一樣顯示出來(lái)了。
5.Pan and Zoom Touch Enable jQuery Plugin
這個(gè)插件在一個(gè)給定的DOM元素上提供平穩(wěn)的移動(dòng)以及縮放功能。插件在移動(dòng)端和PC上都工作，在支持的瀏覽器上使用CSS3 transitions，在其他瀏覽器上使用javascript。
6.CLANK: Free HTML/CSS Framework for Prototyping Native Phone/Tablet Apps
Clank是一款免費(fèi)開(kāi)源的HTML-CSS框架，用來(lái)做簡(jiǎn)單的移動(dòng)或平板本地應(yīng)用的原型開(kāi)發(fā)。他的要點(diǎn)在于提供一致性的用戶界面，而不去考慮模仿一個(gè)特定的OS。
7.Balanced Gallery: jQuery Plugin for Set Photos In Rows or Columns
Balanced Gallery是一款jQuery插件，它能夠均勻的將照片分配到每行每列，充分利用空間。照片默認(rèn)根據(jù)其“容器”縮放大小，這使得Balanced Gallery成為展示性網(wǎng)站的一個(gè)不錯(cuò)的選擇。
#p#
8.NProgress.js: Slim Nanoscopic Progress Bar
NProgress and Skylo是兩款不同的jQuery插件，它們用來(lái)制作YouTube一樣位于瀏覽器工具欄下的細(xì)窄的進(jìn)度條。
9.jQuery EasyDropDown: jQuery Plugin for Stylable Select Elements
EasyDropDown是一款jQuery插件，它能夠輕松改變平凡的<select>元素。它提供一個(gè)整潔的，有語(yǔ)意標(biāo)記格式的和認(rèn)證兼容性的替代品。更有全鍵盤(pán)支持，文本搜索以及內(nèi)置的長(zhǎng)列表滾動(dòng)條。在使用移動(dòng)設(shè)備時(shí)自動(dòng)退化為普通UI，并且全面支持IE8以上的瀏覽器。
10.HTML(.js): Powerful Way to Work with DOM
HTML(.js)是一個(gè)迷你的（壓縮后僅有2kb）JavaScript庫(kù)，它能簡(jiǎn)化與DOM的交互。想jQuery一樣的很多JavaScript庫(kù)已經(jīng)有了這些特性，但HTML(.js)沒(méi)有將本地DOM封裝或隱藏起來(lái)，反而改進(jìn)了它，并將其暴露出來(lái)。
11.Create.js: HTML5 Web Editing Interface for Content Management Systems
Create.js是一款綜合性的用于內(nèi)容管理系統(tǒng)的網(wǎng)絡(luò)編輯器接口。它的目的是為提供一個(gè)現(xiàn)代的，完全基于瀏覽器的HTML5環(huán)境來(lái)管理內(nèi)容。Create基本上能夠在任何內(nèi)容管理后端上工作。
12.Montage: HTML5 Framework For Create Modern Web Apps
MontageJS能讓你建立可伸縮和可維護(hù)的HTML5應(yīng)用程序，這種優(yōu)化是為了現(xiàn)階段，或?qū)?lái)的移動(dòng)設(shè)備而做的。通過(guò)MontageJS，開(kāi)發(fā)人員可以建立可重用的用戶界面組件和模塊，組件和控制器之間的綁定屬性和同步DOM查詢和更新。這樣能夠確保平穩(wěn)的用戶體驗(yàn)。尤其是在資源受限的設(shè)備上，效果更好。
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的簡(jiǎn)單的jQuery插件，用于創(chuàng)建動(dòng)態(tài)的垂直或水平的柱狀圖。jqBar能在各種利用視覺(jué)效果展示數(shù)據(jù)的環(huán)境下使用。它能讓你制作出漂亮的柱狀圖用于展示技能集合，或用作進(jìn)度條。這款插件非常輕量，并且能夠很徹底的根據(jù)需求而定制。
原文鏈接： Muhammad Faisal 翻譯： 伯樂(lè)在線 - 伯樂(lè)在線讀者
