semantic-html

readable.css is a CSS framework that provides a sensible and beautiful base default for websites, with features like light/dark mode, responsive design, and vertical rhythm, emphasizing consistency and semantic HTML.

A deep dive into the five types of HTML lists (ordered, unordered, description, menu, and control) covering when to use each, including form controls like select and datalist, with accessibility considerations.

The author reflects on migrating from Tailwind CSS to vanilla CSS with semantic HTML, sharing insights on structuring CSS using systems like resets, components, and utility classes learned from Tailwind.