yeti

Yetiは、FoundationによってFoundation for Sitesの後継として開発された、Webデザイナー向けのCSSファーストでネイティブかつゼロビルドのレイアウト・スタイリングフレームワークです。現在はバージョン7.0.0-alphaで開発中であり、クラス名、属性、トークンはベータリリース前に変更される可能性があります。Foundation for Sites 6は、バグ修正を伴う別のv6ブランチで継続しており、foundation-sites npmパッケージはそこから6.xを公開し続けています。 このフレームワークは、単一のスタイルシートとして配布され、直接リンクできます。使用にあたってSass、Node、バンドラーは不要です。既存のビルドパイプラインがある場合はそこに組み込むこともできますが、必須ではありません。その設計は、コンテナクエリ、カスケードレイヤー、ネイティブネスト、light-dark()、dialog、popover、scroll-snapなどのモダンなネイティブCSS機能に依存しており、以前はJavaScriptやプリプロセッサを必要としていた作業を置き換えます。 ユーティリティクラスではなく、Yetiは意図ベースのレイアウトプリミティブと、少数のデータ属性で構成される合成レシピを提供します。タイポグラフィとスペーシングは、実行時に1つの基本値と1つの比率から導出されるため、比率を変更するとシステム全体が再計算されます。コンポーネントはデフォルトでアクセシブルであると説明されており、フォーカス処理とARIAはCIでチェックされます。機械可読なマニフェストがすべてのコンポーネントを記述し、ドキュメント、型ヒント、MCPサーバーはそこから生成されます。プロジェクトはこれを、フレームワークをエージェントにとって読み取り可能にすることと位置づけています。 このプロジェクトは、Webコンポーネントライブラリでも、ユーティリティフレームワークでも、ビルド時システムでもなく、ポリフィルも同梱していません。ブラウザサポートはBaseline 2025を対象としています。2025年末までにBaselineに達した機能はガードなしで使用され、新しい機能は@supportsの背後にフォールバック付きで配置されます。現在のアルファ版には、トークン、リセット、ベースレイヤー、17のレイアウトプリミティブ、3つのレシピ、最初の8つのコンポーネント、2つのサンプルテーマが含まれています。ユーザーは未ビルドのソースを直接リンクしてプレーンなHTMLを書くことも、リポジトリをクローンして依存関係をインストールし、Playwrightをインストールしてテストおよびフィクスチャコマンドを実行し、ローカルで例を閲覧することもできます。貢献はCONTRIBUTING.md、Discussions、issueテンプレートを通じて行われます。ライセンスはFunctional Source License 1.1で、MITへの将来ライセンス付きです。競合製品としての使用を除き、使用、コピー、変更、再配布が許可され、各リリースはリリースから2年後にプレーンなMITになります。