Confused About REM and EM?

REM can be confusing, especially without a solid understanding of its partner EM and their archvillain, the PX. This article does a pretty good job of explaining all that…

Vertical align anything with just 3 lines of CSS

With just 3 lines of CSS (excluding vendor prefixes) we can with the help of transform: translateY vertically center whatever we want, even if we don’t know its height.

Unify Unicode support on Browsers

Not all devices support unicode characters equally – either directly or as @font-face fallbacks. I was hoping that someone had created a site that showed which were the safest to use. I couldn’t find that site, so I decided to make it. I hope it’s useful.

A Font Garde

A set of reliable (nay, bulletproof) patterns for icon fonts…

Bulletproof Accessible Icon Fonts

Care must be taken when implementing icon fonts to ensure a great experience for all users. What happens when your font doesn’t load? What happens when @font-face isn’t supported in the browser? We’ll show you how to implement bulletproof font icons.

A small Sass library for setting type on the web

Gives you an automatic, pixel-perfect, baseline grid across all textual HTML elements based entirely on just a few settings of your choice. Baseline grids without the headaches.

Flexible CSS cover images

The source image is cropped, and below specific maximum dimensions it’s displayed at a predetermined aspect ratio. This post describes the implementation…