• twitterアイコン
  • facebookアイコン
  • LINEアイコン

マテリアルデザインでダッシュボードを作った

いま作っているWebサービスでマテリアルデザイン採用することにしました。
Bootstrapはいわゆる『ブート感』てんこ盛りという感じで飽きている人もいそうですし、自分としても新しいCSSフレームワークを触ってみたいと思っていたのがきっかけです。

マテリアルデザイン用のCSSはたくさんありますが、今回は一番有名そうなMaterializeを使うことにしました。

詳しくはQiitaを参照してください!(雑)
10分でマテリアルデザインのダッシュボードを作る

手順通りに進めるとこのようなダッシュボードができます。



使ってみて思ったのは、
・デザインを知らなくてもそれっぽいUIになる
・モーダル、パララックス、タブなどが非常に簡単に実装できる
・細かいアニメーションが気持ちいい
ですね。

特にアニメーション部分がいいですね。Bootstrapにはない気持ちいアニメーションが作れます。

Webサービスを作るときはどんどん使っていこうと思います!