コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

MUI

WBOY
リリース： 2016-06-24 11:41:30
オリジナル
1284 人が閲覧しました

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

関連ラベル：
MUI - Material Design 设计思路的 CSS 框架
ソース：php.cn
前の記事：Position_html/css_WEB-ITnose の相対位置と絶対位置 次の記事：CSS での ! important の使用法と IE6_html/css_WEB-ITnose でのパフォーマンス
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
2
1995
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
10
2159
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1823
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1716
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1737
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート