ホームページ > ウェブフロントエンド > htmlチュートリアル > 軽量の HTML/CSS/JS フレームワーク: MUI_html/css_WEB-ITnose

軽量の HTML/CSS/JS フレームワーク: MUI_html/css_WEB-ITnose

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


MUI は、Google のマテリアル デザインの設計思想に従っている軽量の HTML、CSS、および JS フレームワークです。 MUI CSS は、SASS ソース コードを使用する場合、GitHub または Bower を通じて簡単にカスタマイズできます。カスタマイズの範囲は、レスポンシブ ブレークポイントからデフォルトのフォント設定、マテリアル デザイン カラーの使用などに及びます。 MUI CSS/JS は他のプログラムに依存しません。

特徴

MUI は、高速、小型、開発者向けに設計されており、Google のマテリアル デザイン ガイドラインに準拠したサイトを構築するために必要な基本コンポーネントのみが含まれています。 :

小さなフットプリント: mui.min.css - 5.6K、mui.min.js - 3.7K (gzip圧縮)
  • モバイルフレンドリーなサイトを作るためのレスポンシブグリッド
  • 外部依存関係なし
  • CSSライブラリ独自の色でカスタマイズ
  • JS ライブラリは非同期で読み込むことができます
  • HTML メールのスタイルを設定するためのメール ライブラリ
  • MUI の使用を開始するには、MUI の Web サイトにアクセスして例を確認し、ボイラープレート HTML をダウンロードしてください。

ブラウザのサポート

MUIテスト済みで動作します:

IE10+
  • 最新の安定版: Firefox、Chrome、Safari
  • iOS 6+
  • 開発クイックスタート

依存関係のインストール
  • nodejs (http://nodejs.org/)
    • npm (https://www.npmjs.org/)
    • sass (http://sass-lang.com/)
    • http-server (npm経由)
  • リポジトリのクローン
  • rree

  • npm を使用してノードの依存関係をインストールする
  • $ git clone [email protected]:muicss/mui.git$ cd mui
    ログイン後にコピー

  • ビルドサンプル
  • $ npm install
    ログイン後にコピー

    サンプルを表示するには、任意の静的ファイルサーバーを使用できます

    次に、http://localhost:3000/examples

    にアクセスします。

    見る変更して再構築します

    $ ./node_modules/.bin/gulp build-examples
    ログイン後にコピー

  • サンプルHTML:

    $ npm install http-server$ ./node_modules/.bin/http-server -p 3000
    ログイン後にコピー

  • プロジェクトホームページ:

    http://www.open-open.com/lib /view/home/1436230157833

    ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート