プロが教えるレスポンシブWebデザイン 現場のメソッド レイアウト・UIのマルチデバイス対応手法
購入済み
シリーズ
全1冊
作品情報
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。【どうすれば崩れないか、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 ほか
- 著者
- 出版社 インプレス(MdN)
- ジャンル
- シリーズ プロが教えるレスポンシブWebデザイン 現場のメソッド レイアウト・UIのマルチデバイス対応手法
- 電子版配信開始日 2026/11/11
- ファイルサイズ - MB