20個讓Web Developer開發生涯更加輕鬆的工具

源文:  http://net.tutsplus.com/articles/web-roundups/20-tools-to-make-the-life-of-a-web-developer-easier/

簡譯:  PuterJam

Typetester

一個線上對比字型的工具，可以很直觀得看到不同字型的差異

pForm

建立HTML表單的工具，能在瞬間建立很美觀的表單，並輸出html代碼

ColourLovers

線上的調色盤工具，你能夠搜尋到很多色彩配置或提交你的色彩配置

Firebug

無所不能的firebug，不多介紹了

HTML Entity Character Lookup

HTML 實體 查詢工具

960 Grid System

960 是個神奇的數字，960 是橫向尺寸，960 網格系統是能夠讓設計師快速建立網頁原型的輔助系統。可以比喻成網頁的黃金分割線

Em Calculator

EM換算器～ ，可以把像素換算成 em 單位。

Browser Shots

多瀏覽器截屏工具，可以提供多個平台，不同瀏覽器的頁面截屏效果

Icon Finder

還在為找表徵圖發愁麼，一個不錯的圖片搜尋工具。

WhatTheFont

當你圖片裡看到一個好看的文字而不知道字型名稱時，可以用它來幫你分析字型類型

MeasureIt

firefox外掛程式，可以在頁面上顯示一個尺子

ColorZilla

同樣是firefox外掛程式，可以在頁面上取色，前端開發必備

Pingdom

一個線上的抓包工具

Test Everything

Test Everything 提供了很多測試載入器來測試你的網站。從css html 到seo ，從網路工具到最佳化應有盡有。

CSS Sprite Generator

樣式精靈，這類工具很多了，就是把圖片分割並且輸出成css

Web Developer Toolbar

也是一個非常強大的web開發工具。

Domainr

網域名稱查詢工具，很方面查詢網域名稱的使用方式，並且給出未註冊網域名稱的建議。（需要翻牆）

Font Burner

字型查詢工具，並且提供線上的字型解決方案。僅限英文。

Smush.It

圖片最佳化工具，能夠最佳化你的圖片尺寸

Load Impact

可以類比不同地區的使用者訪問你的網站的情況。並且以圖表的情況反饋結果。