Lab
A collection of code snippets and experiments.
Autocomplete
Demonstration of a fully accessible autocomplete/search component in vanilla JavaScript. Based on the WAI-ARIA authoring practices 1.1.
CSS column masonry layout
Pinterest-like masonry layout using CSS column properties. No JavaScript required!
Split screen header
A large site header with hero image, title and navigation on the left half, and a circular logo cutout.
Frosted glass card overlay
Frosted glass effect using CSS3 filter property. The card's title and description slide up on hover, blurring the card's background behind them.
Simple device mockups in CSS
Simple, responsive, single-div device mockups using raw CSS. Inspired by Stripe. The devices automatically size to the dimensions of the image inside them.
