CSS Posts

Fold & Unfold

When a friend requested a way to present a piece of print media online without losing the novelty created by its multiple folds, we weren't sure if CSS Transforms and Animations would suffice...

Semantic Steps Progress Bar

A very clean semantic HTML progress bar styled with nothing but CSS, requires only one class to style all steps, finished or unfinished.

CSS Baseline Grid Overlay

This is a baseline grid overlay created using some CSS gradients. it simulates a baseline grid based on ems which will allow you to size it according to your site's base font size.