We have no other path if we truly want to participate in the 21st century.

David to the American Goliath

A tutorial on how to improve the fidelity of marching squares by instead using triangles.

Walking Triangles

Musings on recent political and historical events, the Queens passing & the Queue.

Into The Past

Unravelling the history of a 108 year old second (and probably more) hand book I bought.

Judging Covers

A tutorial on how to use the Marching Squares algorithm to generate contours from flow-fields.

Marching Squares

A brief post on Heywood Sumner, his works, and the book about his retreat from that art world to the country.

The Book of Gorley

A little fun experiment playing around with ThreeJS, takes an SVG & Renders it as a interactable Particle display


Particle Text

A little generative experiment where I try and create a sun ray like effect emanating from off the canvas

Rays

Random Matrix

QRCode Generator

Generative commuter projects just don't end, a series of little tiles with animated shapes


Pop in pattern

Sometimes you have an idea that really drains your laptop battery, this is one of them.


Particle Spray

I'm old enough to be looking at houses to buy, this is just a little tool to calculate all the costs involved

Housing Calculator

Gradient backgrounds come in and out of fashion, but after seeing a gradient background on lu.ma I figured I'd give a gradient designer an attempt.


Gradient Designer

A new version of my gradient designer with better gradient generation, support for noise, and performance improvements built to try and teach myself shaders & WebGL.


Gradient Shader

GeoJson Viewer

The idea behind this was "Wouldn't it be fun if the password visible eye followed your cursor", this is how it ended. (Only works if you have a cursor)


Font To SVG

Eyes

It's a hard life being a commuter but it gives 40 solid minutes to implement small, self-contained creative projects like this.


Digital Background

Sometimes you watch old 90's movies and see an ASCII terminal effect you really want to implement

ASCII Rain

ASCII Loader

A little ASCII eye animation I created for an as yet unreleased AI project


Ascii Eye

Fully customisable animated gradients, an extension of my gradient designer to create something a bit more lively.


Animated Gradients

A few experiments in rendering AI chat messages via a series of different animations.


AI Chat Experiments

Type scales are one of those things that are deeply embedded in the web ecosystem yet go unmentioned because they're concealed beneath a framework or locked behind a text-xl class token. It's almost disturbing the extent to which we rely on these hidden morsels of knowledge hidden many layers deep within our npm imports.


Type scale generator

If there's one thing you can't avoid is taxes, but in the UK it is quite opaque what you're paying as the process is automatic. I built this to make it clearer what was going on in my finances & put it up as other may find it useful as well.


Taxation Calculator

It's hard to keep track of money, Excel may exist but I'm way too cheap to buy the Microsoft Office suite of products. If I wasn't a programmer, this would have put an end to my accounting ambitions. Fortunately I am blessed, this tool is how I keep track of how my savings & investments will grow over time.


Compounding Interest

During design it's quite key to align your line heights to your base grid size (smallest unit used in your design, used for regular alignment) but classically the line heights are defined as a multiplier of the font size. This is just a simple calculator that lets me work out exactly what the multiplier should be when working with awkward units e.g 29.2px;


Colour Converter

The Rossetti Archive is a digital project that aims to honor the legacy of one of the most influential artists of the Victorian era, Dante Gabriel Rossetti. Rossetti was a leading member of the Pre-Raphaelite Brotherhood, a group of artists and poets who rejected the academic conventions of their time and sought inspiration from the medieval past and nature.


Rosetti Archive

I've always believed that good design knows no industry and can belong to any of them. This is my attempt at proving that by designing & building a website for a logistics company that was both clean and modern.


Logistics Company

My goal was to create a site that combines the timeless charm of mid-century architecture posters with the modern design sensibilities of the 21st century. The result is a website that is both sleek and functional, providing a seamless user experience that highlights Isabella's work.


Christopher Akroyd

Founding Engineer at
Plinth

Github

NPM

LinkedIn

Fun & Projects

Blog

David to the American Goliath

Walking Triangles

Into The Past

Judging Covers

Marching Squares

The Book of Gorley

All Posts →

Christopher Akroyd

Founding Engineer at Plinth

Github

NPM

LinkedIn

Fun & Projects

Blog

David to the American Goliath

Walking Triangles

Into The Past

Judging Covers

Marching Squares

The Book of Gorley

All Posts →

Founding Engineer at
Plinth