1. ColorCombos
配色是 Web 設(shè)計的首要大事，Color Combos 幫你預(yù)備了數(shù)千種配色方案，可以根據(jù)色調(diào)瀏覽選取。



2. LIpsum
Lorem Ipsum Text 是一中自造的，字典中不存在的單詞，是在演示頁面結(jié)構(gòu)的時候，需要加文字的地方使用 Lorem Ipsum Text 填充可以避免用戶因關(guān)注文字的意思而分神。Lipsum.com 可以幫你生成制定數(shù)目的 Lorem Ipsum 單詞。


3. What the font?
有時候你對某個 Logo 感興趣，想知道是拿什么字體做的，可以將 Logo 圖片上傳到這個網(wǎng)站，結(jié)果之準確會讓你難以置信。



4. ConvertIcon
Favicon 越來越受歡迎，尤其隨著 Firefox 的流行，F(xiàn)irefox 會將你站點的 Favicon 標志顯示在標簽上，也會顯示于書簽，F(xiàn)avicon 支持多種圖形格式，比如 png，但 IE 并不支持 png，該站點可以幫助你將 png 等圖片格式的 Favicon 轉(zhuǎn)換成 IE 支持的 ico 格式。


5. BgPatterns
現(xiàn)代 Web 設(shè)計的趨勢之一包括使用背景圖案， BgPatterns.com 可以幫你設(shè)計背景圖案，他們有大量可選的圖案，可以按不同方式接合，還可以設(shè)置透明度。



6. HTML Encoder
如果你要在網(wǎng)站中顯示 Web 代碼，那將是非常煩人的事，你必須將諸如 < 一類的符號用編碼表示，這個網(wǎng)站可以幫你做這些事情，只需將你的代碼復(fù)制進去，他們會幫你生成可以直接使用的代碼。還有 HTML Decoder 幫你做相反的事。


7. Xenocode Browsers
該網(wǎng)站非常有用，可以直接在站點中預(yù)覽你的網(wǎng)站在 IE6， IE7， IE8， Firefox 2， Firefox 3， Google Chrome 以及 Opera 中的樣子。唯一的不足是，不支持 Mac 和 Linux 環(huán)境下的瀏覽器。


8. Test Everything
這個網(wǎng)站包含了超過 100 中工具幫你測試幾乎所有東西，如跨瀏覽器兼容，查 PR 值，甚至幫你驗證代碼。



9. Sprite Generator
CSS Sprites 在顯著降低 HTTP 請求方面功不可沒，但 CSS sprite 可不是個簡單的技術(shù)， Sprite generator 可以幫你做這些繁復(fù)的工作，將你的圖片打包成 zip 上傳上去，他們會把你的圖片組合成 sprite，還幫你生成 CSS 代碼。



10. Buttonator 這個網(wǎng)站可以幫你設(shè)計漂亮的按鈕。



11. Load Impact
這個壓力測試站點可以幫你測試你的站點的抗壓能力，如果你的某篇文章曾經(jīng)上過 Digg 或 StumbleUpon 等網(wǎng)站的首頁，你就會知道抗壓測試多么重要。



12. IconFinder
這個網(wǎng)站收藏了大量來自網(wǎng)絡(luò)的免費圖標。



13. TypeTester
該站點可以幫你測試不同字體的顯示效果。


14. CSS Tidy
這個站點可以幫你檢查 CSS 代碼，并修正其中的錯誤，比如，它可以發(fā)現(xiàn)你的 CSS 代碼中最常見到重復(fù)設(shè)置問題。



15. Contact Forms Generators
自定義表單可以幫助你實現(xiàn)同訪問者的互動，無需編程，就能快速生成訪客反饋表單，甚至幫你生成郵件發(fā)送 PHP， ASP， Perl 代碼。


本文來源： 15 sites web developers and designers should know

(引自： http://news.cnblogs.com/n/48286/ )

Web 設(shè)計與開發(fā)者必須知道的 15 個站點