Video from Chrome’s 2024 EOY campaign, highlighting Scroll-Driven Animations. I made sure the code snippets and animations that you see where Technically Correct™.
Re-imagine the web with Scroll-Driven Animations
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 before, as part of the Interop 2022 Viewport Investigation Effort
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 and collapses.
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).
Scroll-driven animated card stack with scroll snap events
CSSNestedDeclarations is coming to all browsers to improve CSS Nesting!
Feature detect Style Queries Support in CSS
Benchmarking the performance of CSS @property
With @property now being Baseline Newly Available, I thought it’d be a good time benchmark the impact – if any – it has on the performance of your CSS. When starting to use a new CSS feature it’s important to understand its impact on the performance of your websites, whether positive or negative. With @property …
Continue reading “Benchmarking the performance of CSS @property”