The Different Ways to Select <html> in CSS đź”—
Sure, we can select the <html> element in CSS with, you know, a simple element selector, html. But what other (trivial and perhaps useless) ways can w [...]
CSS-Tricks
Posts
Popover API or Dialog API: Which to Choose? đź”—
Choosing between Popover API and Dialog API is difficult because they seem to do the same job, but they don’t! After a bit lots of research, I discove [...]
What’s !important #6: :heading, border-shape, Truncating Text From the Middle, and More 🔗
Despite what’s been a sleepy couple of weeks for new Web Platform Features, we have an issue of What’s !important that’s prrrretty jam-packed. The web [...]
Yet Another Way to Center an (Absolute) Element đź”—
TL;DR: We can center absolute-positioned elements in three lines of CSS. And it works on all browsers! Yet Another Way to Center an (Absolute) Element [...]
An Exploit … in CSS?! 🔗
Read an explanation of the recent CVE-2026-2441 vulnerability that was labeled a "CSS exploit" that "allowed a remote attacker to execute arbitrary co [...]
A Complete Guide to Bookmarklets đź”—
Browsers don't just let you bookmark web pages. You can also bookmark JavaScript, allowing you to do so much more than merely save pages. A Complete G [...]
Loading Smarter: SVG vs. Raster Loaders in Modern Web Design đź”—
Let’s get nuanced in this article and discuss the capabilities of both SVG and raster imaged so that you can make informed decisions in your own work. [...]
Potentially Coming to a Browser :near() You 🔗
Danny has several ideas for how we could use :near(), a proposed pseudo-class that detects when the pointer is near an element. Potentially Coming to [...]
Distinguishing “Components” and “Utilities” in Tailwind 🔗
The distinction between "components" and "utilities" seems clear at first glance, but gets a little blurred when working with them in Tailwind. Distin [...]
Spiral Scrollytelling in CSS With sibling-index() đź”—
Lee accepts a challenge: arranging text in a spiral that animates as a vortex on scroll... all in CSS. Spiral Scrollytelling in CSS With sibling-index [...]
Interop 2026 đź”—
Interop 2026 is officially a thing and there's plenty of new (and even old) CSS features that we can look forward to being cross-browser compatible an [...]
What’s !important #5: Lazy-loading iframes, Repeating corner-shape Backgrounds, and More 🔗
This issue of What’s !important is dedicated to our friends in the UK, who are currently experiencing a very miserable 43-day rain streak. Presenting: [...]
Making a Responsive Pyramidal Grid With Modern CSS đź”—
This is the second part of a small two-part series. In this article, we will explore another type of grid: a pyramidal one. We are still working with [...]
Approximating contrast-color() With Other CSS Features đź”—
The new contrast-color() function is not fully supported yet. But can we still implement it in a cross-browser friendly way using other new CSS featur [...]
Trying to Make the Perfect Pie Chart in CSS đź”—
Can we make pie chart that's semantic, with flexible markup, and avoids using a JavaScript library? Here's how I tackled it. Trying to Make the Perfec [...]