著名サイトの事例で学ぶ 最新デザイントレンドと構築技法
「スマフォサイトをどうつくる?」の悩みを解決!いま習得したい制作ノウハウをていねいに解説しました。
・CSSスプライト
・Webフォント
・アニメーション
・jQuery
・ナビゲーションのデザインパターン
・メインビジュアルのデザインパターン
・レスポンシブWebデザインのパターン
・CSS3で追加となった新プロパティを使ったUIデザイン
HTML5の記述方法
HTML5の要素
サイトから見るセマンティック・マークアップ
CSS3の基礎知識
jQueryについて
ブラウザのCSS3の対応状況を確認する
画像を使わないボタンのデザイン
セレクタ
擬似クラス:nth-child(n)の例
アニメーション1
アニメーション2
CSSスプライトを使用するメリット・デメリット
CSSスプライトの使い方
CSSスプライトの実用例
Webフォント
Webフォントを利用したサイト
@font-faceルールの説明
CSSによるタイポグラフィのデザイン
クラウドフォントサービスを利用する
ナビゲーションのデザインパターン
メニューアイコンのパターン
メインビジュアルのパターン
グラフィックイメージ1
グラフィックイメージ2
モバイルファーストとは
レスポンシブWebデザインの概念
レスポンシブWebデザインの特徴
レスポンシブWebデザインの5つのレイアウトパターン
レスポンシブWebデザインの5つのレイアウトパターン実例
レスポンシブWebデザインのサイトを設計制作するうえで便利なサイト