A few lines of JavaScript to get all animations linked to an active View Transition.
Category Archives: Original Content
View Transitions Experiment: Automatically trigger a View Transition when a JavaScript Property of an Element changes
Tricking a MutationObserver into observing changes to IDL attributes by syncing the IDL attributes to their Content Attribute counterparts.
Animatable Accordions (2024.11.27 @ devs.gent)
Talk on animating the <details> element with transition-behavior: allow-discrete , interpolate-size: allow-keywords, and ::details-content.
The Future of CSS: Construct <custom-ident> and <dashed-ident> values with ident()
Uniquely name a bunch elements in CSS in one go! Instead of assigning 100 unique names through 100 declarations, write only 1 and use ident() to construct the names.
Spot Non-Composited Animations in Chrome DevTools
The animations track of a performance trace can now tell you why an animation was not composited.
View Transitions Experiment: Automatically triggered View Transitions with MutationObserver
Supercharge Web UX with View Transitions (2024.10.18 @ React Brussels)
Slides + recording of the talk “Supercharge Web UX with View Transitions” I gave at React Brussels 2024
Chrome Dark Mode Toggle v1.1
On top of a per-origin override, you can now set a Chrome-wide preference to have your OS in Dark Mode but all sites in Light Mode (or vice versa).
