苦痛のないレスポンシブデザイン

小さくから始める

デスクトップから始まって縮小するデザインは常に妥協を生む；電話から始まって成長するデザインは重要性の明確な階層を生む。狭い画面では必須でないものの余地がなく、それがすべてのインターフェースに必要な演習だ。

実際には：一列、読みやすいタイポグラフィ、親指でタップするのに十分な大きさのタッチエリア。

コンテンツによるブレークポイント

デバイスモデルでブレークポイントを選ぶな——リストは毎年変わる。レイアウトが悪く見え始めるまでウィンドウを広げ、そこに点を置く。

ほとんどのモダンレイアウトは合計二〜三のブレークポイントが必要だ。七つあるなら、動作を定義するのではなく画面を描いている可能性が高い。

実際に壊れるもの

幅の広いテーブル、固定比率の画像、ぎこちなく分割されるヘブライ語の長いタイトル、消えるメニュー。それぞれに単純な解決策がある：テーブルの宣言された水平スクロール、定義されたアスペクト比、制御されたワードブレーク。