Written by: Andy Clarke
A versal letters is a typographic flourish found in illuminated manuscripts and traditional book design, where it adds visual interest and helps guide a reader’s eye to where they should begin.
Continue reading "Getting Creative With Versal Letters" at CSS-Tricks
Written by: Geoff Graham
Gathered notes on Liquid Glass, Apple’s new design language that was introduced at WWDC 2025. These links are a choice selection of posts and resources that I’ve found helpful for understanding the context of Liquid Glass, as well as techniques for recreating it in code.
Continue reading "Getting Clarity on Apple’s Liquid Glass" at CSS-Tricks
Written by: Sunkanmi Fafowora
State of Devs 2025 survey results are out! Sunkanmi Fafowora highlights a few key results about diversity, health, and salaries.
Continue reading "What I Took From the State of Dev 2025 Survey" at CSS-Tricks
Written by: Daniel Schwarz
The many ways to juggle line length when working with text… including two proposed properties that could make it easier in the future.
Continue reading "Setting Line Length in CSS (and Fitting Text to a Container)" at CSS-Tricks
Written by: Amit Sheen
I was playing around with scroll-driven animations, just searching for all sorts of random things you could do. That’s when I came up with the idea to animate main headings and, using scroll-driven animations, change the headings based on the user’s scroll position.
Continue reading "Scroll-Driven Sticky Heading" at CSS-Tricks
Written by: Geoff Graham
Layout. It’s one of those easy-to-learn, difficult-to-master things, like they say about playing bass. Not because it’s innately difficult to, […]
Continue reading "The Layout Maestro Course" at CSS-Tricks
Written by: Temani Afif
The shape()
function’s close
and move
commands may not be ones you reach for often, but are incredibly useful for certain shapes.
Continue reading "Better CSS Shapes Using shape() — Part 4: Close and Move" at CSS-Tricks
Written by: Patrick Brosset
Styling the space between layout items — the gap — has typically required some clever workarounds. But a new CSS feature changes all that with just a few simple CSS properties that make it easy, yet also flexible, to display styled separators between your layout items.
Continue reading "The Gap Strikes Back: Now Stylable" at CSS-Tricks
Written by: Zell Liew
Being the bad boy I am, I don’t take Tailwind’s default approach to cascade layers as the “best” one. Over a year experimenting with Tailwind and vanilla CSS, I’ve come across what I believe is a better solution.
Continue reading "Using CSS Cascade Layers With Tailwind Utilities" at CSS-Tricks
Written by: Geoff Graham
An early preview of Chrome 139 includes six new CSS features, including the first hint of custom functions.
Continue reading "Quick Hit #51" at CSS-Tricks
Written by: Juan Diego Rodríguez
Blob, Blob, Blob. What’s the most effective way to create blob shapes in CSS? Turns out, as always, there are many. Let’s compare them together!
Continue reading "CSS Blob Recipes" at CSS-Tricks
Written by: Geoff Graham
KelpUI is new library that Chris Ferdinandi is developing, designed to leverage newer CSS features and Web Components. I’ve enjoyed following Chris as he’s published an ongoing series of articles detailing his thought process behind the library, getting deep into his approach. You really get a clear picture of his strategy and I love it.
Continue reading "KelpUI" at CSS-Tricks