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

36 読みたい
88 現在読んでいるもの

発行元久保知己 .

商品基本情報

著者：笹尾万里子, 中村真己, 前川昌幸, 株式会社イー・ネットワークス（監修）
発売日： 2016年04月15日
出版社：エムディエヌコーポレーション（MdN）
商品番号： 4694844365800
言語：日本語
対応端末：電子書籍リーダー,Android,iPhone, iPad,デスクトップアプリ

エディションノート

※本書は固定レイアウト型の電子版です

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

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

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

〈本書の内容〉

■Chapter1　基本の確認

レスポンシブWebデザインの基本／アクセシビリティの確保／jQueryについて　ほか

■Chapter2　レイアウト

1カラムレイアウト／2カラムレイアウト／CSS Flexible Box／タイルレイアウト

■Chapter3　ナビゲーション

アコーディオン／リスト／パンくずリスト／ドロワー／タブナビゲーション　ほか

■Chapter4　ギミック

カルーセル／モーダルウィンドウ／スムーズスクロール

■Chapter5　フォーム

フォームのスタイリング／バリデーション／郵便番号検索

■Chapter6　細かなテクニック

要素の高さを揃える／画像のトリミング／画像の遅延読み込み

■Chapter7　API・外部サービスの活用

Googleマップ／Googleカレンダー／Microsoft翻訳／YouTube　ほか