現場で活かせる実践テクニック、難しそうなしくみが理解できる、フレームワークを使った手法も紹介。リアルな作例で学ぶ実践的テクニックがきっちり身につく解説書。

１　ほぼ可変デザイン（コーポレートサイト―可変を前提としたレスポンシブＷｅｂデザイン
ブログサイト―ＣＳＳフレームワーク「Ｏｎｅ％　ＣＳＳ　Ｇｒｉｄ」と「Ｒｅｓｐｏｎｓｉｖｅ　Ｎａｖｉｇａｔｉｏｎ　Ｍｅｎｕ」を使用する可変デザイン）
２　レイアウトを変更するデザイン（コーポレートサイト―デバイスによってレイアウトを変更し、画像を振り分ける設計
ブログサイト―画面サイズによってレイアウトを６段階に変更するデザイン）
３　１カラムベースのデザイン（ブログサイト―ＣＳＳフレームワーク「Ｉｎｉｔｉａｌｉｚｒ」と「ＨｏｒｉｚｏｎｔａｌＮａｖ」を使用する１カラムベースのデザイン
コーポレートサイトに適した１カラムベースのデザイン）
４　見えない領域を使うデザイン（プロモーションサイト―スマートフォンで見えなくなった領域をｊＱｕｅｒｙを使って表示を切り替える
コーポレートサイト―見えない領域をうまく使ったインタラクティブなデザイン）