１. ステップ７～Web Fonts with CSS編その４ 　Font Awesome Animation 前半でアイコンアニメーションのほとんどが、transform プロパティの translate 関数と rotate ...

１. ステップ６～Web Fonts with CSS編その３ いよいよ Font Awesome Animation です。16種類のアニメーションクラスが用意されているので順番に見ていきます。 (注）古いブラウザでは、C...

１. ステップ５～Web Fonts with CSS編その２ CSSアニメーションについて説明します。Font Awesome の公式で用意されたアニメーションクラスはクルクル回るアニメーションとカチカチ回るアニメーションだけで...

１. ステップ４～Web Fonts with CSS編その１ ここからは Font Awesome のアイコンを「Web Fonts with CSS」というネーミングらしく、CSSで独自にスタイルを設定して、ステップ２とステッ...

１. ステップ３～基本編その２ 当サイトSOBOKONAでは動きのあるアイコン・アニメーションアイコンを多く取り上げていきます。ステップ３は引き続き Font Awesomeアイコンの基本的な使い方について解説しますが、後半で動き...

１. ステップ２～基本編その１ 「Web Fonts with CSS」は Font Awesome が提供しているフレームワーク(アイコン集＋アイコン表示ツール)のひとつです。ステップ１～導入編では、「Web Fonts with...

１. Font Awesomeとは？ Font Awesome はアイコン集とアイコンを表示するツールのセットです。まずは実際に Font Awesome を見ましょう。次の例のように、ブラウザに絵・アイコンみたいなもの...