1. ColorCombos
配色是 Web 設計的首要大事，Color Combos 幫你預備了數千種配色方案，可以根據色調瀏覽選取。



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


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



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


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



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


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


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



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



10. Buttonator 這個網站可以幫你設計漂亮的按鈕。



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



12. IconFinder
這個網站收藏了大量來自網絡的免費圖標。



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


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



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


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

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

Web 設計與開發者必須知道的 15 個站點