Web Development

A Better API for the Resize Observer

Resize Observer, Mutation Observer, and Intersection Observers are all good APIs that are more performant than their older counterparts: ResizeObserver is better than the resize event MutationObserver replaces the now deprecated Mutation Events IntersectionObserver lets you do certain scroll interactions with less performance overhead. The API for these three observers are quite similar (but they

A Better API for the Resize Observer Read More »

Breaking Boundaries: Building a Tangram Puzzle With (S)CSS

For years, I believed that drag-and-drop games — especially those involving rotation, spatial logic, and puzzle solving — were the exclusive domain of JavaScript. Until one day, I asked AI: “Is it possible to build a fully interactive Tangram puzzle game using only CSS?” The answer: “No — not really. You’ll need JavaScript.” That was all

Breaking Boundaries: Building a Tangram Puzzle With (S)CSS Read More »

Creating The “Moving Highlight” Navigation Bar With JavaScript And CSS

I recently came across an old jQuery tutorial demonstrating a “moving highlight” navigation bar and decided the concept was due for a modern upgrade. With this pattern, the border around the active navigation item animates directly from one element to another as the user clicks on menu items. In 2025, we have much better tools

Creating The “Moving Highlight” Navigation Bar With JavaScript And CSS Read More »