Labs

Experiments and interactive demos

Dabbling with web tech

Photo Effects

Photo Effects

· 3 min · Quick read · Joost van der Laan

Twelve Photoshop photo-effect actions rebuilt as pure CSS — halftone, glitch, prism, dither, chromatic aberration — over a photo you can swap

VHS Tape Text

· 4 min · Article · Joost van der Laan

Typography run through a composite-video signal chain — chroma bleed, tape warble, aperture grille and CRT bloom, in one canvas

Magnetic Type

Magnetic Type

· 1 min · Quick read · Joost van der Laan

Per-glyph pointer distortion on display text — spring physics, hairline ghosts, one accent

Nothing Happens

Nothing Happens

· 1 min · Quick read · Joost van der Laan

A lavender field, a hairline, eight seconds of silence — then one event, once

Soft Bodies

Soft Bodies

· 1 min · Quick read · Joost van der Laan

Draggable Verlet-integrated blobs with distance constraints and area preservation — grab them, fling them, pile them up

Zes

Zes

· 1 min · Quick read · Joost van der Laan

Six Dutch affirmations from a set of cards made for my kid, appearing word by word in the warm palette they were designed in

Dot Field

Dot Field

· 2 min · Quick read · Joost van der Laan

A cursor-reactive dot grid in the site design tokens — spring physics, no libraries, canvas 2D

Design Tokens

Design Tokens

· 8 min · Article · Joost van der Laan

The living design-token contract: every color, type style, scale step, and component, generated straight from DESIGN.md

Gradients & P3

Gradients & P3

· 5 min · Article · Joost van der Laan

Snazzy colors with Display P3 colors - see the difference between sRGB and P3 color spaces