Materialize 基于 Material Design 的主流前端响应式网页开发框架

Question

Materialize 简化开发人员的开发并提升了用户体验。

Materialize 是一个使用 CSS，JavaScript 和 HTML 创建的 UI 组件库。实现 UI 组件有助于构建有吸引力，一致和功能的网页和网络应用程序，同时坚持现代网络设计原则，如浏览器可移植性，设备独立性和优雅的降级。它有助于创建更快，更美观，更灵敏的网站。它的灵感来自Google Material Design。

特点

无论是开发者还是网站用户，Materialize 都能帮助您简化您的生活。

快速开发

我们做最繁重的工作为你提供一个默认的风格，把我们的自定义组件。此外，我们精致的动画和转换，为开发人员提供一个更流畅的体验。

用户体验

通过利用元素和素材设计的原则，我们创建一个框架，采用组件和动画，提供更多的方便给用户。此外，一个单一的底层响应系统在所有平台上允许一个更统一的用户体验。

简单使用

我们已经提供了详细的文档，以及特定的代码示例，以帮助新用户开始使用。我们也总是开放的反馈，并可以回答任何问题，用户可能有关于实现。

使用方法

1、引入 JS 文件和 CSS 文件

<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css">
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js"></script>

一般将 JS 文件放在页面 body 标签的末端以减少页面的加载时间，必须在 materialize.js 之前引入 jQuery 文件。

关于组件的使用请访问 Materialize 中文文档。