【レスポンシブ ウェブ デザイン】基本から作り方までを徹底解説
企業名：株式会社パンタグラフ
スマホやタブレットなど、サイトを閲覧するための機器が多様化した昨今、どの機器から見ても使いやすいサイトが求められています。
そんなニーズに応える手段が「レスポンシブ ウェブ デザイン」です。
当資料では、レスポンシブ ウェブ デザインについて、基本的なことから実際の作り方まで、わかりやすく解説します。
資料詳細説明
＜目次＞
レスポンシブウェブデザインとは
レスポンシブウェブデザインのメリット・デメリット
メリット1. 小さな画面でも見やすい
メリット2. 管理や更新の手間が最小限
メリット3. URLが統一される
デメリット1. 表示速度が遅くなる可能性
デメリット2. 制作にかかる工数が多くなる
レスポンシブウェブデザインの作り方
1.
2. 表示切り替えの条件を決める
3. メディアクエリを記述する
参考にしたいサイト３選
対象業種 |
全業種 |
|---|---|
対象企業規模 |
企業規模問わず |
【導入実績】
＜目次＞
■レスポンシブウェブデザインとは
■レスポンシブウェブデザインのメリット・デメリット
━メリット①小さな画面でも見やすい
━メリット②管理や更新の手間が最小限
━メリット③URLが統一される
━デメリット①表示速度が遅くなる可能性
━デメリット②制作にかかる工数が多くなる
■レスポンシブウェブデザインの作り方
━作り方①viewportを設定する
━作り方②ブレイクポイントを決める
━作り方③メディアクエリを記述する
■参考にしたいサイト３選
━サイト①
━サイト②
━サイト③
■まとめ
【ご提供いただく個人情報のお取り扱いについて】
- 資料のダウンロードに際して、以下の事項に同意されたものと見なします。
- ご入力頂いた個人情報は、「株式会社パンタグラフ」へ収集されます。
- 「株式会社パンタグラフ」からのメールマガジン、電話、送付物による情報提供サービスを受け取ります。
- 提供された個人情報は、各情報提供元企業のプライバシーポリシー下で適切に取り扱われます。
