レスポンシブ対応のレイアウトを実装する最新テクニックを解説、モバイルファーストとデスクトップファーストの現状

Emotional, Burning, Unlimited Tuned Laboratory

モバイルファーストとデスクトップファーストの現状、それぞれのワークフローを解説し、今日のレスポンシブ対応のレイアウトを実装するより良いアプローチ方法について紹介します。

ビューポートサイズとは関係ないすべてのデバイスで共通の基本スタイルを優先的に記述する方法、メディアクエリを使用しない方法、モバイルとデスクトップの違いを考慮する必要がない方法など、最新の実装テクニックも解説します。

実装にモバイルファーストとデスクトップファーストのどちらを採用するか、悩んだことはありませんか?先日私はどちらを採用しているかTwitterでアンケートをしたところ、その結果は興味深いものでした。

  • モバイルファースト: 33.3%
  • デスクトップファースト: 21.9%
  • 両方のミックス: 24.7%