NRK 如何使用滚动条驱动的动画让故事生动起来

了解滚动条驱动的动画和滚动触发的动画如何增强故事性文章的效果

Spotify 如何使用 Picture-in-Picture API 构建 Spotify Miniplayer

了解 Spotify 迷你播放器如何从“画布摄影”转变为通过 Document Picture-in-Picture API 实现的精致体验。

滚动条驱动动画案例研究

通过 Policybazaar、redBus 和 Tokopedia 探索滚动条驱动的动画的优势。

:has() 案例研究

了解 Policybazaar 和 Tokopedia 如何使用 :has() 来获益。

容器查询案例研究

从 redBus 和 Tokopedia 了解容器查询的优势。

查看转换案例研究

redBus、Policybazaar 和 Tokopedia 都使用 View Transition API，提升了性能和流畅的界面。

Popover 案例研究

Tokopedia 使用 Popover API 减少其应用中的代码量。

Photoshop 如何处理大于内存大小的文件：

了解 Adobe 如何让用户能够在其标志性 Photoshop 应用的 Web 版本上编辑超大型文件。 （本文还提供视频形式。） 2021 年，Adobe 与 Chrome 工程团队合作， 将 Photoshop 引入到 Web 平台 。该软件创新地使用了 WebAssembly，并提供了 SIMD 、 源私有文件系统 中的高性能存储、适用于画布的 P3 色彩空间 ，以及带有 Lit 的 Web 组件等功能。本文将重点介绍 Adobe Photoshop

矢量图像编辑应用 Boxy SVG 如何使用 Local Font Access API 让用户选择他们喜爱的本地字体

Local Font Access API 提供了一种机制来访问用户本地安装的字体数据，包括名称、样式和字体系列等更高级别的详细信息，以及底层字体文件的原始字节。了解 SVG 编辑应用 Boxy SVG 如何使用此 API。 （本文还提供视频形式。） Boxy SVG 是一款矢量图形编辑器。其主要用例是编辑 SVG 文件格式的绘图，以创建插图、徽标、图标和其他平面设计元素。该插件由波兰开发者 Jarosław Foksa 开发，最初于 2013 年 3 月 15 日发布。Jarosław 运营着