"This is for me. The styles in here are useful to me. They are things I find myself doing very often (or forgetting to do.) I'd like to be using this in most demos I make and dipping into it for any future project. I do hope y'all will find some value in it too of course, hence blogging about it, but as a guiding principal it's for me."
"Do accessibility things that are easy to forget about, but nothing so niche it doesn't come up for me often/ever. Don't do too much. None of this is strictly necessary so if it feels too weighty I'd probably find myself not using it. This whole thing is pointless if I don't use it. Doing nothing is totally an option, so if this doesn't feel more useful than just defining styles as you go, it's a fail."
The starter is a personal, opinionated set of CSS defaults intended for frequent reuse in demos and future projects. It favors adding practical styles and UX improvements rather than fully removing user-agent styles. Logical properties are used exclusively to simplify directional layout. Custom properties are intentionally avoided to keep the starter lightweight and to recommend external tokens like Open Props for design variables. Accessibility adjustments that are commonly forgotten are included. Only styles useful to remove are removed. The goal is pragmatic convenience and minimalism to encourage consistent use over exhaustive reset coverage.
Read at Frontendmasters
Unable to calculate read time
Collection
[
|
...
]