The garage

Side projects, utilities, and experiments worth sharing.

Most of my work involves helping complex organisations turn their digital presence into systems that actually do something, and a lot of that work is coordination: meetings, decisions, aligning people, and some code that makes the pieces real. I often find myself building little tools on the side when an idea appears or a small problem keeps repeating: programs, widgets, utilities, experiments. Things that scratch an itch or curiosity, and help me and colleagues get something done, or just exist because the idea was interesting enough to build.

This is my "virtual garage". Not everything makes it here — some projects are tied to paid work and can't be made public, others are too rough or not yet there, or sometimes just not yet added.

stable

SVGOMG-Font

SVGOMG-Font's split-screen comparison slider, showing the same headline in a broken serif fallback on the left and in the embedded Playwrite DE SAS typeface on the right.

Stop converting SVG text to outlines. Drop an SVG in and get it back with the font subsetted to the characters in use and embedded, so the text stays readable, searchable and translatable.

Read the post Source on GitHub

active

Foveacast

Foveacast Analysis Report view showing a predicted attention heatmap overlaid on a web page, with a rule-of-thirds grid showing attention share per region.

Predicted attention heatmaps for any interface. Drop in a screenshot and see where a typical user is likely to look, with the model running locally in your browser.

Read the post Source on GitHub

Five of my projects are here so far. I'm bringing them across in small batches rather than all at once, so that each one's links, embeds and older entrypoints can be checked before the next lot moves.

How this works#

This page is rendered from src/site/_data/garage.json: I add a JSON entry plus a rewrite line for each GitHub Pages project. The full details are in the blog post.