A small piece of JavaScript to run a scroll-driven animation only once.
Author Archives: Bramus!
Animate between states with the View Transition API (2023.09.27 @ devs.gent)
Solved by CSS Scroll-Driven Animations: Detect if an element can scroll or not
Leverage Scroll-Driven Animations + a Space Toggle or State Query to selectively style an element based on it being scrollable or not.
Scroll-Driven Animations Debugger (DevTools Extension)
Mastodon Redirector – A browser extension to rewrite external Mastodon URLs to your own instance
CSS @property improvements in Chrome DevTools (Chrome 118)
Chrome DevTools included with Chrome 118 has some nice improvements to working with @property.
A quick introduction to CSS @scope
Scroll-Driven Animations and View Transitions (2023.06.09 @ CSS Day)
CrBug Release Indicator
A Chrome extension that decorates commits on the Chromium Bug Tracker with the Chrome release number they are included in.
Style Recalculation Secrets They Don’t Want You To Know | Patrick Brosset | CSS Day 2023
This talk by Patrick Brosset is one of my favorite talks from this year’s CSS Day Conference. How do browsers actually recalculate styles when webpages change? Can the way you write CSS impact the speed of the recalculation process? In this talk, we’ll go through the details of how browser engines react to DOM changes …