推薦優(yōu)秀的Web開發(fā)輔助工具
優(yōu)秀的工具，可以使你的開發(fā)工作事半功倍，幫助你創(chuàng)建出高品質(zhì)的Web應(yīng)用。
本文整理了16款重要的Web開發(fā)工具，涵蓋CSS、JavaScript、圖像優(yōu)化和其他方面的Web開發(fā)工作，希望對(duì)你的開發(fā)工作能有所幫助。
一、CSS工具
1. Simpless
這是一個(gè)免費(fèi)的離線LESS代碼編譯器。如果你使用LESS，這是一個(gè)偉大的工具，能夠自動(dòng)檢測(cè)代碼變化，并編譯它。可在Mac、Windows和Linux平臺(tái)上使用。
2. CSSWrap
一個(gè)很酷的CSS文本路徑生成工具。
3. LayerStyles
不想去記新的CSS3特性和前綴？該工具使用類似于Photoshop圖層樣式的界面，讓你輕松配置陰影、背景、邊框和邊界半徑。
4. BearCSS
該工具可以根據(jù)上傳的HTML文檔，采集其中所使用的HTML元素，來(lái)生成CSS模板。
二、JavaScript工具
該工具可以將你的JavaScript代碼轉(zhuǎn)換成一個(gè)小書簽，幫助你進(jìn)行代碼壓縮和URL編碼。
6. JSLint
這是一個(gè)JavaScript調(diào)試工具。可以查找代碼中的潛在問題，并返回一條消息，告訴你問題以及位置。
7. ShowIF
這是一個(gè)簡(jiǎn)單的if…else工具，允許用戶設(shè)置基于客戶端環(huán)境（瀏覽器、操作系統(tǒng)、分辨率等）的條件，如果條件匹配則執(zhí)行指定的動(dòng)作。
三、圖像優(yōu)化工具
8. JPEG Mini
在保持JPEG圖片原有品質(zhì)和格式的情況下，使圖片大小減少為原來(lái)的1/5。
9. PunyPNG
該工具可以大大降低圖像文件的大小，且沒有任何質(zhì)量損失。
10. SpritePad
一個(gè)快速、用戶友好的在線CSS sprite生成器，支持圖像拖拽，并可以生成你需要的CSS代碼。
11. SpriteMe
該工具以一種不同的方式來(lái)創(chuàng)建CSS sprite。這是一個(gè)書簽，可以檢測(cè)你網(wǎng)站中的圖像，并相應(yīng)地進(jìn)行CSS sprite。
四、其他工具
12. Browsers
實(shí)用的瀏覽器沙箱。你可以運(yùn)行任何瀏覽器，而無(wú)需將它們安裝到你的電腦中。目前只支持Windows平臺(tái)。
13. SpurApp
該工具使用不同的方法來(lái)測(cè)試頁(yè)面的可用性和布局，利用的技術(shù)包括灰度、交叉點(diǎn)、間隔、對(duì)比、模糊、鏡像等，為你展示你可能會(huì)忽略的設(shè)計(jì)缺陷。
14. Pingdom
用于測(cè)試網(wǎng)站的加載時(shí)間，并分析，幫助你找出瓶頸。
15. Loads.in
另一款計(jì)算網(wǎng)站加載時(shí)間的工具。
16. HTML5 Test
測(cè)試瀏覽器對(duì)HTML5標(biāo)準(zhǔn)和規(guī)范的支持情況。
原文鏈接：http://www.queness.com/post/11507/16-essential-web-development-online-tools
【編輯推薦】
