SPAs were a clever solution to a temporary limitation. But that limitation no longer exists. We now have: Native, declarative transitions between real pages; Instantaneous prerendered navigation via Speculation Rules; Graceful degradation; Clean markup, fast loads, and real URLs; A platform that wants to help – if we let it;

If you’re still building your site as an SPA for the sake of “smoothness,” you’re solving a problem the browser already fixed – and you’re paying for it in complexity, performance, and maintainability. Use modern server rendering. Use actual pages. Animate with CSS. Preload with intent. Ship less JavaScript.

SVGs are one of the most remarkable technologies we have access to on the web. They’re first-class citizens, fully addressable with CSS and JavaScript. In this tutorial, I’ll cover all of the most important fundamentals, and show you some of the ridiculously-cool things we can do with this massively underrated tool.

How to serve high-quality, vertical and horizontal video variants and break free from platforms like YouTube

The definitive guide to using public CSS Custom properties to configure web components externally. Surely no one will ever write about this topic again.

Does “visible in the viewport” mean you want to start the animation as soon as the first pixel comes into view? Or do you want to wait until the whole photo is visible? What if you want to start the animation when the photo is halfway through the page? Or if you want to stop the animation when it’s almost off the page, but not quite? So many options!