[翻譯] 10 個給前端 Javascript 開發者的超級好用的工具 @ Wolf's Blog

10 個給前端 Javascript 開發者的超級好用的工具

from：10 super useful tools for JavaScript developers ( Cats Who Code Blog)

近年來 JavaScript 越來越受重視，證明它真的可以改進網頁，而不單僅是提供一些如閃爍文字般簡單的特效。
在這篇文章裡，原作者收集了10個非常令人驚奇的工具和 Script 提供給所有的 Javascript 開發者。（下以第一人稱翻譯）

MicroJS

如果你需要快速得到一些程式碼片段，MicroJS 是一個全新的網站，目標在於提供常見的 JavaScript Framework / Snippets ，例如： Ajax, JSON, DOM操作, 物件導向等等。這絕對是你該收藏在書籤內的金礦。
Visit http://microjs.com/

Diva.js

Diva 是一個設計給數位典藏專用的前端文件瀏覽介面，可以將多頁面的文件展現成單一頁框，連續的影像集合，它還能配合 IIPImage 4server ，對圖書館或是書店網站來說是個絕佳的工具。你可以來這裡看看他是怎麼運作的。
Visit http://ddmal.music.mcgill.ca/diva/

Bookmarklet Generator

如同你猜的，這個工具是拿來產生你的瀏覽器書籤小工具，只要貼上你需要的 Javascript 程式碼，他就能幫你轉換成可以直接放到書籤列的小工具。
Visit http://benalman.com/code/test/jquery-run-code-bookmarklet/

jQAPI

我跟其他的 jQuery 開發者一樣常常花大把的時間在搜尋 jQuery 的文件。 jQAPI 這個網站則提供您易於閱讀的 jQuery 文件，因此當需要閱讀任何 jQuery 文件時，我就會來這裡參考。
Visit http://jqapi.com

heatmap.js

每一天，我都會被 Javascript 的無限可能所驚訝，例如 heatmap.js 可以利用 html5 canvas 元素來利用你的資料產生網站的 heatmap ，既簡單又有效。
Visit http://www.patrick-wied.at/static/heatmapjs/

Respond.js

還記得我之前寫的關於利用 CSS3 media queries 技巧的 adaptable layouts 文章嗎？ Respond.js 是一個輕巧的程式，讓不支援 CSS3 media queries 的瀏覽器也能作用（對，IE，我就是在說你...）
Visit https://github.com/scottjehl/Respond/blob/master/respond.min.js

Modernizr

Modernizr 是一個幫助舊版瀏覽器達到與新版瀏覽器一樣功能的程式，因此你可以利用它來建立新一代的網頁程式，並且也能在 IE 6 與 7 上良好運作，保證你的客戶會喜歡。
Visit http://www.modernizr.com/

YepNope

YepNope 的目標非常簡單：它就是回答你「有(yep)」或「沒有(nope)」。例如，你可以詢問 YepNope Modernizr 載入了沒？如果載入了， YepNope 就做這件事，如果沒有， YepNope 就做另外一件事。它就是這麼簡單，在很多場合下會很有用。
Visit http://yepnopejs.com/