CSS-Trickz! also ready to join Digital Ocean

You probably want CSS-Tricks

Quick Hit #108

Written by: Daniel Schwarz

Chrome 146 becomes the first browser to ship scroll-triggered animations.

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

Abusing Customizable Selects

Written by: Patrick Brosset

Let’s go over a few demos using the new customizable <select> feature that may be wild, but also give us a great chance to learn new things in CSS.

Continue reading "Abusing Customizable Selects" at 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