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?
Powered by
DigitalOcean
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.
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!
TL;DR: We can center absolute-positioned elements in three lines of CSS. And it works on all browsers!
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.”
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.
.element { corner-shape: scoop; }
.element { rotate: asin(-0.5); }
.element { corner-shape: superellipse(2); }
.element { filter: blur(5px); }
.element { filter: brightness(1.5); }
.element { filter: grayscale(100%); }
.element { opacity: progress(100vw, 400px, 1200px); }
.element { width: abs(-200px); }
.element { animation-range: cover; }
.element { view-timeline-axis: x; /* horizontal axis */ }
.element { view-timeline-inset: 200px 20%; }
