スマホやタブレットなど、サイトを閲覧するための機器が多様化した昨今、どの機器から見ても使いやすいサイトが求められています。
そんなニーズに応える手段が「レスポンシブ ウェブ デザイン」です。
当資料では、レスポンシブ ウェブ デザインについて、基本的なことから実際の作り方まで、わかりやすく解説します。
資料詳細説明
＜目次＞
レスポンシブウェブデザインとは
レスポンシブウェブデザインのメリット・デメリット
メリット1. 小さな画面でも見やすい
メリット2. 管理や更新の手間が最小限
メリット3. URLが統一される
デメリット1. 表示速度が遅くなる可能性
デメリット2. 制作にかかる工数が多くなる
レスポンシブウェブデザインの作り方
1.
2. 表示切り替えの条件を決める
3. メディアクエリを記述する
参考にしたいサイト３選
|
対象業種 |
全業種 |
|---|---|
|
対象企業規模 |
企業規模問わず |
【導入実績】
＜目次＞
■レスポンシブウェブデザインとは
■レスポンシブウェブデザインのメリット・デメリット
━メリット①小さな画面でも見やすい
━メリット②管理や更新の手間が最小限
━メリット③URLが統一される
━デメリット①表示速度が遅くなる可能性
━デメリット②制作にかかる工数が多くなる
■レスポンシブウェブデザインの作り方
━作り方①viewportを設定する
━作り方②ブレイクポイントを決める
━作り方③メディアクエリを記述する
■参考にしたいサイト３選
━サイト①
━サイト②
━サイト③
■まとめ
|
|
