Exploring how browser engines store Specificity and what, if any, its limits are.
Scroll-Driven Animations: Cover Flow (2022.10.06 @ Full Stack Europe)
Lightning talk on how I recreated Cover Flow using only HTML and CSS, thanks to Scroll-Driven Animations.
The gotcha with @property
@property
Custom properties – even when registered through @property – don’t animate on the compositor.
Using :is() in complex selectors selects more than you might initially think
Because selector matching in browsers happens from right to left, you might end up with more matches than you expected when using .a :is(.b .c).
Sibling Scopes in CSS, thanks to :has() and ~
CSS :has() feature detection with @supports(selector(…)): You want :has(+ *), not :has(*)
CSS in 2022 (and beyond) (2022.10.07 @ Full Stack Europe)
Help choose the syntax for CSS Nesting!
The CSS Working Group is continuing a debate over the best way to define nesting in CSS. And if you are someone who writes CSS, we’d like your help.
A :nth-child(An+B [of S]?) polyfill thanks to CSS :has() and :not()
:nth-child(An+B [of S]?) is not available in all browsers, but thanks to :has we can polyfill it (to a certain extent)
Detect “islands of elements” with the same class, thanks to CSS :has()
Leveraging :has() to detect islands of elements that have the same class, and select the first and last one from those islands.