airRnot1106/blog2

component-implementation

このプロジェクトにおける新規UIコンポーネント実装の規約（Panda CSS + Base UI、src/components/**）。インタラクティブなルート要素とレイアウト要素の分離、styled()の使い方、internal/publicカスタムプロパティパターン、プロパティの記述順序、oxlintでは検出できないa11y検証手順を扱う。src/components/配下でコンポーネントを新規作成・変更するとき、特にvariantや複数の内部パーツ、公開スタイルAPIを持つコンポーネントを扱うときに使用する。

원문 언어: 일본어

responsive-design

レスポンシブCSSの判断基準と規約。ピクセルパーフェクトを目標にしない考え方、固定サイズ回避、Intrinsic → コンテナクエリ → メディアクエリのエスカレーション順序、vw/vh禁止とsvi/dvi/lvi等の使い分け、クエリのレンジ構文とcontainer-nameのdashed-ident必須化、calc()によるブレイクポイント根拠の明示（クエリ条件内でvar()禁止）、clamp()による流動サイジングの計算式、grid-auto-fill/fit・grid-switcher（sign()トリック）…

원문 언어: 일본어