MdN Web Mook レスポンシブWebデザインテクニックブック　プロが教えるマルチデバイス対応の手法

購入前に目次をご確認ください

MdN Web Mook レスポンシブWebデザインテクニックブック　プロが教えるマルチデバイス対応の手法

エムディエヌコーポレーション / 2013年07月02日 / 全258ページ

【レスポンシブWebデザインの作り方が具体的にわかる】
タブレット、スマートフォンなどのさまざまデバイスが登場・浸透し、それにともなってWebサイトのユーザーの閲覧・利用スタイルもますます多様化していることにより、レスポンシブWebデザインの必要性・重要性がさらに注目されてきています。本書は、そのレスポンシブWebデザインの実際の作り方を各ケーススタディとして解説します。一から設計する方法や、時短・バグ軽減にもつながるフレームワークを使った方法まで、さまざまな作例を紹介。まずは実際に手を動かして慣れてみて、あなたのWeb制作にお役立てください。サンプルデータはWebからダウンロードできます。

アート・デザイン

扉
クレジット
はじめに
目次
本書の使い方
本書のサンプルデータについて
■INTRODUCTION　レスポンシブWebデザインの基本
01　レスポンシブWebデザインとは
02　レスポンシブWebデザインの特徴
03　制作をはじめる前に
■CHAPTER 1　ほぼ可変デザイン
CASE STUDY 01　コーポレートサイト　可変を前提としたレスポンシブWebデザイン
CASE STUDY 02　ブログサイト　CSSフレームワーク「One% CSS Grid」と「Responsive Navigation Menu」を使用する可変デザイン
■CHAPTER 2　レイアウトを変更するデザイン
CASE STUDY 03　コーポレートサイト　デバイスによってレイアウトを変更し、画像を振り分ける設計
CASE STUDY 04　ブログサイト　画面サイズによってレイアウトを6段階に変更するデザイン
■CHAPTER 3　1カラムベースのデザイン
CASE STUDY 05　ブログサイト　CSSフレームワーク「Initializr」と「HorizonalNav」を使用する1カラムベースのデザイン
CASE STUDY 06　コーポレートサイト　コーポレートサイトに適した1カラムベースのデザイン
■CHAPTER 4　見えない領域を使うデザイン

さらに目次をよむ

扉
クレジット
はじめに
目次
本書の使い方
本書のサンプルデータについて
■INTRODUCTION　レスポンシブWebデザインの基本
01　レスポンシブWebデザインとは
02　レスポンシブWebデザインの特徴
03　制作をはじめる前に
■CHAPTER 1　ほぼ可変デザイン
CASE STUDY 01　コーポレートサイト　可変を前提としたレスポンシブWebデザイン
CASE STUDY 02　ブログサイト　CSSフレームワーク「One% CSS Grid」と「Responsive Navigation Menu」を使用する可変デザイン
■CHAPTER 2　レイアウトを変更するデザイン
CASE STUDY 03　コーポレートサイト　デバイスによってレイアウトを変更し、画像を振り分ける設計
CASE STUDY 04　ブログサイト　画面サイズによってレイアウトを6段階に変更するデザイン
■CHAPTER 3　1カラムベースのデザイン
CASE STUDY 05　ブログサイト　CSSフレームワーク「Initializr」と「HorizonalNav」を使用する1カラムベースのデザイン
CASE STUDY 06　コーポレートサイト　コーポレートサイトに適した1カラムベースのデザイン
■CHAPTER 4　見えない領域を使うデザイン
CASE STUDY 07　プロモーションサイト　スマートフォンで見えなくなった領域をjQueryを使って表示を切り替える
CASE STUDY 08　コーポレートサイト　見えない領域をうまく使ったインタラクティブなデザイン
目的別索引
著者プロフィール
奥付
カバー