Lab

Things I am still working out

Half-finished is allowed here — that is the whole reason this is separate from Work. Three of these are live demos you can poke at; the rest are notes on something I was testing.

5 experiments · 3 interactive
5 experiments
  • Accessibility
  • Colour
Live

Contrast Checker

WCAG contrast ratio between any two colours, computed live. Built because I kept opening a web tool for a formula that is four lines long.

Live demoOpen
  • Motion
  • CSS
Live

Easing Visualiser

Drag the two control points of a cubic-bezier curve and watch a dot move to it. The fastest way to feel the difference between ease-out and ease-in-out.

Live demoOpen
  • Backend
  • Algorithms
Live

Rate Limiter Playground

Fixed window, sliding window and token bucket, side by side. Hammer the button and watch which one lets a burst through.

Live demoOpen
  • CSS
  • Performance
Archived

Motion Without a Library

Rebuilt every animation on this site with IntersectionObserver and CSS. Notes on what that costs you, and what it does not.

Notes onlyOpen
  • Postgres
  • Search
In progress

Search Without Elasticsearch

How far Postgres full-text search actually goes before you need a dedicated engine. Further than I expected.

Notes onlyOpen