JSPで行こう!

MUIの理解

デザインとして、マテリアルデザインの MUI  を使っています。

そもそもデザインの基礎が解っていないので、私自身のお勉強といったところです。

・MUI のコンポーネント

ボタンやタブといった画面構成部品。

属性は class に "mui-"をプリフィックスとして指定する。書式と効果はほとんど Bootstrap に準じているようです。
ただし、完全互換ではなく、サブセット。

・テーマ(色・デザイン)

デーマという考え方は特に無いようです。"色"についても、特に記載がありません。

Bootstrap では、コンテキストカラーがデフォルトで用意されていますが、MUIは殆ど無いです。
例えば、「パネル」で見ると、UI では、"mui-panel" しかありません。
(Background color 位はあるようです)
Bootstrap では、"-default"、"-primary"とかあります。
「自分で好きにしなさい」という事ですかね?

・MUIのカスタマイズ

公式のサイトの説明をざっと見ると、
MUIのカスタマイズは、デフォルトの色やサイズを変更するのが目的です。
MUIは Sass(メタ言語)で書かれていて、変更箇所を記述したファイルを用意して、
コンパイルして、css を作成するようです。

自分では試していませんが、bower(パッケージ管理ツール)を入れたり、bowerを動かすのに、
node.js を入れたりしなければならないので、面倒そうです。

基本、初心者が行うことではなさそうです。

« 前頁 次頁 »