CSS3でつくる スマートフォンサイトデザイン

「スマフォサイトをどうつくる？」の悩みを解決！いま習得したい制作ノウハウをていねいに解説しました。

・CSSスプライト
・Webフォント
・アニメーション
・jQuery
・ナビゲーションのデザインパターン
・メインビジュアルのデザインパターン
・レスポンシブWebデザインのパターン
・CSS3で追加となった新プロパティを使ったUIデザイン

第1章　HTML5の基礎知識

HTML5の記述方法
HTML5の要素
サイトから見るセマンティック・マークアップ

第2章　CSS3の基礎知識

CSS3の基礎知識
jQueryについて

第3章　ユーザー・インターフェイス（UI）デザイン

ブラウザのCSS3の対応状況を確認する
画像を使わないボタンのデザイン
セレクタ
擬似クラス：nth-child(n)の例
アニメーション1
アニメーション2

第4章　CSSスプライト

CSSスプライトを使用するメリット・デメリット
CSSスプライトの使い方
CSSスプライトの実用例

第５章　Webにおけるテキストフォント～タイポグラフィ～

Webフォント
Webフォントを利用したサイト
@font-faceルールの説明
CSSによるタイポグラフィのデザイン
クラウドフォントサービスを利用する

第6章　スマートフォンサイトにおけるナビゲーション

ナビゲーションのデザインパターン
メニューアイコンのパターン

第7章　メインビジュアル

メインビジュアルのパターン
グラフィックイメージ1
グラフィックイメージ2

第8章　レスポンシブWebデザイン

モバイルファーストとは
レスポンシブWebデザインの概念
レスポンシブWebデザインの特徴
レスポンシブWebデザインの5つのレイアウトパターン
レスポンシブWebデザインの5つのレイアウトパターン実例
レスポンシブWebデザインのサイトを設計制作するうえで便利なサイト