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

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