Font Awesome入門 (全7回)
さまざまなアイコンとして使えるウェブフォントであるFont Awesomeについて、基本的な使い方を学んでいきます。
全7回レッスンの詳細と、完了状況は以下のとおりです。
| タイトル (動画時間 16:31) | 学習状況 | |
|---|---|---|
|
#01 Font Awesomeとはなにか? (02:31)
まずは概要を説明したのちに、公式サイト、必要となる知識、注意事項について見ていきます。
|
|
|
|
#02 はじめてのFont Awesome (02:29)
Font Awesomeを使う準備を整えた後にアイコンを表示してみます。
|
|
|
|
#03 アイコンのスタイルを変えてみよう (02:12)
アイコンにCSSを適用することでスタイルを変更してみます。
|
|
|
|
#04 リストで使えるクラスを使ってみよう (02:24)
アイコン付きリストなどを使うときに使えるスタイルについて見ていきます。
|
|
|
|
#05 アイコンを回転させてみよう (02:36)
アイコンを回転させるためのクラスについて見ていきます。
|
|
|
|
#06 枠線、左右寄せのためのクラスを使おう (01:36)
アイコンに枠線をつける方法、左右に寄せる方法について見ていきます。
|
|
|
|
#07 アイコンを重ねてみよう (02:43)
アイコンを重ねて表示するためのクラスについて見ていきます。
|
|
| タイトル | 内容 |
|---|---|
| #01 Font Awesomeとはなにか? |
|
| #02 はじめてのFont Awesome |
|
| #03 アイコンのスタイルを変えてみよう |
|
| #04 リストで使えるクラスを使ってみよう |
|
| #05 アイコンを回転させてみよう |
|
| #06 枠線、左右寄せのためのクラスを使おう |
|
| #07 アイコンを重ねてみよう |
|
必要となる知識について
・HTML入門 (全24回)
http://dotinstall.com/lessons/basic_html_v3
・CSS入門 (全18回)
http://dotinstall.com/lessons/basic_css_v2
・CSS3入門 (全19回)
http://dotinstall.com/lessons/basic_css3