0825 — ericportis.com
Well, well, well …following on from my post about container queries, it turns out that Eric has also been thinking about wrangling custom properties. He’s even written some code.
Tags: properties
8
Using CSS variables correctly - Mike Riethmuller
Mike examines the real power of CSS custom properties compared to Sass variables—they can change at runtime.
I’m convinced that in almost all cases, responsive design logic should now be contained in variables. There is a strong argument too, that when changing any value, whether in a media query or an element scope, it belongs in a variable. If it changes, it is by definition a variable and this logic should be separated from design.
Learn CSS Grid - A Guide to Learning CSS Grid | Jonathan Suh
A quick visual guide to CSS Grid properties and values.
Organize your CSS properties however you dang like – Michael.blog
Neither matters all that much and you can use every method on the same project without the universe imploding.
Some interesting approaches in the comments too.
The invisible parts of CSS · MadebyMike
This is a really clear explanation of how CSS works.
CSS Reference - A free visual guide to the most popular CSS properties.
A whole lotta CSS properties and values gathered together in one place. The one-page view is a bit overwhelming, but search and collections can get you to the right bit lickety-split.
Pragmatic, Practical, and Progressive Theming with Custom Properties by Harry Roberts
Harry demonstrates a really good use for CSS custom properties—allowing users to theme an interface.
Incomplete List of Mistakes in the Design of CSS [CSS Working Group Wiki]
I think I concur with this list. Although I guess it’s worth remembering that, given the size of the CSS spec, this isn’t an overly-long list.
It’s interesting that quite a few of them are about how things are named. It’s almost as if that’s one of the, say, two hardest things in computer science.