Baseline - uni/blog

20件

Bits · 20 件

Baseline Newly available: field-sizing、Baseline Widely available: :has()・CSS nesting・URL.canParse()

Newly: field-sizing。Widely: :has()・CSS nesting・URL.canParse()・iframe loading・Storage Access API・createImageBitmap() など。Baseline Alerts の購読も可能になった。

6月8日

Baseline Checker、Google Analytics API 連携

Baseline Checker が Google アカウントで Analytics プロパティに接続し、ブラウザ版データを API 経由で取得できるようになった。手動エクスポートが不要になり、各 Baseline ターゲットをユーザーがどの程度カバーするかを端末上で集計できる。

6月3日

Baseline Newly available: Container style queries・:open・SharedWorker、Baseline Widely available: lh・clip-path・:user-invalid

Newly: Container style queries・:open・ToggleEvent.source・image-rendering・text-decoration-skip-ink: all・SharedWorker。Widely: lh・rlh・Navigator.userActivation・clip-path・:user-invalid。State of CSS 2026 調査は7月1日まで。

5月27日

Baseline Newly available: contrast-color()・Math.sumPrecise()、Baseline Widely available: search・WebAuthn public key・ARIA reflection

Newly: contrast-color()・Math.sumPrecise()。Widely: search・WebAuthn getPublicKey 系・String isWellFormed/toWellFormed・ARIA reflection。

4月14日

Baseline Newly available: WebTransport・Iterator.concat・Readable byte streams、Baseline Widely available: CSS subgrid・contain-intrinsic-size・image-set()

Newly: WebTransport・Iterator.concat・Readable byte streams・Reporting API・text-indent each-line/hanging・font-family: math。Widely: CSS subgrid・contain-intrinsic-size・image-set()・modulepreload など。

3月30日

Baseline Newly available: CSS shape()・Trusted Types・Map getOrInsert、Baseline Widely available: HTML dirname

Newly: CSS shape()・Trusted Types・Map getOrInsert 系・Zstandard。Widely: HTML dirname。Interop 2026 の文脈では wpt.fyi で追跡可能。

3月2日

Baseline Newly available: Navigation API・Service Worker modules・:active-view-transition、Baseline Widely available: display multi-keyword・animation-composition・toReversed

Newly: Navigation API・Service Worker の ES modules・:active-view-transition・rcap/rch/rex/ric。Widely: display の multi-keyword・animation-composition・toReversed/toSorted/toSpliced。

1月30日

CSS Anchor PositioningとNavigation APIがBaseline Newly Availableへ

Firefox 147のリリースにより、CSS Anchor PositioningとNavigation APIがBaseline Newly Availableとなった。

2025年11月11日

Baseline Newly available: same-document view transitions・WebRTC encoded transform、Baseline Widely available: inert・canvas roundRect・createConicGradient

Newly: same-document view transitions・WebRTC encoded transform。Widely: inert・canvas roundRect・createConicGradient。top-level await は Safari の regression で Widely から Limited に戻った。Windsurf 1.100 が Baseline 表示に対応。

2025年9月11日

CSSコンテナクエリがBaseline Widely availableに

2023 年に主要ブラウザへ入った CSS コンテナクエリが Baseline Widely available になった。画面サイズだけでなく要素サイズに応じたスタイル変更ができ、スタイルをコンポーネント単位で閉じやすい。

2025年5月23日

Baseline Netlify extension 公開

Netlify 向けの Baseline 拡張が公開。実際のユーザー環境でサポートされている Baseline ターゲットを可視化できる。拡張は Netlify のコントロールパネルからインストール可能で、数日間のデータ収集後、各 Baseline ターゲット（2015 年以降や Widely/Newly など）のサポート状況を確認できる。Browserslist や Stylelint、ESLint など他ツールとの連携も想定。 ### 参考文献

2025年5月8日

Visual Studio Code 1.100 リリース

VS Code 1.100（April 2025）がリリース。多くのチャット機能の改善や MCP サポートの強化が行われている。これらの紹介は次回の AI Weekly で行い、ここではその他の変更のみ。

2025年5月1日

Baseline Newly available: Float16Array・single color stop gradients、Baseline Widely available: grid-template アニメーション・CSS ic

Newly: Float16Array・single color stop gradients。Widely: grid-template-columns/rows のアニメーション・CSS ic 単位。VS Code Insiders・Stylelint・ESLint use-baseline・browserslist-config-baseline などツール展開も進んだ。

2025年3月31日