WebデザイナーのためのCSS3実践講座

「Font Awesome」のご紹介

全333コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
アイコンフォントを利用するにあたっての便利なツールキット、「Font Awesome」について、簡単にご紹介致します。
講師:
02:24

字幕

このレッスンでは アイコンフォントを 利用するに当たっての便利なツールキット― フォントオーサマウについて ご紹介していきます 今 画面に表示されているのが フォントオーサム― のウエブサイトとなっています フォントオーサムはフォントアイコンを 便利に且つ 簡単に扱うことができる― ツールキットとなっていて フォントファイルと CSS のセットで― 構成されています こちらのフォントーオーサムを 扱うに当たっては ジャバスクリプト等― といった特別な技術は必要としません 専用に用意された html タグと 各アイコンに紐付けられたクラスを― 付けるだけで簡単に利用することが できるようになります また その他のフォントアイコンと同様に フォント自体はベクター画像となっている為― 高解像度のデバイスでも鮮明に 表示させる事が出来 また CSS で― その見栄えを調節することも可能です さて このフォントオーサムで 提供されているアイコンの種類ですが― こちらのウエブサイトのこの Icons というメニューボタンから― 確認することができます それでは クリックしてみましょう そして このようなページが表示されてきます そして このページを下に見ていくと この様にフォントオーサムを使う事によって― 利用できる汎用的なフォントが 数多く登録されているのが分かりますね 更に これらのアイコンをクリックしてみると この様に表示のされ方などを― 確認する事ができて それに紐付いているクラスなどを 確認することもできます このチャプターでは このフォントオーサム というものを利用して フォントアイコンを― ウエブサイト上に表示させる方法について 学んでいきたいと思います 以上でレッスンは終了です 今回はアイコンフォントを 利用するに当たっての便利なツールキット― フォントオーサムについて 簡単にご紹介致しました 以降のレッスンでは このフォントオーサムの 利用に当たっての準備の方法について― 解説していきますので そちらも合わせてご覧ください

WebデザイナーのためのCSS3実践講座

このコースでは、実際にWebデザインを行うときに頻繁に利用するCSS3の新機能と使い方を解説します。具体的にはWebフォント機能やFont Awesomeを使ったアイコンの表現方法、マルチカラムレイアウトや丸角ボックスの作成方法、アニメーションができるトランジション機能やトランスフォーム機能について紹介します。

2時間15分 (29 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 2,990
発売日:2015年06月09日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。