CSS-Trickz! also ready to join Digital Ocean

You probably want CSS-Tricks

Getting Creative With Versal Letters

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

Getting Clarity on Apple’s Liquid Glass

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

What I Took From the State of Dev 2025 Survey

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

Setting Line Length in CSS (and Fitting Text to a Container)

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

Scroll-Driven Sticky Heading

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

The Layout Maestro Course

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

Better CSS Shapes Using shape() — Part 4: Close and Move

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

The Gap Strikes Back: Now Stylable

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

Using CSS Cascade Layers With Tailwind Utilities

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

Quick Hit #51

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

CSS Blob Recipes

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

KelpUI

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