超棒的30款JS類庫和工具

　　當設計人員和開發人員真正快速便捷的使用JavaScript類庫和工具的同時，他們的生活也就變得更輕鬆、簡單。你付出的越多，它回報你的也就越多，這正是JS類庫和工具需求量很大的原因。

　　對於Web設計人員和開發人員來說，手裡有一套便利的、最新的工具可供使用是極其重要的。Web設計和開發的趨勢變化極快，所以擁有最新的工具是必不可少的。

　　可是要想找到質量高和效率高的工具並非易事，尤其是考慮到這種型別的工具它所帶有的額外工具的可用性，並且，不是所有的工具都是高質量的。因此，尋找好的工具不僅僅是一項艱鉅的任務，同時也很耗時。這就是為什麼小編今天為大家提供30個JS類庫和工具列表的原因。所有的工具都很有用，找出最能夠滿足你需要的那一個！

　　dynamo.js

　　這是一款使用很便捷的工具，它可以快速容易的建立HTML動態bits，為文字目錄新增微妙效果。

　　Smoke.js

　　Smoke.js是一個輕量級且靈活的JS外掛，只是用來替代原有的alert而已。它完全由HTML與CSS3構成，所以你能夠自己新增樣式來表現出個性化。

　　Holder.js

　　Holder.js可直接在客戶端渲染圖片的佔位。支援線上和離線，允許輕鬆建立佔位符，並快速使用可連結API（chainable API）風格。

　　Graphene

　　這款工具有驚人之處，有一個控制皮膚和繪圖工具箱，使用起來很容易上手。

　　GMap

　　這是一款了不起的輕量級jQuery外掛，用來將Google Maps插入到網頁或者部落格中。提供了更加簡便的方法用於整合、管理和定製。

　　jPages

　　jPages是一個超給力的jQuery分頁外掛，它提供了很多豐富的新特性，例如自動翻頁功能、可用鍵盤和滑鼠滾動瀏覽、內容延遲顯示、支援自定義分頁導航選單等等。使用起來很簡單，效果也很出色。

　　Leaflet-JS Library

　　Leaflet是一個開源的基於移動開發的互動式地圖JS庫，程式碼量僅約28 KB。

　　JSZip

　　JSZip允許使用JS建立、閱讀和編輯.zip檔案。

　　Colors

　　這是一款非常有用的顏色處理類庫，工作效率高，可以為專案選擇正確的顏色。

　　Fitvids.js

　　這是另一款輕量、易用的jQuery外掛，如果你需要你的視訊能夠自動適應網頁的寬度，FitVids.js這個jquery外掛可以幫助你。

　　Stroll.js

　　這些滾動效果是純粹使用CSS3所實現的，其中所用到的JS僅是用來實現繫結和移除CSS樣式。

　　Hammer.js

　　Hammer.js是一個輕量級的JS庫，能讓你的網站輕鬆實現觸控事件。它依賴於jQuery，用來控制觸控裝置上的多點觸控特性。

　　Socialite.js

　　Socialite.js 是一個用來方便生成各種社交網站分享按鈕的JS庫，提供多種按鈕排列樣式，可以根據客戶需求實現個性化設定。

　　Retina.js

　　顧名思義，Retina.js是很棒的指令碼，幫助你在Retina顯示裝置上製造出高質量的圖片，這是一款便捷的開源軟體。檢查網頁中的圖片是否存在高清的版本，如果有將會替換顯示。

　　KineticJS

　　這是一個很簡便的HTML5 Canvas獨立JS類庫，使用這個類庫你可以輕鬆的在桌面和移動裝置上進行圖形和圖片繪製和修改，執行動畫效果，或者和圖形圖片進行互動。

　　URI.js

　　URI.js是一個JS庫，用於處理URLs地址。它提供了類似於jQuery風格的API（便利的介面和方法鏈），用於讀寫所有常用元件，像.directory和.authority一樣的方式。

　　Crossfilter

　　Crossfilter是一個用來展示大資料集的JS庫，在瀏覽器裡有很多不同的多後設資料集，支援超快的互動，甚至在上百萬或者更多資料下都很快。主要用來構建資料分析程式。

　　DropKick.js

　　從頭開始做下拉式選單可能是非常耗時和繁忙的任務，因此DropKick出現了，它是一個下拉框美化外掛，使用非常簡單，直接為下拉框select呼叫方法即可，瞬間讓你擺脫繁瑣。

　　Foresight.js

　　Foresight.js可以在裝載圖片之前知道使用者的裝置是否可以顯示高解析度的圖片。

　　Kartograph

　　Kartograph是一個簡單且輕量級的框架，建立互動式地圖應用程式無需谷歌地圖或其他任何地圖服務。

　　Patternizer – Stripe Pattern Generator Tool（條紋模式生成器工具）

　　Patternizer是一個線上的帶狀模式生成工具，可以幫助你簡單快捷的建立複雜的模式。你同樣可以把你建立模式的經驗與別人分享，收集別人的意見。

　　Morris.js

　　Morris.js是一個輕量級的JS庫，使用jQuery和Raphaël來生成各種時序圖。

　　JavaScript Library Boilerplate

　　JS Boilerplate可以幫助你來輕鬆建立你自己的JS庫，例如jQuery，Zepto，Prototype等等。

　　heatmap.js

　　Heatmap.js用來生成基於使用者自定義資料上的Web熱圖，內嵌HTML5 Canvas元素。

　　uiji.js

　　uiji.js很獨特，它是jQuery的反向，它不是使用CSS選擇器來查詢元素，您可以使用相同的語法來建立元素。

　　sigma.js

　　sigma.js是一個開源的輕量級JS庫，用來繪製各種圖形，使用的是HTML Canvas元素。它同樣可以用來顯示互動式的靜態和動態圖表。

　　Heyoffline.js

　　heyoffline.js是一個簡單的JS庫，當使用者網路不可用的時候可以提示使用者儲存資訊，以免資料丟失。

　　JavaScript Console--Debugging JavaScript Tool（JS除錯工具）

　　從字面意思可以看出，它是一個JS除錯工具，同時為移動Web Apps提供遠端除錯。

　　Yeoman

　　它旨在為開發者提供一系列“健壯的”工具、程式庫和工作流，幫助他們快速構建出漂亮、引人注目的Web應用。

　　Batman.js

　　這個框架就像它的名字一樣酷——它可以建立豐富高效的單頁面瀏覽器Apps。Batman.js框架利用CoffeeScript或JavaScript來快速構建Web Apps。由於其擁有強大的檢視繫結和可觀察的屬性，所以它的程式碼非常簡潔。

　　原文：Inspire Trends