Spot Non-Composited Animations in Chrome DevTools The animations track of a performance trace can now tell you why an animation was not composited. Read Post →
Experiment: Automatically triggered View Transitions with MutationObserver A MutationObserver and document.startViewTransition love story. Read Post →
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 Read Post →
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). Read Post →
Scroll-driven animated card stack with scroll snap events Dissecting and reworking a very nice demo by Paul Noble. Read Post →
Feature detect Style Queries Support in CSS Awaiting browser support for at-rule(), here’s how you do it. Read Post →
Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up. By adding a long transition-delay to a CSS property under certain conditions (which you can do using a Style Query), you can persist its value. Read Post →
Observing Style Changes (2024.09.25 @ devs.gent) Slides of the talk “Observing Style Changes” I gave at the September 2024 meetup of devs.gent at the Lemon Ghent offices. Read Post →
Feature detecting Scroll-Driven Animations with @supports: you want to check for animation-range too You want to filter out Firefox’s partial implementation … Read Post →
A better capturing mode for View Transitions What if View Transitions animated the clip-path, border-radius, opacity, … properties for you by default? And what if it preserved the hierarchy of the tree? Read Post →