Kevin Reid: Web Development

Toys and interesting things

2003: 15-puzzle using JavaScript and standard DOM.
2003: Stylesheets for Dave Shea’s CSS Zen Garden.
2004: Mouse-maze
2010: Brownian Tree. My first use of that fancy new <canvas> ~~tag~~ element: rendering a Brownian tree using JavaScript.
2010: Varychase, a particle toy that makes animated curly patterns from your mouse movements.
2010: Tile Game, a puzzle game in JavaScript.

2010: Stretchy Status Bar UI sketch. A UI concept for making a row of cryptic status icons less cryptic when requested, in a gratuitously animated manner. (JavaScript/CSS heavy)
2007, rewritten 2013: Resource embedding test.Tests browser behavior for atypical combinations of media types and embedding elements — <object>, <iframe>, etc. Warning: May autoplay audio.
2006: data: is the new Bookmarklet: mini tools written as data: URIs.
2005: Test cases for your document title fetcher.
2003: Experiments with CSS-based mouseover menus.
2003: The Very Ugly Page. Started out to check browser conformance regarding border-color, now also exercises absolute positioning, :hover, text-transform, overflow: hidden, :first-line, :first-letter, and shows a slightly tweaked-to-look-better drop-cap effect.
2003: Find out what your browser shows for the CSS 'system colors'.