ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2024/10/03
NEW
【週刊ドットインストール】 DHHのお話、レッスン制作の進捗、その他のいろいろ
PREMIUM
Font Awesome 5入門
Webサービスやアプリで広く使われているFont Awesomeについて基本的な使い方を学んでいきます
0%
このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
動画レッスン一覧
(13)
#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の導入
適用できるクラスの確認
未完了
リリース情報(note)
『Font Awesome 5入門』を追加しました
詳細情報
最終更新日
2018年1月29日
バージョン情報
Font Awesome 5.0.4