首页  >  文章  >  web前端  >  MUI

MUI

WBOY
WBOY原创
2016-06-24 11:41:301285浏览

MUI 是一个轻量级的 HTML、CSS 和 JS 框架,遵循 Google 的 Material Design 设计思路。MUI CSS可以在使用SASS源码时,通过GitHub或Bower来轻松定制它。自定义的范围包括响应断点,默认字体设置和使用Material Design颜色等等。MUI CSS/JS并不依赖任何其他的程序。

示例 HTML:

<!doctype html><html>  <head>    <meta charset="utf-8">    <meta name="viewport" content="width=device-width, initial-scale=1">    <!-- load MUI -->    <link href="//cdn.muicss.com/mui-0.0.1/css/mui.min.css" rel="stylesheet" type="text/css" />    <script src="//cdn.muicss.com/mui-0.0.1/js/mui.min.js"></script>  </head>  <body>    <!-- example content -->    <div class="mui-container">      <div class="mui-panel">        <h1>My Title</h1>        <button class="mui-btn mui-btn-primary mui-btn-raised">My Button</button>      </div>    </div>  </body></html>

MUI 体积很小:

  • mui.min.css - 5.7K (gzipped)

  • mui.min.js - 3.0K (gzipped)

开发依赖:

  • nodejs ( http://nodejs.org/ )

  • npm ( https://www.npmjs.org/ )

  • bower ( http://bower.io/ )

  • sass ( http://sass-lang.com/ )

  • http-server (via npm)



项目主页:http://www.open-open.com/lib/view/home/1436328101302

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn