デバイスの画面サイズに応じて、自動的にレイアウトやデザインが最適に調整されるウェブデザイン手法。
「responsible」を星図で探索する →
「responsible」とは?意味を解説
レスポンシブデザインは、スマートフォン、タブレット、パソコンなど様々なデバイスの画面幅に応じて、ウェブサイトの表示が自動的に最適化される設計方法です。CSSメディアクエリなどを使用し、単一のHTMLで複数の画面サイズに対応します。ユーザー体験の向上と管理効率化が利点です。
例文
- このウェブサイトはレスポンシブだから、スマホでも見やすい。
- レスポンシブなデザインにすることで、保守管理が楽になった。
- 新しいプロジェクトではレスポンシブ対応を最初から計画した。
語源・由来
英語の「responsive」(反応的な)が語源。2010年代初頭、Ethan Marcotteが提唱したウェブデザイン概念。「反応する」という意味から、様々な画面に「反応・対応する」という意味で使用される。
英語で言うと
responsive designresponsive web designRWD
「responsible」との違いを比較する
似た言葉との違い・使い分けを解説しています。
「responsible」をもっと知る本
この言葉やそのテーマを深めたい方へ。
語彙の星雲で「responsible」を探索する →