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

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

出版社 エムディエヌコーポレーション
著者 野田 一輝、加藤 俊司、藤田 拓人、清水 豊、細川 富代、野田 真穂、川下 城誉、根岸 良樹、岩堀 真吾、大竹 孔明
対応デバイス
PC対応 iPhone対応 iPad対応 Android対応

この本の内容

【レスポンシブ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 見えない領域を使うデザイン
CASE STUDY 07 プロモーションサイト スマートフォンで見えなくなった領域をjQueryを使って表示を切り替える
CASE STUDY 08 コーポレートサイト 見えない領域をうまく使ったインタラクティブなデザイン
目的別索引
著者プロフィール
奥付
カバー