Skip to content

Last updated: First published:

The Bag's Bag-Log

A place to add potential topics for the future when time permits to address them. It would honestly make my day if you suggested items for the list or shared what interests you most: Discuss on 🦋 or open a request on GitHub.

In no particular order:

All you need to know how image capture handles backdrop-filter When capturing images for the pseudo-images, the browser also save meta information: width, height, the transform and backdrop-filter. What are the consequences?

View Transition API and Web Components How do they help with or hinder view transitions?

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.

Ways to combine different animations for the same elements You have this idea to make some stuff move on click. You have another set of elements that should wobble when transitioning. How to deal with elements that should have both animations?