マテリアルアイコン入門

Googleが配布しているマテリアルアイコンの使い方を見ていきます。

#01 マテリアルアイコンを使ってみよう (02:45)
- 公式サイト
- アイコンの使い方
#02 学習の準備を整えよう (01:39)
- プロジェクトフォルダの設定
- index.htmlの作成
#03 マテリアルアイコンを読み込んでいこう (01:58)
- linkタグの設定
- styles.cssの作成
#04 アイコンのスタイルを変更しよう (02:25)
- アイコンの配置
- アイコンのスタイリング
#05 チェックボックスを配置してみよう (02:37)
- チェックボックスの配置
- 動作確認
#06 背景色に応じたスタイルを付けてみよう (01:36)
- md-dark
- md-light
- md-inactive

このレッスンでは、以下のレッスンで紹介した内容をベースにしています。わからない点があった場合は、こちらも参考にしてみてください。

マテリアルアイコンの利用は無料ですか？

2020年10月2日

3分動画でマスターできるプログラミング学習サービスです。あなたもプログラミングを始めてみませんか？

ドットインストール - 3分動画でマスターできるプログラミング学習サービス