eBay が Digital Asset Links を使用して認証情報をシームレスに共有し、ログイン成功率を 10% 改善した方法をご覧ください。安全でクロスプラットフォームの認証を実装し、ユーザー エクスペリエンスを向上させる方法を学びます。

• ID
• ケーススタディ
• Chrome

スクロール ドリブン アニメーションとスクロール トリガー アニメーションでストーリーテリング記事を強化する方法

• ケーススタディ
• JavaScript
• HTML
• CSS
• Chrome

Spotify ミニプレーヤーが、キャンバスをハックする機能から Document Picture-in-Picture API によって実現される洗練されたエクスペリエンスへと進化した方法をご紹介します。

• ケーススタディ
• Chrome

Policybazaar、redBus、Tokopedia のスクロールドリブン アニメーションのメリットをご確認ください。

• ケーススタディ
• JavaScript
• CSS
• Chrome

Policybazaar と Tokopedia が :has() を使用することでどのようなメリットが得られるかをご覧ください。

• ケーススタディ
• JavaScript
• CSS
• Chrome

redBus と Tokopedia のコンテナクエリのメリットについて説明します。

• ケーススタディ
• JavaScript
• CSS
• Chrome

redBus、Policybazaar、Tokopedia のいずれも View Transition API を使用しており、パフォーマンスと滑らかな UI の恩恵を受けています。

• ケーススタディ
• CSS
• JavaScript
• Chrome

Tokopedia は、Popover API を使用してアプリケーションのコード量を削減しています。

• ケーススタディ
• HTML
• JavaScript
• CSS
• Chrome

Adobe が、象徴的な Photoshop アプリのウェブ バージョンで、最大のファイルでも編集できるようにした方法を学びます。 （この記事は動画でもご覧いただけます）。 2021 年、Adobe は Chrome エンジニアリングと共同で、 Photoshop のバージョンをウェブに導入 しました。このソフトウェアは、 SIMD 、 オリジンの非公開ファイル システム 内の高パフォーマンス ストレージ、キャンバスの P3 カラー空間 、 Lit を使用したウェブ

• ケーススタディ
• Chrome

Local Font Access API は、ユーザーがローカルにインストールしたフォントデータにアクセスするためのメカニズムを提供します。名前、スタイル、ファミリーなどの上位レベルの詳細情報や、基盤となるフォント ファイルの未加工バイトなどです。SVG 編集アプリ Boxy SVG がこの API を使用する方法を学びます。 （この記事は動画でもご覧いただけます）。 Boxy SVG はベクター グラフィック エディタです。主な用途は、SVG

• JavaScript
• Chrome