Put your CSS calc() hat on because sin(), cos(), tan(), and friends are available in Chrome 111!
CSS Trigonometric Functions land in Chrome 111
(255,255,255) is the Highest Specificity
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
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)