CSS-Trickz! also ready to join Digital Ocean

You probably want CSS-Tricks

Quick Hit #107

Written by: Daniel Schwarz

Font Awesome are launching a Kickstarter campaign to transform Eleventy (11ty) into Build Awesome.

Continue reading "Quick Hit #107" at CSS-Tricks

The Value of z-index

Written by: Amit Sheen

How we look at the stacking order of our projects, how we choose z-index values, and more importantly, the implications of those choices.

Continue reading "The Value of z-index" at CSS-Tricks

Quick Hit #106

Written by: Daniel Schwarz

A new version of Chrome will be released every two weeks (instead of four) starting from September 2026.

Continue reading "Quick Hit #106" at CSS-Tricks

The Different Ways to Select <html> in CSS

Written by: Daniel Schwarz

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 we do it?

Continue reading "The Different Ways to Select <html> in CSS" at CSS-Tricks

Quick Hit #105

Written by: Daniel Schwarz

Safari TP 238 trials customizable <select>, which Chrome has fully implemented already.

Continue reading "Quick Hit #105" at CSS-Tricks

Popover API or Dialog API: Which to Choose?

Written by: Zell Liew

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 discovered that the Popover API and Dialog API are wildly different in terms of accessibility and we’ll go over that in this article.

Continue reading "Popover API or Dialog API: Which to Choose?" at CSS-Tricks

Quick Hit #104

Written by: Daniel Schwarz

Safari TP 238 trials :open, which would make it baseline (yes, really).

Continue reading "Quick Hit #104" at CSS-Tricks

What’s !important #6: :heading, border-shape, Truncating Text From the Middle, and More

Written by: Daniel Schwarz

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 community had a lot to say, it seems, so fasten your seatbelts!

Continue reading "What’s !important #6: :heading, border-shape, Truncating Text From the Middle, and More" at CSS-Tricks

Yet Another Way to Center an (Absolute) Element

Written by: Juan Diego Rodríguez

TL;DR: We can center absolute-positioned elements in three lines of CSS. And it works on all browsers!

Continue reading "Yet Another Way to Center an (Absolute) Element" at CSS-Tricks

An Exploit … in CSS?!

Written by: Lee Meyer

Read an explanation of the recent CVE-2026-2441 vulnerability that was labeled a “CSS exploit” that “allowed a remote attacker to execute arbitrary code inside a sandbox via a crafted HTML page.”

Continue reading "An Exploit … in CSS?!" at CSS-Tricks

Quick Hit #103

Written by: Daniel Schwarz

Firefox 148 makes shape() available without a flag, aligning with Chrome and Safari.

Continue reading "Quick Hit #103" at CSS-Tricks

A Complete Guide to Bookmarklets

Written by: Declan Chidlow

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.

Continue reading "A Complete Guide to Bookmarklets" at CSS-Tricks