谷歌推出前端开发框架 material-design-lite

泡在网上的日子 / 文 发表于2015-07-08 16:38 次阅读 前端

项目地址:https://github.com/google/material-design-lite 

项目文档及演示地址:http://www.getmdl.io/index.html 



1436344734713251.png


近日 Google 发布了前端开发语言框架 Material Design Lite (MDL),包含一些符合其设计风格的按钮、复选框、输入区、排版样式、以及对应的网格系统和自适应排版系统。与 Twitter 推出的Bootstrap 类似,MDL 是为了帮其他开发者快速实现统一的网站风格。

与之前发布的一些设计元素库(Polymer web library)不同的是,MDL 对于版面整体设计有比较具体的规范,它使用 Sass 语言结合 CSS(BEM 规范)工具写成,可以适配不同尺寸的屏幕。最简单的使用方法是下载 CSS 或通过 npm 或 Bower 导入 MDL。

MDL 工具可以用来创建不同形式的网站,如博客:


Image title

Image title

重内容型网站:

Image title

后台管理页面:


Image title

MDL 与大部分浏览器都可以完美兼容,如 Chrome、Firefox、Opera、Microsoft Edge 和 Safari,目前对于 IE9 无法做到其他的 A 级兼容,只能 B 级。MDL 目的是为了帮助开发者快速应用 MD 设计体验,比较适用于功能单一的静态页面,统一设计风格规范和动态页面还是建议使用完整的 Material Design 和 Polymer 框架。

原创文章,作者:糖醋



收藏 赞 (9) 踩 (0)
上一篇:图解Javascript上下文与作用域
本文尝试阐述Javascript中的上下文与作用域背后的机制,主要涉及到执行上下文(execution context)、作用域链(scope chain)、闭包(closure)、this等概念。 Execution context 执行上下文(简称上下文)决定了Js执行过程中可以获取哪些变量、函数、数据
下一篇:ConvertToUTF8:解决 Sublime Text的乱码问题
sublime text是一款可以和notepad++媲美的代码编辑器,甚至比notepad++更好用。而且mac下面,没有notepad++,所以这可能是轻量级编辑器的唯一选择了。 第一次使用就被其惊艳的代码排版吸引了。 这种排版非常适合做前端的同学。 然而一开始就遇到乱码的