JavaScript

I’ve been working on image-atomizer-js — a canvas effect that turns an image into thousands of particles (“atoms”) that settle into place and react to mouse hover/touch. This kind of project can be a performance trap, if you’re not careful: This post is a write-up of the four biggest optimizations that moved the needle, plus […]

We’ve all seen static images on websites. They’re nice, but what if your images could be more than decoration? What if they could invite your visitors to play! Like click, reveal, solve little challenges, and interact like a mini-game? That’s exactly what I’ve been experimenting with on my portfolio: using JavaScript to make images interactive.

So lately I’ve been busy rebuilding my dev portfolio site. Like any good portfolio, I wanted the hero section (that big first impression spot at the top of the page) to have something… well, fancy. That’s where imageAtomizer.js comes in. It’s a little JavaScript library I built that takes any image and explodes it into

Hey friends! I’ve been tinkering with another little JavaScript helper-plugin lately, and thought I’d share it here: alphaListNav.js. AlphaListNav is about making very long HTML lists easier to navigate and making them shorter so the user doesn’t need to scroll down a whole page (or two) just to begin reading the next bit of content!