readable.css
Summary
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.
View Cached Full Text
Cached at: 05/26/26, 03:21 PM
Similar Articles
CSS & vertical rhythm for text, images, and tables
The article discusses implementing vertical rhythm in web design using CSS, specifically leveraging the `rlh` unit for text alignment and providing a JavaScript workaround for responsive images to maintain consistent spacing.
Algorithmic Theming Engines
The article introduces the new CSS `contrast-color()` function, which allows developers to automatically choose black or white text for accessible contrast against any background color, addressing the persistent issue of low contrast on the web without relying on JavaScript.
Olive CSS: Lisp powered vanilla CSS utility-class a la Tailwind
Olive CSS is a new utility-class CSS framework written in Guile Scheme that mimics Tailwind syntax and can be used as a drop-in replacement in any web project.
Moving away from Tailwind, and learning to structure my CSS
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.
Six Levels of Dark Mode (2024)
An article exploring six levels of dark mode implementation in web design, ranging from barebone meta tag approaches to advanced color scheme switching techniques using CSS.