Skip to content

Last updated: First published:

Things to write about when I find the time to do so and there are no other more important things to do

Other’s have a Backlog, I’ve got a 👜 Baglog ✨ ;-)

  • Why does it not simply work when I add transition-* directives to an Astro component like in <MyCard transition:animate="fade">

  • How to combine CSS for view transitions with media queries

  • How to have a sticky video from the moment on when you first came across that page with the video

  • A Common abstraction across Astro’s view transitions and Level 2 View Transition API?

  • How to order scripts plus ideas about a plugin system for view transitions

  • how to drag styles for persisted elements to the next page

  • how to optimize view transitions by clipping the images (is that possible?) and removing transitions that are off-viewport

  • how to make a decent loading screen that covers the target page on load and is than withdrawn (with or without view transitions)

  • timing behavior of view transitions (rendering does not start before the whole DOM is loaded and parsed)

  • how to synchronize JavaScript animations with view transitions

  • how to craft scripts and components that can be used with and without view transitions

  • What it is worth to know that view-transition-name is discretely animatable

  • Explain the stacking order of new and old images

  • how to have the view transition move behind some elements in the front?

  • how to set break points to investigate the pseudo elements

  • add that still missing sections on how web components can make your life easier when using view transitions

  • different order of components / eventListeners in DEV & PROD and how to fix that

  • Persisting elements as an alternative to script re-initialization, especially dynamically created ones e.g. chat apps