Keep coding fun while learning to use AI/LLM tools that fit my workflow.

Experimenting with Chrome's built-in AI APIs and Tone.js to create a vibe-based music box.

Quick and dirty entry for the Bad UX World cup where you use the system color picker to select a date.

A noise machine for today's modern world.

Animated version of the Lorenz Attractor using Three.js

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

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

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

It's peg solitaire but with cats.

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

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

More chaotic attractors creating attractive animated artwork.

Chaotic attractors creating attractive artwork.

A WebGL-based viewer for the Mandelbrot set.

You click, you get cats.

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

Dali's La persistencia de la memoria

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

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

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

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

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

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

Stacking simple animations creates seemingly random movement.

A printable zine using CSS Grid and print styles.

Twiddle the knobs to create diverting doodles.