Chrome and CSS in 2024 journeyed through the forest, over the mountains, and across the seas…
CSS Wrapped 2024
Tag Archives: css
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”
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.
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.
Introducing @bramus/style-observer, a MutationObserver for CSS
@bramus/style-observer is a MutationObserver for CSS. It allows you to attach JavaScript callbacks to changes in computed values of CSS properties
