Martin Winkler published a package that polyfills Element.matchContainer to get notified in script when a Container Query matches/unmatches. Under the hood, it uses a StyleObserver.
Tag Archives: link
Solved by
CSS attr() gets an upgrade
You can now use `attr()` with any CSS property — not just content – and it can parse values into data types other than <string>.
Misconceptions about View Transitions
Post I wrote a while ago for Chrome for Developers, about some misconceptions about View Transitions that are making rounds.
CSS Wrapped 2024
Chrome and CSS in 2024 journeyed through the forest, over the mountains, and across the seas…
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.