Aaron Gustafsson のAdaptive Web DesignとEthan Marcott のResponsive Web Design （ロシア語ではResponsive Web Designと呼ばれる）の出版以来、これら2つの違いについてWebデザイナーと開発者のコミュニティで議論がありました。アプローチ。 これらの2つの概念は同義語であると考える人もいれば、まったく異なる概念であると考える人もいます。 しかし、ご存じのとおり、真実は常に中間にあるため、フィンランドのWebデザイナーおよび開発者Viljami Salminenによる記事の翻訳に注目してください。 レスポンシブ、違いは何ですか？」 ：
これらの用語とその意味については混乱があるようです。そこで、このトピックに関する私の考えと、それらをバックアップするためのいくつかのリファレンスを以下に示します。 原則として、何かを議論することに関してはあまり情熱的ではありませんが、今回はこの問題を明確にします。 彼の話をよく耳にします。
レスポンシブWebデザインは、Adaptive Web Designと呼ばれるより広い概念の一部です。 レスポンシブWebデザインとは、Webページのレイアウト（Ethan Marcott、「ゴム」レイアウト、柔軟な画像、メディアクエリ）のみを意味します。
一方、「レスポンシブWebデザイン」には、単なる「ゴム」レイアウト以上のものが含まれています。 実際には、これはプログレッシブエンハンスメントとほぼ同じです。要するに、このコンセプトは、可能な限り幅広い視聴者に最高の機会を提供するよう努めることを意味します。 また、「Adaptive web design」と「Adaptive layout」（Adaptive layout）の概念を混在させることはできません。 これらはまったく異なるものです。
最後に、「アダプティブレイアウト」とは、多くの固定水平寸法（幅）を組み合わせて作成されたレイアウトを意味します。 さて、すべてが正しく行われ、固定幅ブロックが「ゴム」ブロックと組み合わされる場合、アダプティブレイアウトは、その代替手段ではなく、レスポンシブWebデザインの形式の1つと見なすことができるように思えます。 Zeldmanは、2011年に彼のブログエントリの 1つで、すでに少し似たアイデアを表明しています 。
翻訳者によるメモ。 残念ながら、William Salminenのテキストから「アダプティブレイアウト」が何であるかを理解するのは難しいため、これが何を意味するかを自分の言葉で説明しようとします。 Ethan Marcottのアプローチでは、「ゴム」レイアウト（幅、インデント、およびマージンはパーセントで設定）を使用できます。また、適応レイアウトでは、画面サイズごとに独自のスタイルルールを使用することを想定しています。 このアプローチの詳細については、記事「Switchy McLayout：An Adaptive Layout Technique」 （ 翻訳 ）を参照してください。
参照資料
- レスポンシブデザイン。 その言葉はあなたがそれが意味すると思うものを意味するとは思わない。
- アダプティブvs. 責任あるウェブデザイン
- レスポンシブおよびアダプティブWebデザイン
- Google+のBrad Frost
v1を更新します。 私の記事でこれらの2つの概念を実際よりも理解しにくい場合は、すべてを簡潔に説明しようとします。レスポンシブWebデザインはアダプティブの一部です。 レスポンシブWebデザイン=ラバーレイアウト 、 レスポンシブWebデザイン=ラバーレイアウト+進歩的な改善 。