codecamp
关于

关于

Material Design Lite

您可以利用 Material Design Lite 向您的网站添加 Material Design 外观和感受。它不依赖 JavaScript 框架,旨在针对跨设备使用进行优化,可在较旧的浏览器中正常降级,并提供立即可实现的体验。现在就开始吧

Templates

Material 设计 Lite 组件由 CSS、JavaScript 和 HTML 创建而成。你可以使用组件来构建具有吸引力的、兼容不同设备的和实用的网络应用程序。使用 MDL 开发的页面将遵循现代网页设计原则,如浏览器可移植性,设备独立性和高度兼容性。

Components

Styles

Customize

MDL 组件库包括新版本的常用用户界面控件,如按钮,复选框和文本字段,适用于遵循 Material Design 概念(的 Web 应用程序)。图书馆还包括增强和专门的功能,如卡,列布局,滑块,旋转器,选项卡,排版等。MDL 可以免费下载和使用,可以使用或不使用任何库或开发环境(就像 Web Starter Kit 那样)。这是一个跨浏览器的跨操作系统 Web 开发人员的工具包,可以由任何想要编写更高效,便携和最重要的可用网页的人使用。

组件下载地址:https://getmdl.io/started/index.html#download Twitter: https://twitter.com/googledesign GitHub: https://github.com/google/material-design-lite Google+: https://plus.google.com/+googledesign Web Starter Kit: https://developers.google.com/web/starter-kit/ 帮助:https://github.com/google/material-design-lite/issues

[1] Material Design: http://google.com/design/spec [2] 现在就开始吧:https://getmdl.io/started/index.html [3] Web Starter Kit: https://developers.google.com/web/starter-kit/

关于手册
引入主 CSS 和 JavaScript
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关于

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }