A rather geeky/technical weblog, est. 2001, by Bramus
StyleObserver: Element.matchContainer()
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.
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>.
Post I wrote a while ago for Chrome for Developers, about some misconceptions about View Transitions that are making rounds.
Chrome and CSS in 2024 journeyed through the forest, over the mountains, and across the seas…
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
<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!
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”
Last week I joined my colleagues Adam and Una on The CSS Podcast to talk about View Transitions.
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.