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中文网其他相关文章！