CSS or BS?
We show you a CSS property name. You tell us if it’s real or if we made it up. That’s it. It starts easy. It does not stay easy.
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.
Related links
Progressive Web Components | Ariel Salminen
I’m slapping my forehead—progressive web components is a perfect name for what I’ve been calling HTML web components. Why didn’t I think of that?
A Progressive Web Component is a native Custom Element designed in two layers: a base layer of HTML and CSS that renders immediately, without JavaScript, and an enhancement layer of JavaScript that adds reactivity, event handling, and more advanced templating.
Custom Asidenotes – Eric’s Archived Thoughts
An excellent example of an HTML web component from Eric:
Extend HTML to do things automatically!
He layers on the functionality and styling, considering potential gotchas at every stage. This is resilient web design in action.
CSS Form Control Styling Level 1
This looks like a really interesting proposal for allowing developers more control over styling inputs. Based on the work being done the customisable select element, it starts with a declaration of appearance: base.
Anchor position tool
This is a great little helper in understanding anchor positioning in CSS.
Related posts
Style your underlines
Make your links beautiful and accessible.
Displaying HTML web components
You might want to use `display: contents` …maybe.
Who knows?
Had you heard of these bits of CSS? Me too/neither!
Supporting logical properties
Using the CSS trinity of feature queries, logical properties, and unset.
Let’s get logical
Let me hear your blocky talk.