







Stu created tidy-typography.css: a style reset for taming typography with modern CSS features for everything from fluid typography and vertical rhythm, to hyphens and variable fonts.
Typo
Design a modular type scale, preview it live, and copy production-ready CSS with optional fluid typography.

Revealing Text With CSS letter-spacing | CSS-Tricks
Until we get something like ::nth-letter, there are still some really cool text effects we can make from existing CSS features, like letter-spacing, ::first-word and ::first-line.

A few HTML tips – Mozilla Hacks - the Web developer blog
A while ago I wrote an article with some CSS tips, now it’s time to give some polish to our HTML! In this article I’ll share some tips and advice ...

Embracing Playful Imperfection With The CSS random() Function — Smashing Magazine
Design systems thrive on consistency, so where does randomness fit in? Through playful demos of organic typography, bouncing letters, and splayed cards, Brecht De Ruyte shows how the new CSS `random()` function brings a little imperfection to the web without JavaScript libraries or preprocessor loops that generate hundreds of lines of static CSS.

Modern CSS snippets. Every old hack, replaced.
Side-by-side comparisons of outdated CSS techniques and their modern native replacements. Grid, custom properties, nesting, container queries, and more.

Modern CSS snippets. Every old hack, replaced.
Side-by-side comparisons of outdated CSS techniques and their modern native replacements. Grid, custom properties, nesting, container queries, and more.

#10: "Bad at CSS" by Keith Cirkel
CSS-Tricks has a new owner! | CSS-Tricks
Yes, I've got the keys to the castle, so to speak. And, even after 12 years of working on the site, I'll admit I'm a little overwhelmed and nervous about that.

Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography
The State of CSS 2020: Conclusion
The annual survey about the latest trends in CSS.

Applying Author Styles | Web Browser Engineering
In the previous chapter we gave each pre element a gray background. It looks OK, and it is good to have defaults, but sites want a say in how they look. Websites do that with Cascading Style Sheets (CSS), which allow web authors (and, as we’ll see, browser developers) to define how a web page ought to look.
CSS is fun again • pdx.su
CSS has been undergoing a quiet renaissance lately. Lots of big features which previously required an external tool to use, are now native parts of the language, and its growing more and more all the time…
Relearn CSS layout
If you find yourself wrestling with CSS layout, it’s likely you’re making decisions for browsers they should be making themselves.

una.im | Modern CSS theming with light-dark(), contrast-color(), and style queries
Combine three new CSS features to build fully adaptive themed components.

good-css
Strong opinions about modern CSS technique, borrowed from experts, for agents to know and reach for.


Taming Typography: Building a Modern CSS Reset | CSS-Tricks
Marko Denic (@markodenic.com)

Two CSS Properties for Trimming Text Box Whitespace | CSS-Tricks
Chrome for Developers (@developer.chrome.com)

New HTML and CSS features you should be using in your design system - zeroheight
Stop buttons triggering zoom when they’re double tapped