A friendly foray into web payment annoyances
I polled you, my social media peers, on what irked and irritated you when it came to paying for things on the web. This is what you said...
rowan.fyi
Rowan Merewood's site featuring a variery of web development projects and posts.
Latest posts
Fractious (deep)
A deep dive (ho ho) into the Mandelbrot set rendered with Wasm and WebGPU.
Gemini CLI and Jules: my March 2026 stack
Keep coding fun while learning to use AI/LLM tools that fit my workflow.
Musaic box
Experimenting with Chrome's built-in AI APIs and Tone.js to create a vibe-based music box.
Color date picker
Quick and dirty entry for the Bad UX World cup where you use the system color picker to select a date.
Modern noise
A noise machine for today's modern world.
Lorenz Attractor
Animated version of the Lorenz Attractor using Three.js
Barnsley ferns
Quick version of the classic Barnsley Fern fractal with tweakable parameters.
Anamorphosis
A flat pattern turns into a three-dimensional image when folded.
Bouncy DVD logo
The classic bouncing DVD logo in with clean, efficient CSS animation.
Peg Solo
It's peg solitaire but with cats.
Many circles
Optical illusion where the shapes might be moving in a straight line or rotating either way.
Love you, Satan
The "I love you" 🤟 and devil horns 🤘 emoji are surprisingly similar. Here's a fun tappable toggle between them.
Strange(r) Attraction
More chaotic attractors creating attractive animated artwork.
Strange Attraction
Chaotic attractors creating attractive artwork.
Fractious
A WebGL-based viewer for the Mandelbrot set.
Click 4 Cats
You click, you get cats.
Atomatic
A classically (incorrect) view of atoms in the periodic table using Three.js
Persistence of memory
Dali's La persistencia de la memoria
Create a printable zine
How to build a printable zine with the power of CSS grid and print stylesheets.
Conway's Game of Life
An emoji version of the classic cellular automata game. Tap the cells to create a pattern. Customize the emoji and then share it!
Rolling Circles
Each circle moves in a straight line but all together they appear to be rotating.
Müller-Lyer illusion
Animated SVG version of the Müller-Lyer illusion. None of the coloured lines are changing, they all remain the same length!
Building Rotavo part 2: Form and function
How to build a touch-sensitive rotating knob web component.
Building Rotavo part 1: You spin me right r⟳und
How to build a touch-sensitive rotating knob web component.
Shadowy depths
Stacking simple animations creates seemingly random movement.
Zine Machine
A printable zine using CSS Grid and print styles.
Rotavo
Twiddle the knobs to create diverting doodles.