GoogleのModern Web Guidanceに学ぶ、モダンCSSのDos / Don'ts大全

ARANK

結論、Modern Web Guidanceのドキュメントから、Googleが推奨するCSSのやるべきこと・やってはいけないことをまとめました。Googleがリリースした「Modern Web Guidance」スキルを使うと、AIエージェントが最新のWeb機能でコードを書けるようになります。 / Don'ts、つまり「やるべきこと・やってはいけないこと」がまとまっています。Googleお墨付きの、モダンなフロントエンド開発の知見が詰まっています。AIエージェントを使う・使わないにかかわらず、ウェブ技術の勉強に使ったり、実装に迷ったときに「Googleはどう言っているのかな？」の判断基準にしたりできます。たとえばCSSのレイアウトのドキュメントは次のURLで確認できます。 Chromeチームが公開するModern Web Guidance（Apache License 2.0）の各ガイドをもとに、次の方針でまとめました。複数のガイドに散らばったCSSの指針を横断し、現時点で全ブラウザ対応した機能だけを抽出Dos / Don'tsがはっきり示されている項目に絞って再構成原文の訳に加えて、初心者向けの補足・最新のブラウザ対応状況・関連する筆者の記事や登壇資料を添えた基礎方針（Foundations）重複を避け、変数より組み込みの仕組みを優先…