Story page
鹿野さんに聞く!CSSの最新トレンド Ver.2026
要約
CSS最新トレンドとして、Baselineで実装状況を確認しながら、oklch、anchor-position、Invoker Commands、subgridなど制作を効率化する機能を紹介する登壇資料。
注目ポイント
- 新しいCSSはJavaScriptを減らし、コードの可読性やDX向上につながる
- MDN、Can I Use、web.devでBaselineや対応状況を確認する重要性を示す
- oklchとbackground-clipで自然なテキストグラデーションを実現できる
- anchor-positionとpopoverで要素基準のポップオーバー表示を扱う
- subgridでカード内要素などの高さや行揃えを整えやすくなる
背景知識
Baseline
主要ブラウザで安全に使えるWeb機能かを判断するための共通指標。採用可否の目安になる。
oklch
人間の視覚に近い均等性を意識したCSSの色空間。グラデーションの見た目を自然にしやすい。
popover
メニューや補助情報などを一時的に前面表示するHTMLの仕組み。UI実装を簡潔にできる。
subgrid
CSS Gridの子要素が親グリッドの行や列を引き継げる機能。複数カードの配置調整に役立つ。
- Source
- はてなブックマーク - 人気エントリー - テクノロジー
- Canonical
- https://speakerdeck.com/tonkotsuboy_com/lu-ye-sanniwen-ku-cssnozui-xin-torendo-ver-dot-2026
- Fetched
- 2026-05-14T20:00:19.555Z
- First Seen
- 2026-05-14T20:00:19.555Z
- Extraction
- ok