A rather geeky/technical weblog, est. 2001, by Bramus
<custom-ident> and <dashed-ident> values with ident()
Uniquely name a bunch elements in CSS in one go! Instead of assigning 100 unique names through 100 declarations, write only 1 and use ident() to construct the names.
Chrome and CSS in 2024 journeyed through the forest, over the mountains, and across the seas…
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”
Slides of the talk “Observing Style Changes” I gave at the September 2024 meetup of devs.gent at the Lemon Ghent offices.
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.
@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
@starting-style support