デベロッパー向けニュースレター
過去のエディション
CSS content-visibility プロパティがベースラインに追加されました
CSS の content-visibility プロパティがベースラインで新しく利用可能になりました。
ベースラインに追加: 入口効果のアニメーション化
代替フォントを使用する際のテキストの読みやすさを改善します。
コンテナクエリの使用方法
ブラウザ間のフォールバックを伴うコンテナクエリの使用方法を説明する手順ガイドです。
CSS の font-size-adjust がベースラインに追加されました
代替フォントを使用する際のテキストの読みやすさを改善します。
@property: 次世代の CSS 変数にユニバーサル ブラウザのサポートを追加
@property のセマンティック カスタム プロパティが新たにベースラインになりました。
JavaScript Set メソッドがベースラインの一部になりました
UNION や Intersection などの JavaScript の set メソッドが相互運用可能になり、集合の操作が簡単になりました。
CSS の段階的な値数学関数が Baseline 2024 になりました
CSS 数学関数 rem()、mod()、round() が相互運用可能になりました。
Screen Wake Lock API がすべてのブラウザでサポートされるようになりました
Screen Wake Lock API は、すべての主要なブラウザ(Chrome、Safari、Firefox)で正式に導入されました。
light-dark() を使用して CSS のカラーパターンに依存する色を使用する
description: light-dark() 関数を使用して、使用されたカラーパターンに反応する色を定義します。
Popover API が Baseline に移行
ポップオーバー API は、すべての最新ブラウザ エンジンに組み込まれています。
Intl.Segmenter オブジェクトが Baseline の一部になりました
JavaScript Intl.Segmenter オブジェクトの相互運用が可能になり、ロケールに依存したテキスト セグメンテーションが可能になりました。
ブロック レイアウトの align-content プロパティが Baseline の一部になりました
ブロック レイアウトの CSS の align-content プロパティが、Baseline Newly Available の一部になりました。
Array.prototype.with による不変の配列の更新
この新しいメソッドを使用して、元の配列を変更せずに配列を更新する方法を学習します。
:user-valid 擬似クラスと :user-invalid 擬似クラス
:user-valid と :user-invalid の疑似クラスについて、およびそれらを使用して入力検証のユーザー エクスペリエンスを改善する方法
圧縮ストリームがすべてのブラウザでサポートされるようになりました。
対応ブラウザ ソース Compression Streams API は、gzip 形式または deflate(または deflate-raw)形式を使用してデータ ストリームを圧縮および解凍するために使用します。 Compression Streams API の組み込み圧縮を使用すると、JavaScript アプリケーションに圧縮ライブラリを含める必要がなくなり、アプリケーションのダウンロード サイズを小さくできます。この便利な API がすべてのブラウザでサポートされるようになりました。
CSS サブグリッド
Subgrid を使用すると、グリッドの共有が可能になり、ネストされたグリッドを祖先や兄弟に合わせることができます。
送信元のプライベート ファイル システム
ファイル システム標準では、ページのオリジンに固有のストレージ エンドポイントとしてオリジン専用ファイル システム(OPFS)が導入されています。このシステムはユーザーには表示されず、パフォーマンスを重視して高度に最適化された特別な種類のファイルへのアクセスをオプションで提供します。 オリジンの非公開ファイル システムは最新のブラウザでサポートされており、Web Hypertext Application Technology Working Group( WHATWG )の File
すべての主要エンジンで導入された新しい CSS 色空間と関数
HD カラーを使用してデザインに鮮やかさを加えましょう。
JavaScript のインポート地図がクロスブラウザでサポートされるようになりました。
マップのインポートにより、ES モジュールのインポートが大幅に改善されました。 ES モジュールは、ウェブ アプリケーションに JavaScript コードを含めて再利用するための最新の方法です。モジュールは最新のブラウザでサポートされており、JavaScript 開発の古い非モジュラー アプローチよりもいくつかの利点があります。 ES モジュールを最新の方法で使用するには、 <script type="importmap">
プッシュ通知がクロスブラウザでサポートされるようになりました
タイムリーで役立つ通知をユーザーに配信します。 プッシュ通知は、W3C のウェブ アプリケーション ワーキング グループの一部である Push API と Notification API のリリースにより、2016 年に標準化されました。これらの API は、ウェブ デベロッパーがウェブ アプリケーションにプッシュ通知を組み込むために必要な機能と、ユーザーがウェブブラウザで通知を受信して操作するために必要な機能を提供します。プッシュ
前回のベースライン調整
すべての主要なブラウザエンジンで、CSS グリッドと Flexbox の最後のベースライン配置がサポートされるようになりました。
安定版のブラウザにコンテナクエリが配信される
今週は、すべての安定したブラウザに対して、サイズのコンテナクエリとコンテナのクエリユニットが導入されています。