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

簡譯:? PuterJam

Typetester

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

pForm

創(chuàng)建HTML表單的工具，能在瞬間創(chuàng)建很美觀的表單，并輸出html代碼

ColourLovers

在線的調(diào)色板工具，你能夠搜索到很多配色方案或提交你的配色方案

Firebug

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

HTML Entity Character Lookup

HTML 實體 查詢工具

960 Grid System

960 是個神奇的數(shù)字，960 是橫向尺寸，960 網(wǎng)格系統(tǒng)是能夠讓設(shè)計師快速創(chuàng)建網(wǎng)頁原型的輔助系統(tǒng)。可以比喻成網(wǎng)頁的黃金分割線

Em Calculator

EM換算器～ ，可以把像素?fù)Q算成 em 單位。

Browser Shots

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

Icon Finder

還在為找圖標(biāo)發(fā)愁么，一個不錯的圖片搜索工具。

WhatTheFont

當(dāng)你圖片里看到一個好看的文字而不知道字體名稱時，可以用它來幫你分析字體類型

MeasureIt

firefox插件，可以在頁面上顯示一個尺子

ColorZilla

同樣是firefox插件，可以在頁面上取色，前端開發(fā)必備

Pingdom

一個在線的抓包工具

Test Everything

Test Everything 提供了很多測試工具來測試你的站點。從css html 到seo ，從網(wǎng)絡(luò)工具到優(yōu)化應(yīng)有盡有。

CSS Sprite Generator

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

Web Developer Toolbar

也是一個非常強大的web開發(fā)工具。

Domainr

域名查詢工具，很方面查詢域名的使用情況，并且給出未注冊域名的建議。（需要FQ）

Font Burner

字體查詢工具，并且提供在線的字體解決方案。僅限英文。

Smush.It

圖片優(yōu)化工具，能夠優(yōu)化你的圖片尺寸

Load Impact

可以模擬不同地區(qū)的用戶訪問你的站點的情況。并且以圖表的情況反饋結(jié)果。

轉(zhuǎn)載于:https://www.cnblogs.com/zjneter/archive/2009/06/23/1508820.html

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的【转】20个让Web Developer开发生涯更加轻松的工具的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。