logo

どうすれば崩れないか、Webページのパーツごとにわかる。『プロが教えるレスポンシブWebデザイン 現場のメソッド レイアウト・UIのマルチデバイス対応手法』発売



[画像: リンク ]



インプレスグループでデザイン分野のメディア事業を手がける株式会社エムディエヌコーポレーション(本社:東京都千代田区、代表取締役社長:藤岡 功、略称:MdN)は、『プロが教えるレスポンシブWebデザイン 現場のメソッド レイアウト・UIのマルチデバイス対応手法』を発売しました。

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

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

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

〈本書の内容〉
■Chapter1 基本の確認
レスポンシブWebデザインの基本/アクセシビリティの確保/jQueryについて/SNSとの連携/Chrome DevToolsを用いたデバッグ
■Chapter2 レイアウト
1カラムレイアウト/2カラムレイアウト/CSS Flexible Box/タイルレイアウト
■Chapter3 ナビゲーション
アコーディオン/リスト/パンくずリスト/ドロワー/タブナビゲーション/ページング/プルダウン
■Chapter4 ギミック
カルーセル/モーダルウィンドウ/スムーズスクロール
■Chapter5 フォーム
フォームのスタイリング/バリデーション/郵便番号検索
■Chapter6 細かなテクニック
要素の高さを揃える/画像のトリミング/画像の遅延読み込み
■Chapter7 API・外部サービスの活用
Googleマップ/Googleカレンダー/Microsoft翻訳/YouTube/Font Awesome/Google Fonts

【仕様】
笹尾万里子、中村真己、前川昌幸 共著/株式会社イー・ネットワークス 監修
定価(本体2,300円+税)
B5変型判/192ページ/オールカラー/ダウンロードデータあり
ISBN978-4-8443-6580-8


【株式会社エムディエヌコーポレーション】
株式会社エムディエヌコーポレーションは、雑誌・書籍・イベントを通して、グラフィックデザイン、およびWebデザインのノウハウと可能性を伝える事業を展開しています。デザインとグラフィックの総合情報誌『MdN』をはじめ、多数のデザイン関連書籍を発行しています。
URL:リンク

【インプレスグループ】
株式会社インプレスホールディングス(本社:東京都千代田区、代表取締役:関本彰大、証券コード:東証1部9479)を持株会社とするメディアグループ。「IT」「音楽」「デザイン」「山岳・自然」「モバイルサービス」を主要テーマに専門性の高いコンテンツ+サービスを提供するメディア事業を展開しています。
URL:リンク

【本件に関するお問い合せ先】
株式会社エムディエヌコーポレーション
E-mail:info@MdN.co.jp
URL:リンク

プレスリリース提供:PR TIMES リンク

本プレスリリースは発表元企業よりご投稿いただいた情報を掲載しております。
お問い合わせにつきましては発表元企業までお願いいたします。

今日の主要記事