レスポンシブ・ウェブデザインとは？—メリット、デメリット、注意点を調べてみた｜イケハヤ大学【ブログ版】

最近話題の「レスポンシブ・ウェブデザイン」。仕事柄ウェブ制作にも触れるので、勉強がてらまとめてみました。 ウィンドウサイズに合わせて、自動的にページのデザインを最適化する技術を「レスポンシブ・ウェブデザイン」と呼びます。 これは実例を見て頂いた方が分かりやすいでしょう。例えばGoogleのAboutページ。 ウィンドウが最大の状態では、このようなデザインになります。 ウィンドウを狭めると、こんなデザインに自動的に変化します。スマホで見てもこのデザインになります。 他にはこんなサイトも。ウェブ制作会社のサイトです。 フルスクリーンだとこんな感じ。 ウィンドウを狭めるとこんな感じに。同じURLです。「OUR WORK」というナビゲーションが自動で追加されますね。 こちらのサイトもすごい。 大。 中。 小と変わります。 導入のメリット 代表的なメリットをまとめてみました。 運営の負担が軽くなる