このページは Cloud Translation API によって翻訳されました。 Chrome for Developers Authors Bramus X GitHub マストドン ホームページ Bramus が執筆、編集、レビューした記事を見つける。 Android 版 Chrome のエッジツーエッジ移行ガイドUpdated 2025年2月28日エッジからエッジまでのウェブ エクスペリエンスを構築するLearn moreAndroid 版 Chrome のエッジ ツー エッジへの移行に備えるUpdated 2025年2月28日Android 版 Chrome は、Chrome 135 以降、エッジツーエッジ表示になります。Learn moreCSS attr() のアップグレードUpdated 2025年1月15日カスタム プロパティを含む任意の CSS プロパティで attr() を使用できるようになりました。また、値を文字列以外のデータ型に解析できるようになりました。Learn moreCSS ラップ 2024Updated 2024年12月5日Chrome DevRel チームとスケートボードに乗った Chrome Dino と一緒に、2024 年に Chrome とウェブ プラットフォーム向けにリリースされた最新の CSS を学びましょう。Learn moreChrome 131 の新機能Updated 2024年11月12日Chrome 131 のリリースが開始されました。詳細要素の CSS スタイル設定の追加、ページ マージン ボックスによる印刷レイアウトの簡素化など、さまざまな機能が追加されています。Learn moreスタイル設定のその他のオプション(<詳細>)Updated 2024年11月6日新しい ::details-content 疑似要素を使用して、表示タイプを設定したり、展開と閉じを切り替える部分のコンテナにスタイルを適用したりできるようになりました。Learn moreChrome 130 の新機能Updated 2024年10月15日Chrome 130 のリリースが開始されました。ドキュメントのピクチャー イン ピクチャーでは、ピクチャー イン ピクチャー ウィンドウをより細かく制御できます。CSS ネスト宣言により、厄介なエッジケースを修正できます。また、複数行に分割された要素のデコレーションをどのように動作させるかを指定できます。Chrome 130 のデベロッパー向け新機能について、Pete LePage が詳しく説明しています。Learn moreシングルページ アプリケーションでの同一ドキュメント ビュー遷移Updated 2024年9月25日シングルページ アプリケーションで使用する同一ドキュメントのビュー遷移を使ってみましょう。Learn more高さまでアニメーション化: auto;(および他の固有のサイズ設定キーワード)を CSS 内で指定Updated 2024年9月17日「interpolate-size」と「calc-size()」を使用して、固有のサイズ設定キーワードとの間でアニメーション化するLearn moreスクロール スナップ イベントUpdated 2024年8月14日新しい JavaScript イベントを 2 つ導入しました。scrollSnapChange と ScrollSnap 試験Learn moreビュー遷移に関する誤解Updated 2024年7月11日View Transition API を検討する人が増えている今、いくつかの誤解を解くときが来ています。Learn moreCSS とウェブ UI の最新情報: I/O 2024 のまとめUpdated 2024年6月11日Google I/O 2024 での CSS とウェブ UI に関するすべてのお知らせをお読みください。Learn moreビュー遷移の新機能(Google I/O 2024 の更新)Updated 2024年5月16日MPA のドキュメント間のビュー遷移、アクティブ タイプによる選択的なビュー遷移、ビュー遷移クラスを使用したアニメーション スタイルの共有を発表しました。Learn moreスクロールドリブン アニメーションの事例紹介Updated 2024年5月7日Policybazaar、redBus、Tokopedia のスクロールドリブン アニメーションのメリットをご確認ください。Learn moree コマースサイトで CSS と UI の機能が重要な理由Updated 2024年5月7日最新の CSS や UI 機能(ビュー遷移、スクロールドリブン アニメーション、Popover API など)を実装することで、e コマースサイトがどのように役立つかを学びます。Learn more「スクロールドリブン アニメーションの力を活用」のご紹介Updated 2024年5月6日スクロールドリブン アニメーションのすべてを学ぶ、全 10 部の動画コースですLearn moreCSS メーソンリーの代替案Updated 2024年4月30日メーソンリーとグリッドを異なる仕様で定義するための提案。Learn moreマルチページ アプリケーションのドキュメント間のビュー遷移Updated 2024年4月14日マルチページ アプリケーション(MPA)で使用するために、ドキュメント間のビュー移行を開始します。Learn moreView Transition API によるスムーズな遷移Updated 2024年4月14日View Transition API を使用すると、ウェブサイトのビュー間の遷移を追加できます。Learn moreCSS ::backdrop の継承に関する変更Updated 2024年2月18日Chrome 122 以降、「::backdrop」要素は元の要素からプロパティを継承します。Learn moreスクロールバーのスタイル設定Updated 2024年1月17日スクロールバーのスタイルを設定するには、`scrollbar-width` プロパティと `scrollbar-color` プロパティを使用します。Learn more限定アコーディオンUpdated 2023年12月11日同じ `name` を持つ複数の `` 要素で排他的なアコーディオンを作成します。Learn moreCSS ラップ: 2023 年Updated 2023年12月7日2023 年は CSS にとって大きな年でした。Chrome およびウェブ プラットフォームについて今年リリースされた内容をご確認ください。Learn moreCSS @scope at-rule でセレクタのリーチを制限するUpdated 2023年10月4日@scope を使用して、DOM の限定されたサブツリー内の要素のみを選択する方法について学習します。Learn moreCSS で linear() イージング関数を使用して複雑なアニメーション曲線を作成するUpdated 2023年5月25日そこで linear() を導入しました。これは CSS のイージング関数で、ポイント間で線形に補間し、弾力効果やばね効果を再現できます。Learn moreCSS と UI の新機能: I/O 2023 EditionUpdated 2023年5月11日Google I/O 2023 で取り上げられた、見逃せないトップ 20 の CSS と UI 機能。Learn moreスクロールドリブン アニメーションでスクロール時に要素をアニメーション化するUpdated 2023年5月5日スクロール タイムラインとビュー タイムラインを使用して、宣言型の方法でスクロールドリブン アニメーションを作成する方法を学習します。Learn moreCSS ネストUpdated 2023年3月8日CSS プリプロセッサのお気に入りの機能の 1 つであるネスト スタイル ルールが、言語に組み込まれています。Learn moreCSS ネストの構文の選択に関するヘルプUpdated 2022年12月16日CSS ワーキング グループは、CSS でネストを定義する最適な方法について議論を続けています。CSS の開発に携わっている方は、ぜひご協力をお願いします。Learn moreAndroid 版 Chrome でのビューポートのサイズ変更動作の変更に備えるUpdated 2022年10月28日Chrome 108 でのビューポートのサイズ変更動作の変更点、Chrome でこの変更が行われる理由、準備について。Learn moreChrome 106 の新機能Updated 2022年9月27日Chrome 106 がリリースされました。新しい Intl API が追加され、数値の書式設定をより細かく制御できるようになりました。新しい Pop Up API のオリジン トライアルも用意されており、ユーザーに重要なコンテンツを簡単に提示できます。CSS にはいくつかの改良点が加えられています。他にもたくさんあります。Learn moreChrome DevTools での最新のウェブ デバッグUpdated 2022年8月31日ここでは、バンドラ、フレームワーク、サードパーティのコードを操作する際のデバッグとプロファイリング エクスペリエンスを改善する Chrome DevTools の最近の変更を紹介します。Learn more事例紹介: DevTools による改善された Angular デバッグUpdated 2022年8月31日Chrome DevTools チームと Angular チームが協力して Angular をテスト試験運用し、デバッグ エクスペリエンスを向上させました。他のフレームワークでも同様の変更が可能です。Learn moreカスケード レイヤがブラウザに登場Updated 2022年2月1日"カスケード レイヤは、コードのカスケード優先順位を管理できる新しい CSS API で、まもなくすべての最新ブラウザに導入されます。"Learn moreChrome 89 の新機能Updated 2021年3月2日Chrome 89 がリリースされました。WebHID、WebNFC、Web Serial のオリジン トライアルを終了し、安定版で利用できるようになりました。数人のデベロッパーの方が PWA のインストール可否チェックで利用していた抜け道をなくします。Web Share と Web Share Target がデスクトップに届きます。ほかにも多数あります。Learn moreHow NRK uses scroll-driven animations to bring stories to lifeUpdated 2025年2月26日Learn how scroll-driven and scroll-triggered animations enhance storytelling articlesLearn moreSpecify how multiple animation effects should composite with animation-compositionUpdated 2023年3月29日When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate?Learn moreMore control over :nth-child() selections with the of S syntaxUpdated 2023年2月9日Pre-filter a set of child elements before applying An+B logic on it.Learn more1234