レスポンシブWebデザイン (RWD) MOC

定義

レスポンシブWebデザイン (RWD) MOCは、文書の表示、配置、画面条件への適応を宣言する仕組みである。対象、前提、入力、結果を区別する。

Gridは二次元配置、Flexboxは主軸に沿う一次元配置へ適し、media queryはviewport等の条件でruleを切り替える。通常時に加え、境界値、失敗、並行実行、依存条件の変化も追跡する。

content増減、長い翻訳、200% zoom、狭い画面でoverflowとreflowを確認する。期待結果を観測可能に記述し、最小例から異常系へ広げる。

精度・性能・単純さ・運用costの間にはtradeoffがある。適用範囲を広げる前に解決するriskと仮定を確認し、例外には理由と代替策を記録する。