A place to add potential topics for the future when time permits to address them.
Everybody is invited to suggest additional items for that list: Discuss on 🦋
In no particular order:
Nested view transition demo
Now that Chrome supports nested view transitions (currently at least behind a flag)
let’s make a demo on how to use them!
Explain the viewTransition promises
Explain what the updateCallbackDone, ready and finished promises are useful for,
and under what circumstances you should cleanup using finished after pageswap
Make a note about the same-origin restriction
The browser wont do view transitions when navigating to a target with different
origin. Simple rule, but there are pitfalls.
Browser-native, cross-document Starlight
Come up with a guide on how to add cross-document view transitions to a Starlight
site
Speculation rules
Show sensible solutions to pre-render the new page before the cross-document view
transition starts.
Bfcache & view transitions
How to cleanup behind you when using the bfcache with view transitions.
Bfcache vs. view transitions
How to switch off view transitions on history traversals to get snappy navigation
with pages from the bfcache.
Morph aspect ratio of button with stable text
The view transition API turns elements into bitmaps. If you stretch a button, you
also stretch the button’s text, don’t you?
How to debug view transitions
Give a quick tour on how to use the animation section in Chrome’s Developer Tools
and the Inspection Chamber to debug view transitions.
How you can style your filtered items
You have articles with tags or products in categories? Filter your items and add
some nice entry and exit animations.