舟格财经

全部频道

您的当前位置：首页轻量级的HTML/CSS/JS框架：MUI_html/css

轻量级的HTML/CSS/JS框架：MUI_html/css

来源：舟格财经


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

Features

MUI is designed from the ground up to be fast, small and developer friendly. By design it only includes the basic components you need to build a site that follows Google's Material Design guidelines. Some of the key features of MUI are:

  • Small footprint: mui.min.css - 5.6K, mui.min.js - 3.7K (gzipped)
  • A responsive grid to make mobile-friendly sites
  • No external dependencies
  • CSS library that can be customized with your own colors
  • JS library can be loaded asyncronously
  • Email library for styling HTML emails

    • To get started using MUI, go to the MUI website to see examples and download boilerplate HTML.

    Browser Support

    MUI is tested and works in:

  • IE10+
  • Latest Stable: Firefox, Chrome, Safari
  • iOS 6+

    • Development Quickstart

  • Install dependencies

  • nodejs (http://nodejs.org/)
  • npm (https://www.npmjs.org/)
  • sass (http://sass-lang.com/)
  • http-server (via npm)

  • Clone repository

    $ git clone [email protected]:muicss/mui.git$ cd mui

  • Install node dependencies using npm

    $ npm install

  • Build examples

    $ ./node_modules/.bin/gulp build-examples

    To view the examples you can use any static file server. To use the nodejs http-server module:

    $ npm install http-server$ ./node_modules/.bin/http-server -p 3000

    Then visit http://localhost:3000/examples

  • Watch changes and re-build

    $ ./node_modules/.bin/gulp watch

    • 示例 HTML：

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

    显示全文