2023年のCSSの書き方: 数年前と何が変わったのか?
(smashingmagazine.com)- CSSは本当に急速に変化している
- Container Query
- Layerでのスタイルのグループ化
- :is() と :where()
- 新しい色関数:
rgb()とhsl()の変更、そしてoklch()とoklab() - ユーザー環境設定のスニッフィング:
prefers-color-scheme&prefers-reduced-motion - カラーパレットを定義する: CSSカスタムプロパティ
- (私が使っていない)新機能
- CSS Nesting
- スタイルクエリ
- :has()
- 動的ビューポート単位:
dvb,dvh,dvi,dvmax,dvman,dvw oklch/oklab色空間color()
- その他
- 三角関数
- アンカー位置指定
- スクロール連動アニメーション
initial-letter<selectmenu>と<popover>- View Transitions
- Scoped Styles
1件のコメント
CSSを久しぶりにやると、すごく難しいですね……。大丈夫です! GPTがありますからね(笑)