Can I give you my card?

A digital business card with a relief of my face that moves when you tilt your phone. It took me three goes to get the relief right.

DevDesignInteractionMotion·Aug 2026
Open →

Dither

Five ways of reducing an image down to a grid of marks. I also cover why some dithering methods flicker on video, and which ones I use for motion instead.

DevDesignVisual Design·Jul 2026
Open →

A sentence on a leash

Rebuilding the trailing text from haha.services. It's basically a queue of points, one for each letter, and most of the work was in the spacing.

DevInteractionMotion·Jul 2026
Open →

Shadowboxing

Shadows usually come from a light source that doesn't move, so I tried using the cursor as the light instead.

DevDesignInteraction·Mar 2026
Open →

Proximity

Hover is either on or off. With proximity, elements change size and colour based on how far away the cursor is. I also look at how much it costs per frame.

DevInteraction·May 2026
Open →

Water Shader

A three.js water shader wired into a headless CMS. Mostly an excuse to see how far I could push a WebGL effect with Claude Code.

DevShadersAI·Jan 2026
WIP
Heidi

Heidi

Shazam gives up on a two-hour radio mix. A menu-bar song finder for the tracks you can't place.

DevDesignSwiftUIProduct Design·Jan 2026
Open →

Guy Parker-Rees

Translating a picture-book illustrator's energy into a website. A real client, even if he is my dad.

DevBrand·Jan 2026
Open →
WIP

Refract

A shader that moves with the audio from an AI voice, so the brand's visuals change in real time as it talks.

ShadersAIMotionBrand

On Canvases

Thoughts on the 'death of the canvas', and why the next design tool needs to hold both the canvas and the prompt.

AIProduct Design·Apr 2026
Open →

More coming soon!