建個(gè)好網(wǎng)站絕非易事，工欲善其事必先利其器。本文編譯了15個(gè)極其有用的網(wǎng)站，任何一位網(wǎng)站開發(fā)者或設(shè)計(jì)人員都應(yīng)該收藏起來。

ColorCombos

在進(jìn)行網(wǎng)站設(shè)計(jì)的時(shí)候，開始步驟的其中一項(xiàng)（也是最重要）的內(nèi)容是選擇出一個(gè)配色方案。

Color Combos讓你可以瀏覽上千個(gè)不同的顏色組合，以便從中為你即將開始的設(shè)計(jì)汲取靈感。其配色方案可按顏色瀏覽。

對(duì)任何何網(wǎng)站來說，收藏夾圖標(biāo)都是必不可缺的，其主要原因是在現(xiàn)代瀏覽器如火狐上，它會(huì)隨著網(wǎng)站名字出現(xiàn)tab欄上。書簽也用到它。

收藏夾圖標(biāo)可以有多種不同的文件格式，包括流行的.png。唯一的問題是使用png作為你網(wǎng)站的收藏夾圖標(biāo)文件格式的話在IE瀏覽器上不起作用。令人欣慰的是，有一個(gè)免費(fèi)的在線圖標(biāo)轉(zhuǎn)換服務(wù)ConvertIcon，這項(xiàng)服務(wù)允許你上傳圖片然后返回一個(gè).ico文件給你，這樣就可以解決跟微軟IE瀏覽器的兼容性問題了。

點(diǎn)此訪問ConvertIcon

Test Everything

除了想在許多瀏覽器中測試設(shè)計(jì)以外，你是不是還期望能在同一個(gè)地方測試頁面的頁面排名（PageRank）甚至驗(yàn)證自己的代碼對(duì)標(biāo)準(zhǔn)的兼容性？

如是，則Test Everything 是你不容錯(cuò)過的網(wǎng)站。此站聚集了超過100種不同的工具，讓你幾乎可以測試網(wǎng)頁上的任何東西。

風(fēng)靡之至的Lorem Ipsum文字，其大名誰人不知？哪個(gè)不曉？（譯注：汗一個(gè)，查了才知道，這是指一篇用于測試排版設(shè)計(jì)的拉丁文文章，從15世紀(jì)開始就被廣泛使用，文章因以Lorem Ipsum開頭而得名）該段文字被全球各地的網(wǎng)站設(shè)計(jì)者用來在設(shè)計(jì)中對(duì)其真正的文字的呈現(xiàn)效果進(jìn)行仿真。

Lipsum.com讓你可以創(chuàng)建所需數(shù)量的Lorem Ipsum自然段，快速又簡便。

你剛看到一個(gè)標(biāo)志或網(wǎng)站使用了一種特別的字體，你很喜歡它。很想在自己的設(shè)計(jì)中也使用同樣的字體......但是你不知道字體的名字。在這個(gè)問題上你只有兩種解決方案：花數(shù)小時(shí)尋找該字體，或者利用What the font的服務(wù)。

“是什么字體”這項(xiàng)服務(wù)讓你可以上傳一個(gè)含有字體的標(biāo)志或圖像，然后告訴你該字體是什么。結(jié)果令人驚嘆。

毫無疑問，樣式表貼圖定位（CSS Sprite）是可供使用的一項(xiàng)偉大技術(shù)，主要是因?yàn)樗鼫p少了HTTP請(qǐng)求的數(shù)量。不過，樣式表貼圖定位需要時(shí)間和特定技術(shù)，這使得這項(xiàng)技術(shù)優(yōu)點(diǎn)難以使用，尤其是對(duì)新手而言。

令人驚艷的Sprite generator讓你可以發(fā)送一個(gè)含有圖像的zip壓縮文件。然后它把你的圖片結(jié)合進(jìn)貼圖定位中返回給你，更妙的是，還可以把CSS代碼頁生成出來，你只需粘貼到主CSS文件中去即可。

對(duì)于任何一個(gè)莊重的博客或網(wǎng)站來說，好看的按鈕無疑都是必備之物。如果你不了解這一點(diǎn)，或者沒時(shí)間來創(chuàng)建一些酷酷的按鈕，別擔(dān)心：Buttonator 是一個(gè)先進(jìn)的按鈕生成器，還可以免費(fèi)使用。

此外，如果你對(duì)CSS按鈕感興趣的話，別忘了看看我們的

即便是高級(jí)的開發(fā)人員經(jīng)常也要去優(yōu)化其CSS代碼。CSS Tidy是免費(fèi)的在線應(yīng)用，可修正CSS代碼的錯(cuò)誤并對(duì)其進(jìn)行優(yōu)化。比如說，它可自動(dòng)偵測冗余的樣式，