推薦給JavaScript開發人員的10個工具

伯樂發表於2012-03-20

原文:Jean-Baptiste Jung   編譯:伯樂線上 – 翦丹

近年來,JavaScript因為其有效地強化網路,而並非僅僅提供一些類似閃爍文字等廉價效果而備受重視。在這篇文章中,我已經選擇了JavaScript開發的10個非同凡響的的工具和指令碼。

0. MicroJS

需要夠快的程式碼嗎? MicroJS是一個全新的網站,旨在提供常用的JavaScript程式碼片段:AJAX、JSON、DOM,OO JavaScript等等。

MicroJS

訪問:http://microjs.com/

 

1. Diva.js

DIVA是集查閱文件、設計工作與數字圖書館為一體的連續性專案。用於呈現多頁碼檔案。它與IIPImage伺服器同時執行,這將是那些圖書館或書店運作網站的福音。如果您想看看,這裡提供演示。

Diva.js

訪問:http://ddmal.music.mcgill.ca/diva/

 

2. Bookmarklet Generator

正如您所料想的,這個工具是一個書籤生成器:簡單地貼上常規的JavaScript程式碼,按下按鈕,您會得到一個書籤 ——準備安裝在您的瀏覽器欄。

Bookmarklet Generator

訪問:http://benalman.com/code/test/jquery…e-bookmarklet/

 

3. jQAPI

像其他任何一位jQuery開發者一樣,我花了大量的時間發掘。 jQAPI是一個網站,以一種更為便於使用的方式提供jQuery文件,所以當我需要任何jQuery的幫助時,就會使用目前這個參考網站。

jQAPI

訪問:http://jqapi.com

 

4. heatmap.js

日復一日,JavaScript以其無限的可能讓我驚喜連連:例如,heatmap.js讓您的資料以html5canvas元素為基礎而生成網頁heatmaps。簡單高效!

 heatmap.js

訪問:http://www.patrick-wied.at/static/heatmapjs/

 

5. Respond.js

還記得我那篇CSS3媒體適應性佈局的調查文章嗎? Respond.js是一個小的指令碼,讓您通過不支援它的CSS3媒體查詢進行瀏覽,(是IE瀏覽器,我們正看著您… …)。

Respond.js

訪問https://github.com/scottjehl/Respond…respond.min.js

 

6. Modernizr

Modernizr是一個指令碼,能讓老版的瀏覽器如全新版一樣好,使您可以構建現代應用程式,它將在IE6和7上面運作。您的客戶一定會喜歡它,這是保證。

Modernizr

訪問 http://www.modernizr.com/

 

7. YepNope

YepNope的目標很簡單:它回答yep,或nope。例如,要求YepNope是Modernizr的載入。如果有的話,要求YepNope做到這一點,如果沒有,也要求YepNope去做。在許多情況下,就是這麼簡單,並且非常十分有用。

YepNope

訪問http://yepnopejs.com/

 

8. Ligature.js

Ligature.js毫無疑問,就是一個指令碼,能為任何型別的文章增添漂亮的連體字。這是所有排版愛好者必須擁有的!

Ligature.js

訪問:http://code.google.com/p/ligature-js/

 

9. FitText.js

FitText是一個十分有趣的工具,根據父元素的大小,它可以自動調整文字大小。只要通過觀察一個網站的外觀並調整您的瀏覽器:文字自動調整。現代化的網站和應用程式是另一個非常有趣的工具!

FitText.js

訪問:http://fittextjs.com/

 

原文:Jean-Baptiste Jung   編譯:伯樂線上 – 翦丹

 【如需轉載,請標註並保留原文連結、譯文連結和譯者等資訊,謝謝合作!】

 

相關文章