瞭解 eBay 如何運用數位資產連結，提供順暢的憑證共用功能，進而提高 10% 的登入成功率。瞭解如何實作安全的跨平台驗證機制，並提升使用者體驗。

• 身分識別
• 個案研究
• Chrome

瞭解如何透過捲動驅動和捲動觸發動畫，增強敘事文章

• 個案研究
• HTML
• JavaScript
• CSS
• Chrome

瞭解 Google 搜尋如何使用 Speculation Rules API 匿名預先擷取搜尋結果，以改善使用者體驗

• 個案研究
• Chrome

瞭解 Spotify Miniplayer&#39 如何從 "canvas 駭客攻擊手法中變換？#34，運用 Document Picture-in-Picture API 打造精良的體驗。

• 個案研究
• TypeScript
• Chrome

探索使用 Policybazaar、redBus 和 Tokopedia 如何運用捲動式動畫的優點。

• 個案研究
• CSS
• JavaScript
• Chrome

瞭解 Policybazaar 和 Tokopedia 如何使用 :has() 獲益。

• 個案研究
• CSS
• JavaScript
• Chrome

redBus、Policybazaar 和 Tokopedia 都使用 View Transition API，享有更佳的效能和流暢的使用者介面。

• 個案研究
• CSS
• JavaScript
• Chrome

瞭解 redBus 和 Tokopedia 採用容器查詢的好處。

• 個案研究
• CSS
• JavaScript
• Chrome

Tokopedia 使用 Popover API 來減少應用程式中的程式碼數量。

• 個案研究
• JavaScript
• CSS
• HTML
• Chrome

瞭解 Adobe 如何讓使用者在其經典 Photoshop 應用程式的網頁版上編輯大型檔案。 (這篇文章也有影片版本)。 2021 年，Adobe 與 Chrome 工程團隊合作， 將 Photoshop 帶到網路上 。這款軟體採用創新的 WebAssembly 用法，包括 SIMD 、 原始私人檔案系統 中的高效能儲存空間、用於畫布的 P3 色彩空間 ，以及採用 Lit 的 Web 元件。在本文中，我們將著重於說明 Adobe Photoshop

• 個案研究
• Chrome