レスポンシブではこうすれば失敗しない!「レスポンシブWebデザイン 現場のメソッド」 - デザインってオモシロイ -MdN Design Interactive-
デザインってオモシロイ MdN Design Interactive

レスポンシブではこうすれば失敗しない!「レスポンシブWebデザイン 現場のメソッド」

  • 新規会員登録
  • ログイン管理
  • Twitter
  • facebook
  • はてなブックマーク
  • RSS

2026.4.23 THU

  • TOP
  • 特集
  • 連載
    • ALL
    • デザイン・アート
    • テクノロジー
    • コラム
    • インタビュー
    • レポート
    • インサイト
  • Tech
    • ALL
    • プログラミング
    • UI/UX
    • フレームワーク
    • Webアプリ
    • Webサービス
    • その他
  • ニュース
    • ALL
    • ニュース
    • 新製品
    • テクノロジー
    • アートイベント
    • モバイル
    • ネットで話題
新規会員登録
ログイン管理
  • プレスリリース
  • メルマガの登録・解除
  • プライバシーポリシー
  • 特定商取引法
  • 利用規約
  • お問合せ
  • 広告掲載について
  • インプレスグループ
閉じる
  • TOP
  • ニュース -
  • レスポンシブではこうすれば失敗しない!「レスポンシブWebデザイン 現場のメソッド」
【サイトリニューアル!】新サイトはこちら/MdNについて
  • ALL
  • ニュース
  • 新製品
  • テクノロジー
  • アートイベント
  • モバイル
  • ネットで話題

2016.4.15 FRI

レスポンシブではこうすれば失敗しない!「レスポンシブWebデザイン 現場のメソッド」

レスポンシブではこうすれば失敗しない!「レスポンシブWebデザイン 現場のメソッド」


株式会社エムディエヌコーポレーションは、レスポンシブWebデザインの基本と応用テクニックをまとめた「レスポンシブWebデザイン 現場のメソッド レイアウト・UIのマルチデバイス対応方法」を4月15日に発売する。B5変型判/192P/オールカラー/2300円(税抜き)。

レスポンシブWebデザインは、PCやスマートフォン、タブレットなどさまざまなデバイスで表示できる手法として定着している。画面サイズをデバイスに応じて対応できるけれど、基本をしっかり身につけておかないとレイアウトが崩れたりしてしまう。

そんなトラブルは未然に対処するのが一番。ということで本書では基本となるレイアウト解説からはじまり、ナビゲーション・フォーム・モーダルウィンドウ・カルーセルといったパーツごとにレスポンシブに対応させる実装方法を丁寧に紹介している。実例をもとにページ展開が進むため、初心者も安心して読み進められる構成だ。

掲載コードがダウンロードできるため、それをコピー&ペーストをすれば、自分のWebサイトのひな形としての活用も可能。細かなテクニックとして画像のトリミングや画像の遅延読み込み、そしてAPI・外部サービスの活用としてGoogleやYou Tubeなども詳しく解説している。レスポンシブWebデザインのイロハがよくまとまっていて、しっかりと技術・テクニックが身に付く一冊である。

レスポンシブデザインの基本
レスポンシブデザインの基本

タブナビゲーションについて
タブナビゲーションについて

You Tube IFrame Player API
You Tube IFrame Player API

基本的な操作方法、プレーヤーを操作する
基本的な操作方法、プレーヤーを操作する

出版社:株式会社エムディエヌコーポレーション
価格:2300円(税抜き)
笹尾万里子、中村真己、前川昌幸 共著/株式会社イー・ネットワークス 監修
URL:http://www.mdn.co.jp/di/book/3215203008/
Amazon:http://www.amazon.co.jp/exec/obidos/ASIN/4844365800/mdndi-22/
2016/4/15
2016/4/15
release


twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちら/MdNについて

前の記事を読む

4月22日より開始される回顧展のガイドをはじめ伊藤若冲の魅力が満載の1冊「若冲Walker」

4月22日より開始される回顧展のガイドをはじめ伊藤若冲の魅力が満載の1冊「若冲Walker」

2016.4.14 THU

次の記事を読む

“グラフィック・デザインとは何か”を探る特集が掲載された雑誌「Pen」の最新号

“グラフィック・デザインとは何か”を探る特集が掲載された雑誌「Pen」の最新号

2016.4.16 SAT

アクセスランキング

8.30-9.5

  • 携帯大手3社、メッセージアプリ「+メッセージ」を各社全ブランドとMVNOに拡大
  • テレビの音声をワイヤレス化して飛ばせる「トランスミッター」発売、サンワサプライから
  • iPhone 12/iPhone 12 Proに音の不具合、対象モデルは無償修理へ
  • ビクトリノックス、30色バリエーションのマルチツール「クラシック カラーズ」を発売
  • 今月発表のiPhone13、低軌道衛星通信を使い“圏外”でもテキスト送信などが可能か
MdN BOOKS|デザインの本

Pick upコンテンツ

現在

  • 【文房具連載】第19回 五十嵐製紙「Food Paper」/物語のある、ニューフェイスな文房具・雑貨
  • 見た目のかわいさだけじゃない、犬の形をした実用性の高いウェブカメラ
  • この秋に発表予定のiPhone 13(仮称)はどのような変貌を遂げるのか?
  • 植物性由来100%、合成香料不使用など、エコな洗濯洗剤5選/ライフスタイル連載・こんげつのきぶん
  • 【DESIGN DIGEST】書籍カバー『顔のない花嫁/K.R.アレグザンダー』、商品パッケージ『秋の限定商品/アフタヌーンティー・ティールーム』

MdN公式Instagram

Instagramでは、デザイン関連本や本に関連した参加型コンテストについて発信しています。

page top
MdN
impress
  • メルマガの登録・解除
  • プライバシーポリシー
  • 特定商取引法
  • 利用規約
  • お問合せ
  • 会社概要
  • インプレスグループ
  • 広告掲載について
  • MdN デザインの本
  • MdN新書 新ジャーナリズム宣言。
  • “静寂”文具サイト
  • MdN DESIGNFONT STORE

Copyright © MdN Corporation,
an Impress Group company. All rights reserved.

page top
MdN
impress
  • メルマガの登録・解除
  • プライバシーポリシー
  • 特定商取引法
  • 利用規約
  • お問合せ
  • 会社概要
  • 広告掲載について
  • インプレスグループ
  • MdN デザインの本
  • MdN新書 新ジャーナリズム宣言。
  • “静寂”文具サイト
  • MdN DESIGNFONT STORE

Copyright © MdN Corporation,
an Impress Group company. All rights reserved.