第3回 CSS3を利用した一歩先行くCSSデザイン講座
プログレッシブエンハンスメントの考え方を元に、モダンブラウザで実装されているCSS3を習得する講座です。
もちろん、現場で利用できる様にIEなどのCSS3未対応のブラウザ対策や、装飾文字もテキストで作成するためのウェブフォントの利用など、次なるCSSデザインのためのテクニックを学ぶことができます。
カリキュラム
対象者
- 実践的なCSS3の使い方を学びたい方
- プログレッシブエンハンスメントをより理解されたい方
- CSSでより先進的なデザインを実現したい方
開発設定/利用ブラウザ
- TeraPad / Firefox
プログレッシブエンハンスメント
- CSS3を実装するコンセプト
- モダンブラウザとIEの実装
- プログレッシブエンハンスメントの理解
- CSS3の使いどころ
ウェブフォント
- ウェブフォントとは
- ウェブフォントの使いどころ
- IE対応のウェブフォント
- 実務レベルでの利用テクニック
カラーマネージメント
- 出しにくい色の指定方法
- アルファ（透過）指定
CSSデザインテクニック
- 角丸・ボタン・グラデーション デザイン
- テーブルデザイン
- ココまでできるCSSデザイン：CSSデザインの参考サイトの紹介
マルチコラムレイアウト
- 美しいレイアウトのためのコラム計算
- テキストシャドウとボックスシャドウ
- マルチコラムレイアウトを実装するレイアウトテクニック
アニメーション
- 回転・移動・拡大・縮小の利用
- アニメーションの適切なスピードのコントロール