Frontend Weekly 2025-09-12
Vercel Proプランが大幅変更、Viewerシート無料化と柔軟な料金モデルを導入
日付:2025年9月9日
VercelのProプランが大幅に変更され、Viewerシートの無料化と柔軟なクレジットベース料金モデルが導入された。
Viewerシートが無料になり、デプロイしないチームメンバー(デザイナー、クライアント、非開発者など)がプロジェクトダッシュボード、デプロイメント、アナリティクスに無料でアクセスできるようになった。Developerシート(Owner, Member)は従来通り$20/月で、デプロイや本番設定の変更が可能。
料金モデルは20以上の製品毎に個別割り当てからシンプルなモデルに変更された。約7%のチームで料金が上昇するが、残り10万以上のチームでは料金が減少または変更ないと言及している。
Viewerシートの利用には新しいProプランへの切り替えが必要。
CSSコンテナクエリがBaseline Widely availableに
日付:2025年9月11日
2023年にすべての主要ブラウザエンジンに導入されたCSSコンテナクエリがBaseline Widely availableになった。コンテナクエリを利用することで、デバイスの画面サイズだけでなく要素のサイズに基づいたスタイルの変更が可能になり、よりフレキシブルでスタイルがカプセル化された実装が可能になる。
.sidebar { container-name: main-sidebar; container-type: inline-size;}
@container main-sidebar (inline-size > 20em) { .button-group { display: flex; padding-inline: 1.25em; }}
またcolor-gamut
メディアクエリと:autofill
擬似クラスもBaseline Widely availableになった。
Learn CSSコースが大幅リフレッシュ、9つの新モジュールを追加
日付:2025年9月8日
web.devのLearn CSSコースが4年ぶりに大幅リフレッシュされ、9つの新モジュールが追加された。
新モジュールには、CSS nesting、Container queries、Custom properties、Counters、Cursors and pointers、Anchor positioning、Popover and dialog、View transitions for SPAs、Paths, shapes, clipping, and maskingが含まれる。特にContainer queriesは2021年のコース開始時には存在しなかったが、現在はBaseline Widely availableに到達している。
Baseline機能に焦点を当てた実用的な内容で、Interop 2025に含まれるAnchor positioningとView transitions for SPAsも含まれている。業界専門家チームによる執筆・編集で、月間数千人の学習者に対応している。