第一個(gè)小工具：快速定制自己滿意的圖標(biāo)（IconBench），免去找圖標(biāo)的煩惱。
IconBench允許你定制一組超過700個(gè)的圖標(biāo)集。你可以設(shè)置不透明性，外陰影，內(nèi)陰影，漸變等效果，然后選擇你最想要的圖標(biāo)。
酷站官網(wǎng)：http://IconBench.com/
第二個(gè)小工具：響應(yīng)式網(wǎng)格系統(tǒng)（rwdgrid）
html5模版網(wǎng)(m.52vt.cn)認(rèn)為是HTML5開發(fā)人員最喜愛的小工具。看看這些大氣漂亮的HTML5酷站，會(huì)不會(huì)有沖動(dòng)去嘗試呢？
rwdgrid.com 是一款基于960.gs的響應(yīng)式網(wǎng)格系統(tǒng)，包含不同的網(wǎng)格系統(tǒng)，支持1200PX，960px，720px的顯示屏以及移動(dòng)設(shè)備。
酷站官網(wǎng)：http://rwdgrid.com/
第三個(gè)小工具：APP設(shè)計(jì)師的切圖神器Slicy（Layer Cake）
這款神器得到阿里巴巴設(shè)計(jì)大師的極力推薦哦！html5模版網(wǎng)(m.52vt.cn)推薦使用。
Slicy 是一款iOS或Android開發(fā)者必備的切圖神器，只需在Photoshop里將圖層命名好并保存為PSD格式文件，然后拖進(jìn)軟件里保存，就可超神速地把PSD內(nèi)的元素切成一幅幅可供開發(fā)者使用的圖片。
使用方法
1. 將要切的圖拖進(jìn)photoshop里，重命名為 xxx.png (注意命名的后綴)。
2. 命名完所有圖層之后保存為PSD格式文件，然后把psd文件拉進(jìn)Slicy。
3. 完成后點(diǎn)擊 “Save”，并設(shè)置保存目錄，圖片就切好了。
只有你養(yǎng)成好的圖層命名規(guī)則，這款軟件才可以快速生成切圖格式，幫你省掉一半的工作時(shí)間。快速提高你的工作效率。
設(shè)計(jì)師的切圖神器Slicy下載地址：http://vdisk.weibo.com/s/BJ9dbBuvuWx0y
第四個(gè)小工具：前端網(wǎng)頁測(cè)試軟件SimplyTestable
這塊小工具是web前端開發(fā)人員提高代碼的正確率，方便優(yōu)化的好工具。
SimplyTestable 是一款自動(dòng)的前端網(wǎng)頁測(cè)試軟件，支持一鍵測(cè)試。他可以驗(yàn)證你的HTML 標(biāo)記，并給出一份網(wǎng)站總覽報(bào)告和一份詳細(xì)錯(cuò)誤報(bào)告等等。
酷站官網(wǎng)：http://simplytestable.com/
第五個(gè)小工具：Bootsnipp是Bootstrap愛好者的天堂。也是Bootstrap愛好者學(xué)習(xí)和借鑒的好地方。
Bootsnipp 是一套提供給設(shè)計(jì)師和開發(fā)者的基于Bootstrap HTML/CSS/JavaScript 架構(gòu)的免費(fèi)元素庫(kù)。目前有60個(gè)，還會(huì)陸陸續(xù)續(xù)增加更多免費(fèi)元素庫(kù)。
酷站官網(wǎng)：http://bootsnipp.com/