ブックマーク / gist.github.com/tak-dcxi (1)

  • CSS Responsive Rules

    css-responsive.md CSS Responsive Rules 目的 レスポンシブ実装の判断基準を明確にし、不要なブレイクポイントとコード量を最小化する。 CSS はブラウザへの「提案」であり、厳密な命令ではない。ブラウザに委ねられる仕事は委ねる。 基方針: エスカレーション順序 レスポンシブ対応は以下の優先順序で検討する。上位で解決できるなら下位は使わない。 すべての要素がレスポンシブである必要はない。最初に「そもそもレスポンシブにすべきか」を判断する。 0. 静的(Static) 質的に固定サイズの要素はレスポンシブにしない。 タグ・バッジ・ラベルなど、内容量が少なく固定的な小さな要素 アイコン(1emフォントサイズに追従するだけで十分) 装飾的なボーダーや区切り線 固定サイズのアバターやロゴマーク これらに clamp() やクエリを適用するのは過剰であり、コー

    CSS Responsive Rules
    tech0403
    tech0403 2026/04/01
  • 1