有助於提高你的Web開發技能的7個模式庫

　　正如語言風格指南一樣，模式庫有兩個主要用途。首先，是它們提供了一組編碼或設計標準，Web 開發團隊可以在整個網站中應用，有助於保持一致的編碼實踐和外觀；其次，對於要學習網頁設計最佳實踐來說是寶貴的財富。

　　在本文中，我想與大家分享7個網頁設計風格指南和模式庫，這些都是 Web 設計和開發過程中的最佳實踐經驗，值得借鑑。

　　Google HTML & CSS Style Guide

　　首先給大家推薦的是 Google 公司的編碼建議，告訴開發人員應該怎麼寫和格式化 HTML 和 CSS 程式碼。如果你是一個新手，它是一個有益的開端，幫助您培養良好的編碼風格。

　　Yahoo Pattern Library

　　這個是一個真正的設計模式庫，正因為如此，它試圖提供解決方案來解決所有網頁設計師將碰到的問題，包括雅虎的設計師來處理導航，互動和佈局。

　　A List Apart Pattern Library

　　A List Apart 可能是最知名的網頁設計部落格。他們最近釋出了他們自己的模式庫作為努力開源他們的網站的一部分。該模式庫包括該網站設計上的解決方案以及 HTML 程式碼片段的問題。

　　Responsive Web Design Patterns

　　這是一個響應式設計的模式庫，你可以從中學會響應式設計的細節，它涵蓋了從佈局到簡單易懂的示例影像。

　　Interaction Design Pattern Library – Welie.com

　　這個網站的設計雖然老舊，但它確實提供了眾多的設計模式的資料。這是我見到的最全面的模式庫，涉及了設計者將面臨的每一種情況。

　　MailChimp Pattern Library

　　MailChimp 模式庫是作者在建立響應式，靈活，直觀的應用程式過程中的副產品。不斷迭代既需要一個高效的工作流程和明確的，可以快速整合新的使用者介面，而不必增加新的技術或者設計原子元素的集合。

　　Starbucks Style Guide

　　最後登場的是 Starbucks 公司網站的風格指南，包括網格框架的使用、佈局和元件的使用等等。