最近のCSSを改めてちゃんと学んでみた

https://zenn.dev/gmomedia/articles/6ed3718b4c6bc1

2024年の新機能

• field-sizing
• interpolate-size
• light-dark() 関数
• @property

従来のCSSからの大きな変化点

• プログラミング的な表現力の向上
• レイアウト制御の強化
• 変換とアニメーションの精密な制御

モダンCSSの設計思想の変化

• 分離から統合へ：「HTML・CSS・JSを厳格に分離」から「機能単位でコードをまとめる」コンポーネント指向へ
• 命令型から宣言型へ：「要素をどう配置するか」から「どんなレイアウトにしたいか」という宣言型アプローチへ
• ユーザー中心のデザイン：開発者の利便性より、ユーザー体験（ダークモード対応やアニメーション低減設定など）を優先