Posts

Julix

Published on June 09, 2025

A looping Julia Set fractal animation made with vanilla JavaScript. Zoom, pan, change palettes and iteration depth though a control panel.

Prism: Styling Codeblocks

Published on June 03, 2025

An interactive demonstration of the different Prism.js bundles and themes that can be called to a page to style codeblocks for easier reading.

Understanding @graph in Schema.org JSON-LD

Published on June 02, 2025

How to use @graph in Schema.org JSON-LD to better structure your webpage’s data. When you should use it and the alternatives that are available.

Hypotrochoid

Published on May 15, 2025

A canvas animation of nested hypotrochoid curves: pale-grey strokes trace multiple rotating gears on a charcoal backdrop. Code can be found on GitHub.

BIMI Authentication

Published on May 11, 2025

A practical guide to BIMI email authentication: set up DMARC, SVG logos and VMC certificates - boost open rates and increase trust and deliverability.

Create a Random Music Genre

Published on May 10, 2025

Fetch a random music genre from the Binary Jazz API on every click. Basically made up nonsence on-tap that might lend itself to inspiration of sorts.

Is This a Gecko?

Published on May 09, 2025

I created a critter and put some music behind it. Whether it’s a fish, an amphibian or a lizard, who knows? It’s all in the eye of the beholder.

National Archives Lucky Dip

Published on May 07, 2025

Exactly what it says on the tin. Every click pulls a random item from the National Archives. It's easy to get lost in it although frustrating that a lot of detail gets hidden behind a pay wall.

Audit GTM Containers in Sheets

Published on May 04, 2025

A way of auditing the structure of all GTM containers associated with any Google account by extracting the containers meta data into Sheets using Apps Script.

Semantic Data for GA4 Reporting

Published on May 03, 2025

A quick look at how you can use JSON-ld not only to boost your SEO but build semantic reporting in the dataLayer to report in GA4.

Dynamic Sitemaps with Netlify

Published on April 23, 2025

A step‑by‑step guide to building a live‑updating sitemaps for static websites using a tiny and efficient Netlify Function.

Postcode Lookup

Published on April 05, 2025

Research any UK postcode with data from postcodes.io and Perplexity Sonar web‑search‑grounded LLM model.

Kinetic Flux

Published on March 24, 2025

An interactive animation using React and THREE.js that renders a 3D wireframe and uses orbit controls and colour cycling to control the output.

Compress Video From Your Terminal

Published on March 17, 2025

A quick introduction to batch compressing video files in your terminal using FFmpeg. There's no need to use online services. This is a lot easier.

Robohash

Published on March 05, 2025

Robohash is a robot‑based hashing programme for randomised image generation. I didn't create this programme, I just built an interface for it. It's quirky though.

Asteroids

Published on February 26, 2025

An HTML5 canvas animation in an Asteroid theme, made with the help of Claude; the music is from Suno.