× 無料のユーザー登録をすると学習状況を管理することができるようになります

Font Awesome入門 (全7回)

さまざまなアイコンとして使えるウェブフォントであるFont Awesomeについて、基本的な使い方を学んでいきます。

全7回レッスンの詳細と、完了状況は以下のとおりです。

  タイトル (動画時間 16:31) 学習状況
まずは概要を説明したのちに、公式サイト、必要となる知識、注意事項について見ていきます。
未完了
 
Font Awesomeを使う準備を整えた後にアイコンを表示してみます。
未完了
 
アイコンにCSSを適用することでスタイルを変更してみます。
未完了
 
アイコン付きリストなどを使うときに使えるスタイルについて見ていきます。
未完了
 
アイコンを回転させるためのクラスについて見ていきます。
未完了
 
アイコンに枠線をつける方法、左右に寄せる方法について見ていきます。
未完了
 
アイコンを重ねて表示するためのクラスについて見ていきます。
未完了
 
タイトル 内容
#01 Font Awesomeとはなにか?
  • 概要
  • 公式サイト
  • 必要となる知識
  • 注意事項
  • ひな形ファイルの作成
#02 はじめてのFont Awesome
  • 利用するための準備
  • アイコンの表示
  • アイコンの大きさの変更
#03 アイコンのスタイルを変えてみよう
  • スタイルの変更
#04 リストで使えるクラスを使ってみよう
  • fa-fw
  • fa-ul
  • fa-li
#05 アイコンを回転させてみよう
  • fa-rotate-xxx
  • fa-flip-xxx
  • fa-spin
  • fa-pulse
#06 枠線、左右寄せのためのクラスを使おう
  • pull-right/pull-left
  • fa-border
#07 アイコンを重ねてみよう
  • fa-stack
#01 Font Awesomeとはなにか?
5時間前
このレッスンを受講するにあたっては以下を参考にしてみてください。

・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