このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
-
#01 Font Awesomeを使ってみよう (02:39) 無料公開中
- 公式サイトの確認
- index.htmlの作成
-
#02 旗のアイコンを表示してみよう (02:57) 無料公開中
- Font Awesomeの導入
- SVG版を利用する際の注意点
-
#03 アイコンのスタイルを指定しよう (02:58) 無料公開中
- fas、far、fal、fab
- アイコンの検索
-
#04 アイコンのサイズを変更してみよう (01:46)
- fa-xs
- fa-sm
- fa-lg
- fa-5x、fa-10x
-
#05 リストにアイコンを使ってみよう (02:44)
- fa-fw
- fa-ul、fa-li
-
#06 回転アニメーションを加えてみよう (02:03)
- fa-spin
- fa-pulse
- 回転に適したアイコンの検索
-
#07 アイコンを変形させてみよう (02:55)
- grow、shrink
- 拡大、縮小倍率の指定方法
- 拡大縮小とサイズ変更の違いについて
-
#08 移動や回転をさせてみよう (02:51)
- up、down、left、right
- rotate
- flip-h、flip-v
-
#09 マスク機能を使ってみよう (02:29)
- マスク機能
- アイコンの微調整
-
#10 アイコンを重ねてみよう (02:29)
- fa-layers
- 重ねたアイコンの色変更
-
#11 アイコンにテキストを重ねてみよう (01:39)
- fa-layers-text
- テキストの微調整
-
#12 疑似要素として使ってみよう (02:48)
- 疑似要素としての使い方
- Unicodeの指定方法
-
#13 CSS版のFont Awesomeを使ってみよう (02:34)
- CSS版のFont Awesomeの導入
- 適用できるクラスの確認
