For your information, you can find me here:

Posts

Preview

Modern noise

Published: 2025/04/01

A noise machine for today's modern world.

Preview

Lorenz Attractor

Published: 2024/05/14

Animated version of the Lorenz Attractor using Three.js

Preview

Barnsley ferns

Published: 2023/07/16

Quick version of the classic Barnsley Fern fractal with tweakable parameters.

Preview

Anamorphosis

Published: 2023/02/18

A flat pattern turns into a three-dimensional image when folded.

Preview

Bouncy DVD logo

Published: 2022/08/20

The classic bouncing DVD logo in with clean, efficient CSS animation.

Preview

Peg Solo

Published: 2022/08/08

It's peg solitaire but with cats.

Preview

Many circles

Published: 2022/07/24

Optical illusion where the shapes might be moving in a straight line or rotating either way.

Preview

Love you, Satan

Published: 2021/11/23

The "I love you" 🤟 and devil horns 🤘 emoji are surprisingly similar. Here's a fun tappable toggle between them.

Preview

Strange(r) Attraction

Published: 2021/09/12

More chaotic attractors creating attractive animated artwork.

Preview

Strange Attraction

Published: 2021/05/31

Chaotic attractors creating attractive artwork.

Preview

Fractious

Published: 2021/02/26

A WebGL-based viewer for the Mandelbrot set.

Preview

Click 4 Cats

Published: 2021/01/20

You click, you get cats.

Preview

Atomatic

Published: 2020/07/27

A classically (incorrect) view of atoms in the periodic table using Three.js

Preview

Persistence of memory

Published: 2020/05/01

Dali's La persistencia de la memoria

Preview

Create a printable zine

Published: 2020/04/20

How to build a printable zine with the power of CSS grid and print stylesheets.

Preview

Conway's Game of Life

Published: 2020/03/15

An emoji version of the classic cellular automata game. Tap the cells to create a pattern. Customize the emoji and then share it!

Preview

Rolling Circles

Published: 2020/02/10

Each circle moves in a straight line but all together they appear to be rotating.

Preview

Müller-Lyer illusion

Published: 2020/01/06

Animated SVG version of the Müller-Lyer illusion. None of the coloured lines are changing, they all remain the same length!

Preview

Building Rotavo part 2: Form and function

Published: 2019/07/19

How to build a touch-sensitive rotating knob web component.

Preview

Building Rotavo part 1: You spin me right r⟳und

Published: 2019/07/08

How to build a touch-sensitive rotating knob web component.

Preview

Shadowy depths

Published: 2019/07/05

Stacking simple animations creates seemingly random movement.

Preview

Zine Machine

Published: 2019/06/06

A printable zine using CSS Grid and print styles.

Preview

Rotavo

Published: 2019/03/11

Twiddle the knobs to create diverting doodles.