Side Projects

YSU

Stream updates to React components from ES6 generators.

React Hook Combobox

Custom React hook for building accessible WAI-ARIA compliant comboboxes.

Immutable Styles

Experimental Elm inspired compiler that catches CSS bugs ahead of time.

mono

Study into whether borrowing access modifiers from object-oriented languages could make CSS less fragile and more predictable.

lexeme

Node JS based lexical analyzer that turns CSS into parser friendly tokens ready to be consumed by any willing compiler.

css-leader-board

Static code analyzer for CSS that surfaces the most commonly used declarations. Developed whilst on the KAYAK Core UI Architecture team to focus our efforts on optimizing CSS.

Image2Gradient

Java algorithm that replicates images using CSS gradients with the intention of increasing the perceived speed of loading images.

Sift.js

Filter a result-set via single or multiple choice, or by a specific date or range of dates.

DateRange.js

A multi-month date-picker that makes fast work of time travelling into the past, present or future.

Complete-Me

DOM friendly autocomplete capable of rendering thousands of results by decoupling data from markup.

DateJust.js

Google inspired date-picker touting advanced interactions for power users via mouse and trackpad gestures.

SLAB

Search like a boss with an Gmail inspired search text field.

Preact

Not the Preact but rather the first (I think) libraries for content placeholders in React. Admittedly shows my age; remember when React had mixins!

EffortLESS

Online tool to visualize and share colour palettes defined in LESS.