読者です 読者をやめる 読者になる 読者になる

webhack / 猫とウェブ技術が好き

javascriptやcssやHTML5とかサーバーサイドの技術やプロジェクトマネジメントとかウェブに関するマーケティングとかWEBを取り巻く全般を好きに書くブログ

マテリアルデザイン(Material Design)フレームワークのリンク集

CSS ウェブデザイン マテリアルデザイン レスポンシブデザイン

マテリアルデザインのガイドラインを出していたGoogleから公式のフレームワークも登場するなど、今年に入ってマテリアルデザインフレームワークが充実してきました。

マテリアルデザインが盛り上がる背景として、ウェブページとアプリの両方で使いやすい(特にアプリ)、Googleが推奨している、評判が良いなどの理由があります。

用途に合わせてフレームワークを導入しないと半年後に作り直しといった事になりかねますので、この記事は技術の選択・検討漏れを防ぐ事を目的にマテリアルデザイン(Material Design)フレームワークをリンク集形式でまとめます。

このページは定期的に更新する予定です。

Paper - Bootstrap Material Design

MaterialDesignLibrary

ウェブページ向けではなくAndroidアプリ向けのGUIツールキットです。

Android Support Library(マテリアルデザインコンポーネントを含む)

ウェブページ向けではなくAndroidアプリ向けのGUIツールキットです。

MaterialKit

ウェブページ向けではなくiOSアプリ向けのGUIツールキットです。

まとめ

マテリアルデザインはウェブとアプリの両方で利用できるコンパチブルなUIとしてCSSフレームワーク/GUIツールキットの両方で提供されていきそうです。

混合されやすいレスポンシブCSSフレームワークとは明確に別の性質をもっていますね。