Typography

Be a Badass

Be a Badass
Test code

Pet project. An experiment with animated css text-shadow through javascript.

CSS Baseline Grid Overlay

JSBin Demo

​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.

HTML Typography Test

JSBin Demo

I created a quick HTML file to test the basic look, arrangement, and alignment of HTML elements, primarily typographic elements. I use it in almost every project to make sure that they work well with each other.