CSS3講座 CSS3 デザイン講座
第7回Flashの様なデザインを実現する
CSS3講座
デザイン表現の幅が広がるCSS3をキチンとマスターしていただくための講座です。 CSSのプロパティをコピーペースとすればある程度の事は実現は可能ですが、むやみやたらに利用するのは危険です。特にスマートフォンでの実装はパフォーマンスが命ですので、CSS3利用して逆効果になる場合があります。
この講座では、スマートフォンでの実装のポイントやブラウザによるCSS3プロパティのサポート差異の吸収方法を含め、プログレッシブエンハンスメントの 概念を理解し実践的なデザイン方法を学ぶことができます。
CSS3を利用して自分の思う通りにデザインする技術と、ブラウザでのアクセルフルな技術をマスターしましょう。CSS3の事は全然知らない方でもCSSの基本を理解していれば受講する事ができます。
対象
- 案件で実践的にCSS3を利用したい方
- モバイル案件の開発に CSS3が必要な方
- CSS3 はまだ利用できないと考えている方
- CSS3 で先進的なデザインを実現したい方
カリキュラム
開発設定/利用ブラウザ
- OS：Windows Vista, Mac OSX 6.0
- エディタ：TeraPad
- ブラウザ：Safari, Chrome
プログレッシブエンハンスメント
- CSS3を実装するコンセプト
- モダンブラウザとIEの実装
- プログレッシブエンハンスメントの理解
- CSS3の使いどころ
Webフォント
- Webフォントとは
- Webフォントの使いどころ
- IE対応のウェブフォント
- 実務レベルでの利用テクニック
カラーマネージメント
- 出しにくい色の指定方法
- アルファ（透過）指定
CSS3テクニック
- 角丸・ボタン・グラデーション デザイン
- テーブルデザイン
- ココまでできるCSS3：CSS3の参考サイトの紹介
マルチコラムレイアウト
- 美しいレイアウトのためのコラム計算
- テキストシャドウとボックスシャドウ
- マルチコラムレイアウトを実装するレイアウトテクニック
アニメーション
- 回転・移動・拡大・縮小の利用
- アニメーションの適切なスピードのコントロール