ColorCombos

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

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

LIpsum

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

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

What the font?

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

“是什么字體”這項服務讓你可以上傳一個含有字體的標志或圖像，然后告訴你該字體是什么。結果令人驚嘆。

ConvertIcon

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

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

BgPatterns

背景花紋圖案無疑是當今網(wǎng)站設計的趨勢之一。

在BgPatterns.com，你可以瀏覽花樣繁多的花紋并可以免費用到你的網(wǎng)站上。

HTML Encoder

你需要在自己的網(wǎng)站上顯示代碼嗎？如果需要的話，你也許就會明白那有多煩。實際上你就不得不敲 to display 。如果你要顯示50行的代碼的話，手工轉換HTML符號有可能就要花上一些時間了。

讓你只需提供代碼就可為你返回轉換后的HTML實體。我每天都要用它來在自己的博客上展示代碼。

注：相應還有一個HTML Decoder。

Xenocode Browsers

依我之見，Xenocode瀏覽器乃測試網(wǎng)站在不同瀏覽器顯示效果的終極瀏覽器。Xenocode允許你從網(wǎng)上直接加載IE6、IE7、IE8、Firefox 2、Firefox 3、Google Chrome以及Opera。唯一的弱點是：對于允許Macs和GNU/Linux的PC來說其服務不可用。

Test Everything

除了想在許多瀏覽器中測試設計以外，你是不是還期望能在同一個地方測試頁面的頁面排名（PageRank）甚至驗證自己的代碼對標準的兼容性？

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

Sprite Generator

毫無疑問，樣式表貼圖定位（CSS Sprite）是可供使用的一項偉大技術，主要是因為它減少了HTTP請求的數(shù)量。不過，樣式表貼圖定位需要時間和特定技術，這使得這項技術優(yōu)點難以使用，尤其是對新手而言。

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

Buttonator

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

此外，如果你對CSS按鈕感興趣的話，別忘了看看我們的十大CSS按鈕指南清單。

Load Impact

當網(wǎng)站名字出現(xiàn)在流行網(wǎng)站如Digg或Stumble的首頁上時，你曾有過多少次看到過那些網(wǎng)站是宕掉的？

免費的Load Impact服務允許你對自己的網(wǎng)站應對各種不同的流量沖擊進行測試。WpWebHost托管的網(wǎng)站的結果非常出色。

IconFinder

好看的圖標在任何一個專業(yè)網(wǎng)站那里都是不可或缺的。網(wǎng)上有許多免費的圖標，因此IconFinder那幫家伙決定創(chuàng)建一個免費圖標集散地供你用于設計。毫無疑問，在此你可以輕易地在幾秒鐘時間內找到想要的東西。

TypeTester

測試設計中的字體顯示效果有時候是一件吹毛求疵的行為。令人欣慰的是，TypeTester可以讓你測試字體及其屬性的顯示效果。絕對節(jié)省時間。

CSS Tidy

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

里面有非常多的設定，可確保你對結果滿意。

Contact Forms Generators

對于任何一個網(wǎng)站來說表單都是非常重要的一部分，因為它們允許你的讀者或客戶跟你進行交互。通過利用Contact Forms Generator，可生成從網(wǎng)站發(fā)送電子郵件到你的郵箱去的PHP、ASP或甚至是Perl代碼，你將會在創(chuàng)建表單方面節(jié)省下寶貴的時間。

原文鏈接：Web開發(fā)/設計人員應當知道的15個網(wǎng)站