Direct link to the article Creating Color Themes With Custom Properties, HSL, and a Little calc()

Creating Color Themes With Custom Properties, HSL, and a Little calc()

Before the advent of CSS custom properties (we might call them “variables” in this article as that’s the spirit of them), implementing multiple color schemes on the same website usually meant writing separate stylesheets. Definitely not the most maintainable thing …

Avatar of Dieter Raber
Dieter Raber on

Currying in CSS

Funny timing on this I was just looking at the website for Utopia (which is a responsive type project which I hate to admit I don’t fully understand) and I came across some CSS they show off that looked like …

Avatar of Chris Coyier
Chris Coyier on
Direct link to the article Responsive Designs and CSS Custom Properties: Defining Variables and Breakpoints

Responsive Designs and CSS Custom Properties: Defining Variables and Breakpoints

CSS custom properties (a.k.a. CSS variables) are becoming more and more popular. They finally reached decent browser support and are slowly making their way into various production environments. The popularity of custom properties shouldn’t come as a surprise, because …

Avatar of Mikolaj Dobrucki
Mikolaj Dobrucki on (Updated on )
Direct link to the article CSS Variables + calc() + rgb() = Enforcing High Contrast Colors

CSS Variables + calc() + rgb() = Enforcing High Contrast Colors

As you may know, the recent updates and additions to CSS are extremely powerful. From Flexbox to Grid, and — what we’re concerned about here — Custom Properties (aka CSS variables), all of which make robust and dynamic …

Avatar of Josh Bader
Josh Bader on (Updated on )