MPA View Transitions are here! (2024.05.23 @ JSHeroes)

May 23, 2024 13:51

In 2023 we at Google shipped Same-Document View Transitions for SPAs in Chrome 111. This year we bring you the next big thing for View Transitions: Cross-Document View Transitions for MPAs, activated by a same-origin navigation. Now you no longer need to rearchitect your app to an SPA in order to use View Transitions: clicking a link from one page to another is enough to trigger the transition.

Views:
108
Download:

speaker

Bramus

bramus

more decks of the speaker

MPA View Transitions are here! (2024.06.05 @ CSS Day Pre-Event)

MPA View Transitions are here! (2024.06.05 @ CSS Day Pre-Event)

In 2023 we at Google shipped Same-Document View Transitions for SPA...
Scroll-Driven Animations with CSS (2024.05.30 @ WebExpo)

Scroll-Driven Animations with CSS (2024.05.30 @ WebExpo)

A new addition to CSS is “Scroll-driven animations”. With it, you c...
If View Transitions and Scroll-Driven Animations had a baby … (2024.04.25)

If View Transitions and Scroll-Driven Animations had a baby … (2024.04.25)

With View Transitions, you can create immersive native-like experie...
Scoped styling with CSS @scope (2023.10.19 @ Full Stack Europe)

Scoped styling with CSS @scope (2023.10.19 @ Full Stack Europe)

Learn how to use @scope to select elements only within a limited su...