2017年的6個免費材料設計CSS框架

Google的材料設計：深入研究CSS框架

>

關鍵因素：

自2014年首次亮相以來，Google的材料設計已成為眾多Google產品及其他地區的主要設計語言。 網絡開發人員可以通過各種CSS框架來利用其美學，每個框架都具有獨特的優勢和劣勢。 本文探討了流行的選項，可幫助您選擇最適合自己的項目。 請記住，框架的受歡迎程度和功能可以發展，因此請務必諮詢官方資源以獲取最新信息。

頂級材料設計CSS框架：

>

1. 物質化：

   >以其廣泛的特徵，強大的第三方支持（主題，擴展）和綜合文檔而聞名的廣泛採用的框架。 它的大型社區可確保正在進行的發展和隨時可用的幫助。

   

   專利：
   大型用戶群，主動開發，出色的文檔，強大的第三方生態系統。
   • cons：
   無顯著
   • >>理想的：初學者和項目需要一個功能豐富，支持良好的框架。
   >
   > MUI：一個輕巧的框架，可與Angular，React和Web組件提供現成的兼容性。 它的詳細文檔是一個重要的優勢。
>

2. pros：出色的跨平台支持，詳盡的文檔。

   • cons：>有限的第三方支持。 >
   • 理想的理想：>使用Angular，React或Web組件的項目。
   • 表面：簡約，輕巧的框架非常適合快速原型製作和較小的項目。 雖然它的文檔比其他文檔不那麼廣泛，但足以進行基本實施。
   >

3. >pros：

   輕量級，最小設計。

   >

   cons：
   較小的社區，較不全面的文檔。
   • > >理想的：
   快速原型，簡約設計。
   • 材料基礎：構建在Zurb Foundation框架上，此選項非常適合已經熟悉基礎的開發人員。但是，它的開發看起來很慢，可能阻礙了未來的更新和支持。
   >

   

   • pros：與粉底集成。
   >
   • cons：小社區，緩慢的發展。
   >
   • 理想的：> Zurb Foundation經驗豐富的開發人員
   >

4. >材料設計精簡版（MDL）：

   雖然以前由Google流行和開發，但MDL現在受到有限的支持。 開發已過渡到網絡的材料組件。

   >

   • PROS：
   Google支持的，強烈遵守材料設計原理（遺產）。
   • cons：有限的支持，開發停止。
   >
5. Web（M2）的材料組件（M2）：MDL的繼任者，M2提供模塊化，對材料設計的強烈依從性以及與JavaScript框架的無縫集成。 它由Google積極維護。

   

   pros：
   Google維護，模塊化，與JS Frameworks很好地集成。 與物質化相比
   • 獎勵：材料-UI（基於React）

材料-UI雖然不是嚴格的CSS框架，但為使用React組件實施材料設計提供了一種強大的方法。 它擁有一個大型而活躍的社區。

PROS：

利用React的力量和生態系統。 在

選擇正確的框架：

>
• 在做出決定時考慮這些因素：
• 社區規模：較大的社區提供更多的支持和第三方資源。

活動開發：

頻繁更新可確保錯誤修復和新功能。

文檔質量：

清晰的文檔簡化了學習和實施。

• >易用性：>選擇一個與您的技能和項目要求保持一致的框架。
• >最終，最佳框架取決於您的特定需求和偏好。 這種詳細的比較為做出明智的選擇提供了堅實的基礎。

以上是2017年的6個免費材料設計CSS框架的詳細內容。更多資訊請關注PHP中文網其他相關文章！