プロが教えるレスポンシブWebデザイン 現場のメソッド - レイアウト・UIのマルチデバイス対応手法

著者名：笹尾万里子/中村真己/前川昌幸/株式会社イー・ネットワークス【監修】

エムディエヌコーポレーション（2017/08発売）

• ISBN：9784844365808

内容説明

【どうすれば崩れないか、Webページのパーツごとにわかる。】

スマートフォン、タブレット、PCなど、多様なデバイスでの表示に対応する手法として定着したレスポンシブWebデザイン。1つのサイトでさまざまな画面サイズに対応できる点が魅力ですが、しっかりと意識してつくらないとレイアウトが崩れたり、UIの機能が損なわれて使いづらくなったりと、問題が起こりがちです。

本書では最も基本となるレイアウトをはじめ、ナビゲーション・フォーム・モーダルウィンドウ・カルーセルなどのパーツごとにレスポンシブに対応させる実装方法を解説しました。シンプルなわかりやすい作例をベースにステップ・バイ・ステップ形式で解説していますので、本質的な仕組みを理解できます。また、掲載コードをダウンロードでき、コピー＆ペーストなどでご利用いただけますので、ご自身のWebサイトに部分的に取り入れたり、ひな型として使用することも可能です。Googleマップなどの外部API、Webアイコンフォント、遅延読み込みといった周辺技術も取り上げていますので、スマートフォンに対応したサイト制作の傍らでお役立ていただける一冊です。

〈本書の内容〉
■Chapter1　基本の確認
■Chapter2　レイアウト
■Chapter3　ナビゲーション
■Chapter4　ギミック
■Chapter5　フォーム
■Chapter6　細かなテクニック
■Chapter7　API・外部サービスの活用