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 const [...]
Bram.us
Posts
Re-imagine the web with View Transitions 🔗
Video from Chrome’s 2024 EOY campaign, highlighting View Transitions. I made sure the code snippets and animations that you see where Technically Corr [...]
Spot Non-Composited Animations in Chrome DevTools 🔗
The animations track of a performance trace can now tell you why an animation was not composited. [...]
CSS Wrapped 2024 🔗
Chrome and CSS in 2024 journeyed through the forest, over the mountains, and across the seas… [...]
Re-imagine the web with Scroll-Driven Animations 🔗
Video from Chrome’s 2024 EOY campaign, highlighting Scroll-Driven Animations. I made sure the code snippets and animations that you see where Technica [...]
Control the Viewport Resize Behavior on mobile with interactive-widget 🔗
For this year’s HTMLHell Advent Calendar I contributed today’s post. It is all about viewports and virtual keyboards – a topic I have researched befor [...]
More options for styling <details> 🔗
You can now set display property values other than block on <details> and also use a ::details-content pseudo-element to style the part that expands a [...]
Experiment: Automatically triggered View Transitions with MutationObserver 🔗
A MutationObserver and document.startViewTransition love story. [...]
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). [...]