作者authorSawser
來源http://sawse.com/2007/11/21/top-12-sites-and-tools-for-web-design-and-inspiration/
不管你是專業還是業餘的網頁設計者，或者僅僅想了解一下網頁設計是何物的，這裏有些好棒的資源值得去瀏覽並收藏。這些收藏涵蓋了各種設計類型：入門教程、工具、免費字體、照片素材、矢量圖片。這些站點已經被分成三類：啓發靈感類、教程類、資源類。
翻譯：sinker
啓發靈感類：
一個演示網站，用來展示基於css+div定義的頁面到底能精巧呈現出什麼東東，並且提供模板下載。從右側或左側列表裏選擇一個樣式，點擊後，網站首頁將變成相應的css定義的風格。zen garden目標是鼓勵、激勵提倡分享。你可以提交你的css文件，來定義這個網站的頁面樣式。
Web Design Inspiration fllickr網絡相冊上一個圖片集，收集各種優秀的網頁設計，總共400多個。（可惜flickr已經被和諧了，大陸用戶無法正常方位)
Web Creme 提供優美簡潔樣式網站的截圖 爲網頁設計師去瀏覽的網站且更新頻繁。這些截圖能夠讓設計師很簡便的回訪，如果他們有尋找簡潔設計靈感跟新鮮的內容的需求。
Unmatched Style 一個正在不斷成長壯大的社區，致力於承認認可那些使用css層樣式跟網頁標準的優秀網站。通過認可這些優秀的設計，其他設計師跟商業機構能夠得到鼓勵並發現他們期望自己網站能夠實現的方向。
與上面網站相似，爲網友收集提供基於css的網站。它的目的是展示網站設計師的作品並充當一個進入css設計領域的入口。如果你有尋求鼓勵學習的需求就該訪問這裏。
那些對設計網站癡迷或感興趣的人，不管你是菜鳥還是專家。它可以幫助你理解什麼能夠導致網站成功或失敗，什麼能夠去做的去增加成功的機會。你不需要成爲網頁設計就能夠從這個網站受益。
Web 2.0 How-To Design Style Guide:
作者介紹有關web2.0設計類型中的各種圖形設計元素，並說明爲什麼這種設計元素會被廣泛運用，以及在你的設計中哪些地方可以嘗試運用這些元素。
Top 50 Logo Design Tutorials 標誌設計教程網站，點擊縮略圖進去查看所選logo標誌的設計步驟。
51 Photoshop Text Effect Tutorials. photoshop字體特效教程網，都是些非常精彩的特效效果。
Web Design Resources:資源類
Open Source Web Design 免費網頁模板下載站
Blue Vertigo 綜合素材資源下載站，包括圖片素材、筆刷、矢量圖片素材、免費字體等。
Browser Shots 在線測試你的網站在不同操作系統不同瀏覽器裏的預覽情況，很實用的一個工具，特別是現在都流行用div+css 做頁面，瀏覽器的兼用性是個大問題。
原文original：Whether you are a professional or amateur web designer, or simply want to learn more about how web design works, these are great resources to browse and bookmark. This collection covers various design styles, guides and tools as well as free fonts, stock photographs and vector images. These have been organized into three complimentary categories: inspiration, guides and resources. Enjoy!