WEBマーケティングPLUS TOP > 資料詳細

【レスポンシブ ウェブ デザイン】基本から作り方までを徹底解説

企業名:株式会社パンタグラフ

スマホやタブレットなど、サイトを閲覧するための機器が多様化した昨今、どの機器から見ても使いやすいサイトが求められています。

そんなニーズに応える手段が「レスポンシブ ウェブ デザイン」です。

当資料では、レスポンシブ ウェブ デザインについて、基本的なことから実際の作り方まで、わかりやすく解説します。

資料詳細説明

<目次>
レスポンシブウェブデザインとは
レスポンシブウェブデザインのメリット・デメリット
メリット1. 小さな画面でも見やすい
メリット2. 管理や更新の手間が最小限
メリット3. URLが統一される
デメリット1. 表示速度が遅くなる可能性
デメリット2. 制作にかかる工数が多くなる
レスポンシブウェブデザインの作り方
1. 内にviewportを設定する
2. 表示切り替えの条件を決める
3. メディアクエリを記述する
参考にしたいサイト3選

対象業種

全業種

対象企業規模

企業規模問わず

【導入実績】

<目次>
■レスポンシブウェブデザインとは
■レスポンシブウェブデザインのメリット・デメリット
━メリット①小さな画面でも見やすい
━メリット②管理や更新の手間が最小限
━メリット③URLが統一される
━デメリット①表示速度が遅くなる可能性
━デメリット②制作にかかる工数が多くなる
■レスポンシブウェブデザインの作り方
━作り方①viewportを設定する
━作り方②ブレイクポイントを決める
━作り方③メディアクエリを記述する
■参考にしたいサイト3選
━サイト①
━サイト②
━サイト③
■まとめ

【ご提供いただく個人情報のお取り扱いについて】

  • 資料のダウンロードに際して、以下の事項に同意されたものと見なします。
  • ご入力頂いた個人情報は、「株式会社パンタグラフ」へ収集されます。
  • 「株式会社パンタグラフ」からのメールマガジン、電話、送付物による情報提供サービスを受け取ります。
  • 提供された個人情報は、各情報提供元企業のプライバシーポリシー下で適切に取り扱われます。

こんにちは ゲスト様

会員登録をしていただくと簡単にマーケティング資料をダウンロードしていただけます。

  • ログイン
  • 今すぐ無料会員登録する

厳選ホワイトペーパー

人気資料まとめ