建個好網站絕非易事，工欲善其事必先利其器。本文編譯了15個極其有用的網站，任何一位網站開發者或設計人員都應該收藏起來。
ColorCombos
在進行網站設計的時候，開始步驟的其中一項（也是最重要）的內容是選擇出一個配色方案。
Color Combos讓你可以瀏覽上千個不同的顏色組合，以便從中為你即將開始的設計汲取靈感。其配色方案可按顏色瀏覽。
點此瀏覽colorcombos.com
LIpsum
風靡之至的Lorem Ipsum文字，其大名誰人不知？哪個不曉？（譯註：汗一個，查了才知道，這是指一篇用於測試排版設計的拉丁文文章，從15世紀開始就被廣泛使用，文章因以Lorem Ipsum開頭而得名）該段文字被全球各地的網站設計者用來在設計中對其真正的文字的呈現效果進行模擬。
Lipsum.com讓你可以建立所需數量的Lorem Ipsum自然段，快速又簡便。
點此訪問LIpsum.com
What the font?
你剛看到一個標誌或網站使用了一種特別的字型，你很喜歡它。很想在自己的設計中也使用同樣的字型……但是你不知道字型的名字。在這個問題上你只有兩種解決方案：花數小時尋找該字型，或者利用What the font的服務。
”是什麼字型”這項服務讓你可以上傳一個含有字型的標誌或影像，然後告訴你該字型是什麼。結果令人驚歎。
點此訪問 What the font
ConvertIcon
對任何網站來說，收藏夾圖示都是必不可缺的，其主要原因是在現代瀏覽器如火狐上，它會隨著網站名字出現tab欄上。書籤也用到它。
收藏夾圖示可以有多種不同的檔案格式，包括流行的.png。唯一的問題是使用png作為你網站的收藏夾圖示檔案格式的話在IE瀏覽器上不起作用。令人欣慰的是，有一個免費的線上圖示轉換服務ConvertIcon，這項服務允許你上傳圖片然後返回一個.ico檔案給你，這樣就可以解決跟微軟IE瀏覽器的相容性問題了。
點此訪問ConvertIcon
BgPatterns
背景花紋圖案無疑是當今網站設計的趨勢之一。
在BgPatterns.com，你可以瀏覽花樣繁多的花紋並可以免費用到你的網站上。
點此訪問BgPatterns
HTML Encoder
你需要在自己的網站上顯示程式碼嗎？如果需要的話，你也許就會明白那有多煩。實際上你就不得不敲< to display 如果你要顯示50行的程式碼的話，手工轉換HTML符號有可能就要花上一些時間了。
HTML Converter讓你只需提供程式碼就可為你返回轉換後的HTML實體。我每天都要用它來在自己的部落格上展示程式碼。
注：相應還有一個HTML Decoder。
點此訪問HTML Encoder
Xenocode Browsers
依我之見，Xenocode瀏覽器乃測試網站在不同瀏覽器顯示效果的終極瀏覽器。Xenocode允許你從網上直接載入IE6、IE7、IE8、Firefox 2、Firefox 3、Google Chrome以及Opera。唯一的弱點是：對於允許Macs和GNU/Linux的PC來說其服務不可用。
點此訪問Xenocode瀏覽器
Test Everything
除了想在許多瀏覽器中測試設計以外，你是不是還期望能在同一個地方測試頁面的頁面排名（PageRank）甚至驗證自己的程式碼對標準的相容性？
如是，則Test Everything 是你不容錯過的網站。此站聚集了超過100種不同的工具，讓你幾乎可以測試網頁上的任何東西。
點此訪問Test Everything
Sprite Generator
毫無疑問，樣式表貼圖定位（CSS Sprite）是可供使用的一項偉大技術，主要是因為它減少了HTTP請求的數量。不過，樣式表貼圖定位需要時間和特定技術，這使得這項技術優點難以使用，尤其是對新手而言。
令人驚豔的Sprite generator讓你可以傳送一個含有影像的zip壓縮檔案。然後它把你的圖片結合進貼圖定位中返回給你，更妙的是，還可以把CSS內碼表生成出來，你只需貼上到主CSS檔案中去即可。
點此訪問Sprite Generator
Buttonator
對於任何一個莊重的部落格或網站來說，好看的按鈕無疑都是必備之物。如果你不瞭解這一點，或者沒時間來建立一些酷酷的按鈕，別擔心：Buttonator 是一個先進的按鈕生成器，還可以免費使用。
此外，如果你對CSS按鈕感興趣的話，別忘了看看我們的十大CSS按鈕指南清單。
點此訪問Buttonator
Load Impact
當網站名字出現在流行網站如Digg或Stumble的首頁上時，你曾有過多少次看到過那些網站是宕掉的？
免費的Load Impact服務允許你對自己的網站應對各種不同的流量衝擊進行測試。WpWebHost託管的網站的結果非常出色。
點此訪問Load Impact
IconFinder
好看的圖示在任何一個專業網站那裡都是不可或缺的。網上有許多免費的圖示，因此IconFinder那幫傢伙決定建立一個免費圖示集散地供你用於設計。毫無疑問，在此你可以輕易地在幾秒鐘時間內找到想要的東西。
點此訪問IconFinder
TypeTester
測試設計中的字型顯示效果有時候是一件吹毛求疵的行為。令人欣慰的是，TypeTester可以讓你測試字型及其屬性的顯示效果。絕對節省時間。
點此訪問TypeTester
CSS Tidy
即便是高階的開發人員經常也要去優化其CSS程式碼。CSS Tidy是免費的線上應用，可修正CSS程式碼的錯誤並對其進行優化。比如說，它可自動偵測冗餘的樣式，這是很常見的CSS程式碼錯誤。
裡面有非常多的設定，可確保你對結果滿意。
點此訪問CSS Tidy
Contact Forms Generators
對於任何一個網站來說表單都是非常重要的一部分，因為它們允許你的讀者或客戶跟你進行互動。通過利用Contact Forms Generator，可生成從網站傳送電子郵件到你的郵箱去的PHP、ASP或甚至是Perl程式碼，你將會在建立表單方面節省下寶貴的時間。
Contact Forms Generator甚至連一點程式設計技巧都不需要。
點此訪問Contact Form Generator
原文： Jean-Baptiste Jung 譯文：boxi