The CSS relational selector :has() offers what was previously impossible without JavaScript. Let’s explore some magical powers that :has brings.| Smashing Magazine
In which I set out to write down a wish or two for CSS in 2023, and ended up with a list of sixt—no, wait, seventeen.| meyerweb.com
2022 was a massive year for CSS. We got CSS Layers, more subgrid support, the impossible :has() selector, and WE GOT CONTAINER QUERIES! 🎉 Thank you to everyone who worked on those. A lot of the success for CSS this past year was due to an incredible cross-browser effort called Interop 2022, a loose agreement amongst browsers to try to work on some of the same features so feature support gaps between browsers are shorter.| daverupert.com
Organization, linting, and ease of theming are the primary reasons I'll continue to use Sass despite the capabilities of modern CSS, including the near-future nesting capability. Review how to theme buttons as one example.| thinkdobecreate.com
In more recent years, design systems and component libraries have gained popularity. There is also a desire to build once, deploy anywhere. Meaning a component developed in isolation is intended to work in any number of contexts to make building complex interfaces more efficient and consistent. CSS container queries have landed and are now available for experimentation. Let’s look at what problem is being solved, learn how container queries work, and see how they compare with and complement...| Smashing Magazine
A look at why we need flex wrapping detection in CSS.| ishadeed.com
Learn how to define color palettes that are perceptually uniform using the new Oklch color space and the relative color syntax in CSS.| 12daysofweb.dev
Review (nearly) eleven exciting additions to CSS that became fully or nearly cross-browser in 2022!| 12daysofweb.dev
Learn to create custom, cross-browser, theme-able, scalable radio buttons in pure CSS and ensuring styles remain accessible across states.| Modern CSS Solutions
