Promised I'd share some of the small quality of life updates I've been working on this weekend. Up first is the ability to link to specific headings with a small link that pops out to the left on hovering!

Here's a version with a persistent progress that sort of acts as a flashlight. As with anything, there are endless options to iterate!

Exploring the idea of a table of contents which I've always liked. This got me thinking that instead of a separate progress indicator, the whole element could be an indicator in itself.

Some `clip-path` magic later, this seems interesting! Not quite where I want it yet, but it's a nice little idea

Got this cute little demo working 😍 Especially proud of the fact that it has a nice border shape in line with the other objects on the page, and that the overlaps are properly sized (even the MDN docs get this wrong!)

There's so many things that can be explored here, from rocket trails to effect behavior (sparkles, flickering, dropoff, size, colors). I think this could be a great gateway to canvas / particles for beginners, as it's super easy to get started but there are endless possibilities to iterate 🎉

Dabbling in fireworks, inspired by @joshwcomeau.com's Whimsy landing page. He does a _lot_ more in his implementation than I do here, but it's a very fun thing to explore!

Published a new interactive blog post on tab roving, a nice little technique for making grids and other element groups more accessible for keyboard navigation!

Check it out: https://nik.digital/posts/tab-roving