早前访问 Google Design 网站，在 Resources 目录下看到了 Material Design Lite 链接。我好奇点开，一下子就被 MDL 组件库的魅力吸引住了。后来详细阅读 Material Design 文档，才明白 Material Design Lite (MDL) 是一个基于 Material Design 理念的 Web 开发组件库。于是乎，我被带到了学习 Material Design 的浪潮。

官方介绍：“MDL 组件由 CSS，JavaScript 和 HTML 创建。你可以使用该组件创建有吸引力的统一的和功能化的网页和 Web 应用。用 MDL 创建的页面能够坚持现代网页设计的原则如浏览器抑制性，设备独立性，和优雅降级。”

MDL 组件库包含 Badges（徽章）、Buttons（按钮）、Cards（卡片）、Dialogs（对话框）、Layout（布局）、Lists（列表）、Loading（加载动画）、Menus（菜单）、Sliders（滑块）、Snackbar（弹出通知）、Toggles（选择控制器）、Tables（表格）、Text Fields（文本框）和 Tooltips（工具提示）。

想要学习 MDL 组件库的朋友可以访问 Material Design Lite（英文）网站或者 Material Design Lite（中文）网站。

MDL 组件库（Google）没有 Bootstrap（Twitter）成熟，MDL 组件库有些局限性。例如：MDL 组件库的组件比较少，没有 <select> 下拉菜单等；MDL 组件库在很多地方只是一个大致的模板，并没有细化；MDL 组件库大量采用 Flexbox 布局，这在需要兼容低端浏览器的项目中无疑是最大的致命伤。

虽然 MDL 组件库不是很完美，但是我还是非常喜欢这套 Web 开发组件库。我们完全可以放心大胆的运用在自己的小项目中。

在今年暑假在校实习期间，我就把 MDL 组件库运用到我的项目之中（项目链接：MAIPAE）。说实话，MDL 组件库不仅省去了设计界面的时间，而且还省去了编写样式的时间。15 天的在校实习，写文档占据我们一半的时间，剩下一半时间编程实现。我们没有过多的时间花在页面上，我们主要把编码时间花在了功能实现上。感谢 MDL 组件库，让我们的项目在理想的预期时间内完成。

如果你也喜欢 Google 的 Material Design，不妨花点时间欣赏一下。