プロが教えるレスポンシブ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
作品をシェアする
同じ作者の本
-
現場のプロが教えるWeb制作の最新常識 知らないと困るWebデザインの新ルール
￥2,200
購入済み
-
プロとして恥ずかしくない 新・WEBデザインの大原則
￥2,420
購入済み
-
プロが教えるレスポンシブWebデザイン 現場のメソッド レイアウト・UIのマルチデバイス対応手法
￥2,310
購入済み
-
Web制作者のためのSublime Textの教科書
￥2,200
購入済み
インプレス（MdN）のおすすめ本
-
Webディレクションの新・標準ルール システム開発編 ノンエンジニアでも失敗しないワークフローと開発プロセス
￥2,200
購入済み
-
現場で役立つjQueryデザインパーツライブラリ
￥2,619
購入済み
-
Photoshop Elements 13 写真の管理・補正・RAW現像の教科書 よくわかる使いこなしのテクニック
￥1,980
購入済み
-
デザインを学ぶ3 文字とタイポグラフィ
￥1,571
購入済み
-
ランディングページ・デザインメソッド WEB制作のプロが教えるLPの考え方、設計、コーディング、コンテンツ制作ガイド
￥2,200
購入済み
-
iPhone力！知っている人だけが秘かに実践しているお金も時間も得する最強の使い方〈iPhone 6 Plus/6/5s対応〉
￥1,078
購入済み
-
現場のプロが教えるWeb制作の最新常識 知らないと困るWebデザインの新ルール
￥2,200
購入済み
-
美しい切り絵。
￥1,540
購入済み
-
ファンタジーの世界観を描く コンセプトアーティストが創るゲームの舞台、その発想と技法
￥2,420
購入済み
-
Webデザインの新しい教科書 改訂新版 基礎から覚える、深く理解できる。
￥2,420
購入済み
スマホ・PC・ITのおすすめ本
-
FDE AI時代の新・高報酬エンジニア
￥2,420
購入済み
-
ひと目でわかるAzure 基本から学ぶサーバー＆ネットワーク構築 第5版
￥3,960
購入済み
-
スーパーモメンタム 世界が注目する急成長の半導体メーカー、SKハイニックス飛躍の物語
￥2,860
購入済み
-
誰でもできる！Google Workspace導入ガイド 第2版 Gemini対応
￥4,400
購入済み
-
Webディレクションの新・標準ルール システム開発編 ノンエンジニアでも失敗しないワークフローと開発プロセス
￥2,200
購入済み
-
現場で役立つjQueryデザインパーツライブラリ
￥2,619
購入済み
-
ランディングページ・デザインメソッド WEB制作のプロが教えるLPの考え方、設計、コーディング、コンテンツ制作ガイド
￥2,200
購入済み
-
iPhone力！知っている人だけが秘かに実践しているお金も時間も得する最強の使い方〈iPhone 6 Plus/6/5s対応〉
￥1,078
購入済み
-
現場のプロが教えるWeb制作の最新常識 知らないと困るWebデザインの新ルール
￥2,200
購入済み
-
Webデザインの新しい教科書 改訂新版 基礎から覚える、深く理解できる。
￥2,420
購入済み