This is the first post of a two-part series that looks into the way CSS variables can be used to make the code for complex layouts and interactions less

Let's make user interfaces truly colorful!

CSS variables are very powerful, and they allow to do a lot of interesting things. But there are no native conditionals that we could use in CSS with them. In this article I’ll talk about one of the ways we can fake such conditions with calculations.

Website for Adam Argyle: Teacher, Speaker, CSSWG member, and creator of Open Props and VisBug.

Managing our colors can truly help people to access our content. In this article, Brecht de Ruyte takes a deep dive into how we can create a high-contrast system while maintaining a balance between designing something accessible and respecting the look and feel of a brand.

Open source CSS custom properties to help accelerate adaptive and consistent design. Available from a CDN or NPM, as CSS or Javascript.

As part of Widen's commitment to contributing back to the open-source community, we have sponsored work to improve the CSS variables implementation in WebKit...

Pass several colors and styles to a SVG symbol instance, using CSS Custom Properties. This requires preparing SVG icons to accept specific names.

How leveraging CSS variable composition and HSLA colors helped me build a more efficient way to theme my apps and rely less on CSS-in-JS.

CSS variables (AKA custom properties) have been supported in web browsers for almost four years. I like to use them depending on the project and the situatio...