CSS Property Type ValidatorプロジェクトにはPractical use(実用的な用途)に近づける3つの改善が追加されました。まず、CSS Properties and Values API仕様に基づき、必須ディスクリプター、有効なsyntax値、initial-value互換性、計算独立性を強制するより厳格な@propertyバリデーションです。次に、ローカルの無条件@importルールを辿って複数ファイルに分散した@property登録を発見できるようになり、トークン駆動のコードベース構造と一致します。3点目として、新しい--registry-only CLIモードで@propertyルールを単独で検証でき、CIでのデザイントークンパッケージのチェックに役立ちます。このツールはパースにcss-treeを使用し、var()のfallbackブランチを消費プロパティの型に対して検証します。
Jared Whiteは、命令的なscriptタグのアンチパターンに対して、2つの宣言的な要素拡張アプローチを対比させています。最初のパラダイムはMutationObserverがmagic属性を監視するもので、Hotwired Stimulusのcontrollersと似た仕組みであり、未実装のcustom attributes API提案に相当します。2つ目はHTML web componentsをcompositionラッパーとして使うパターンです。validation-enhancerやform-saverなどのcustom elementを標準form要素の周囲にレイヤリングし、要素をサブクラス化せずに動作を追加します。また、is=属性がWebKitに拒否された理由を再考察し、単一継承が多重拡張を不可能にし、組み込み要素実装への脆弱な結合を生む点を論拠として挙げています。
CSS Property Type ValidatorプロジェクトにはPractical use(実用的な用途)に近づける3つの改善が追加されました。まず、CSS Properties and Values API仕様に基づき、必須ディスクリプター、有効なsyntax値、initial-value互換性、計算独立性を強制するより厳格な@propertyバリデーションです。次に、ローカルの無条件@importルールを辿って複数ファイルに分散した@property登録を発見できるようになり、トークン駆動のコードベース構造と一致します。3点目として、新しい--registry-only CLIモードで@propertyルールを単独で検証でき、CIでのデザイントークンパッケージのチェックに役立ちます。このツールはパースにcss-treeを使用し、var()のfallbackブランチを消費プロパティの型に対して検証します。
Jared Whiteは、命令的なscriptタグのアンチパターンに対して、2つの宣言的な要素拡張アプローチを対比させています。最初のパラダイムはMutationObserverがmagic属性を監視するもので、Hotwired Stimulusのcontrollersと似た仕組みであり、未実装のcustom attributes API提案に相当します。2つ目はHTML web componentsをcompositionラッパーとして使うパターンです。validation-enhancerやform-saverなどのcustom elementを標準form要素の周囲にレイヤリングし、要素をサブクラス化せずに動作を追加します。また、is=属性がWebKitに拒否された理由を再考察し、単一継承が多重拡張を不可能にし、組み込み要素実装への脆弱な結合を生む点を論拠として挙げています。
Kevin Powellはmedia queryのマジックピクセル中断点をcontainer queryとch単位で置き換え、コンテンツ主導でタイポグラフィ的な中断点を実現する方法を実演しました(90chは列あたり約30文字で発火)。CSS Property Type Validatorは厳格な@propertyバリデーション、デザイントークンコードベース向けのクロスファイル@importトラッキング、--registry-only CIモードを追加しました。
