Googleマテリアルデザインフレームワーク「Material Design Lite」を使おう！ |ウェブ転職ナビ
Googleマテリアルデザインの簡単な説明と、マテリアルデザインフレームワークの紹介、Material Design Liteの使い方を解説します。 マテリアルデザインを取り入れることで、誰にでも機能が分かりやすいUIデザイン、大手webサービスと親和性の高いデザインを生み出すことができます。 マテリアルデザイン公式(日本語) この記事で説明してること Googleマテリアルデザインの概要 マテリアルデザインを使ったフレームワークの紹介 Material Design Liteの使い方 既存サイトへのMaterial Design Liteの組込み方 Googleマテリアルデザインの概要 マテリアルデザインとは、Googleが提唱しているデザインガイドライン。 ざっくり言えば、機能を分かりやすくするためのデザイン手法。様々なデバイスに対応し、直観的な操作ができるデザインにするのが目的。 現
Material Design Liteの文字色・背景色変更用class名と色の見本帳 | Webスクリプターがつぶやくブログ
Googleのマテリアルデザインを使ったWebサイトが作れるテンプレート（CSS/JS/HTMLコンポーネント）「Material Design Lite」には、背景色やアクセントカラーの変更用classが準備されています。カラーパレットのようなツールもサイトには存在します。 Material Design Lite（このページの下の方） http://www.getmdl.io/styles/index.html そのカラーリストがないとどの色が何だかわかりにくかったので、自分用に表にしました。あと、CSS側は全部rgb(0,0,0)の形式で書かれているんですが、#000000のような16進数形式の方が（個人的に）わかりやすいので、変換も行っています。 続きを読む >>
Material Design Lite
Blog A mobile focused responsive template that showcases image or text based blog entries, a subscription CTA, search & share links, and an expanded article page with comments, counters and bookmarking capabilities built-in. file_download Download arrow_forward Preview Android.com MDL skin A Material Design Lite version of the current android.com site, using the same content with a horizontal navi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Material Design Lite
mdlhut.com
Learning Material Design Lite: Customizing | Envato Tuts+
