Chrome and CSS in 2024 journeyed through the forest, over the mountains, and across the seas…
CSS Wrapped 2024
Category Archives: Elsewhere
Re-imagine the web with Scroll-Driven Animations
Here’s a video we – Chrome – launched as part of our EOY campaign, highlighting Scroll-Driven Animations. Create fluid, responsive scroll-driven animations that give your users engaging, app-like web experiences—with only a few lines of CSS, JavaScript, or both. I really like how Scroll-Driven Animations – a feature I have been working on as part …
Continue reading “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.
CSSNestedDeclarations is coming to all browsers to improve CSS Nesting!
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”
The CSS Podcast 089: View Transitions
Last week I joined my colleagues Adam and Una on The CSS Podcast to talk about View Transitions.
Animate to height: auto; (and other intrinsic sizing keywords) in CSS
Use the interpolate-size property or the calc-size() function to enable smooth transitions and animations from lengths to intrinsic sizing keywords and back.
