A collection of code snippets and experiments.
A large site header with hero image, title and navigation on the left half, and a circular logo cutout.
Frosted glass effect using CSS3 filter property. The card's title and description slide up on hover, blurring the card's background behind them.
Concept for a 4-quadrant site header with background hero image.
Simple, responsive, single-div device mockups using raw CSS. Inspired by Stripe. The devices automatically size to the dimensions of the image inside them.
Concept for a floating hamburger menu for mobile.