recentpopularlog in


A Strategy Guide To CSS Custom Properties
CSS Custom Properties (sometimes known as ‘CSS variables’) are now supported in all modern browsers, and people are starting to use them in production. This is great, but they’re different from variables in preprocessors, and I’ve already seen many examples of people using them without considering what advantages they offer.

Custom properties have a huge potential to change how we write and structure CSS and to a lesser extent, how we use JavaScript to interact with UI components. I’m not going to focus on the syntax and how they work (for that I recommend you read “It’s Time To Start Using Custom Properties”). Instead, I want to take a deeper look at strategies for getting the most out of CSS Custom Properties.
css  css-variables  css-custom-properties 
may 2018 by vaupeh
Getting Hardboiled with CSS Custom Properties ◆ 24 ways
> If a browser’s too damn stupid to understand the first variable value it encounters (var(--color-text-default)), it will ignore it and move onto the next value in the list (black).
css  css-custom-properties  progressive-enhancement 
december 2017 by sambaldwin
Preventing Reflow
new aspect ratio method with css custom properties
css  css-responsive  css-custom-properties 
june 2017 by callumflack

Copy this bookmark:

to read