Quick Hit #106
A new version of Chrome will be released every two weeks (instead of four) starting from September 2026.
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 we do it?
Continue reading "The Different Ways to Select <html> in CSS" at CSS-Tricks
Quick Hit #105
Safari TP 238 trials customizable <select>, which Chrome has fully implemented already.
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 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
Safari TP 238 trials :open, which would make it baseline (yes, really).
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 community had a lot to say, it seems, so fasten your seatbelts!
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!
Continue reading "Yet Another Way to Center an (Absolute) Element" at CSS-Tricks
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 code inside a sandbox via a crafted HTML page.”
Quick Hit #103
Firefox 148 makes shape() available without a flag, aligning with Chrome and Safari.
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.
Continue reading "A Complete Guide to Bookmarklets" at CSS-Tricks
Quick Hit #102
Bramus very quickly walks us through the new scrolled scroll-state query.
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.
Continue reading "Loading Smarter: SVG vs. Raster Loaders in Modern Web Design" at CSS-Tricks