ホームページ >ウェブフロントエンド >htmlチュートリアル >MUI
MUI
- WBOYオリジナル
- 2016-06-24 11:41:301313ブラウズ
MUI は、Google のマテリアル デザインの設計思想に従っている軽量の HTML、CSS、および JS フレームワークです。 MUI CSS は、SASS ソース コードを使用する場合、GitHub または Bower を通じて簡単にカスタマイズできます。カスタマイズは、いくつか例を挙げると、レスポンシブ ブレークポイント、デフォルトのフォント設定、マテリアル デザインの色の使用など多岐にわたります。 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 (gzip圧縮)
-
mui.min.js - 3.0K (g圧縮済み)
開発の依存関係:
-
nodejs ( http://nodejs.org/ )
-
npm ( https://www.npmjs.org/ )
-
bower ( http://bower.io/ )
-
sass ( http://sass-lang.com/ )
-
http-server (npm経由)
プロジェクトホームページ: http://www.open-open.com /lib/view/home/1436328101302
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。