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 Read 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! @keyframes animations can Read more…
TL;DR: We can center absolute-positioned elements in three lines of CSS. And it works on all browsers! .element { position: absolute; place-self: center; inset: 0; } Why? Well, that needs a longer answer. In recent years, CSS has brought a Read more…
Ok, take a deep breath. We’ll have some fun understanding this vulnerability once you make sure your browser isn’t affected, using the table below. Chromium-based browser Am I safe? Google Chrome Ensure you’re running version 145.0.7632.75 or later. Go to Read more…
You’re surely no stranger to bookmarks. The ability to favorite, save, or “bookmark” web pages has been a staple browser feature for decades. Browsers don’t just let you bookmark web pages, though. You can also bookmark JavaScript, allowing you to Read more…
I got this interesting question in an SVG workshop: “What is the performance difference between an SVG loader and simply rotating an image for a loader?” The choice between Scalable Vector Graphics (SVG) and raster image loaders involves many factors Read more…
Just before we wrapped up 2025, I saw this proposal for :near(), a pseudo-class that would match if the pointer were to go near the element. By how much? Well, that would depend on the value of the <length> argument Read more…
Here’s a really quick tip. You can think of Tailwind utilities as components — because you can literally make a card “component” out of Tailwind utilities. @utility card { border: 1px solid black; padding: 1rlh; } <div class=”card”> … </div> Read more…
Confession time: I’ve read about the performance benefits of scroll-timeline(), but when I see an impressive JavaScript scrollytelling site like this one, it makes me question if the performance of old-school, main-thread scrollytelling is all that bad. The other shoe Read more…
Interop 2026 is formally a thing. So, you know all of those wild, new CSS features we’re always poking at but always putting under a “lack of browser support” caveat? The Big Three — Blink (Chrome/Edge), WebKit (Safari), and Mozilla Read more…
