Stuff I made

I often tinker around in my spare time to make something whimsical, and sometimes useful. Here you will find links to some of these creations 👇

Create and animate hand-drawn annotations on a web page. Elements can be annotated in a number of different styles. Animation duration and delay can be configured, or just turned off.

A graphics library that lets you draw in a sketchy, hand-drawn-like, style. The library defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses. It also supports drawing SVG paths.

The goal of this project is to cover all styles and categories of color pickers, and all color related components for the web.

Brickception is a fun take on the classic breakout game with popup windows!

Legra (Lego brick Graphics) is a small JavaScript library that lets you draw using LEGO® like brick shapes on an HTML <canvas> element.

A set of common UI elements with a hand-drawn, sketchy look. These can be used for wireframes, mockups, or just the fun hand-drawn look.

MathML has been part of part of the HTML5 spec for some time now, but many browsers don't support it (Chrome, for example). This is a simple attempt to use basic javascript, CSS and some SVG to implement MathML compatible notation that works across all browsers.

The easiest way to work with iframes and multiple windows. Windtalk exports a function or an object from within an iFrame or Window. This can now be invoked from any other window.