Modernizer is awesome.

Published on . Takes about 1 minute to read.

I absolutely HATE supporting IE < 9 designs. It's tedious, frustrating and no fun at all.

I'm designing for HTML5 and CSS3 (the "new" web is here now) and nearly always use the new features both language upgrades bring to modern, sensible browsers.

That's why I've been using Modernizer as part of the HTML5 Boilerplate suite by Paul Irish.

Modernizer To the Resque!

Modernizr is an open-source JavaScript library that helps you build the next generation of HTML5 and CSS3-powered websites.

At first, I took it's promise for automagical compatibility improvements with ehem… older browsers… at trust… but then I fired up my virtual machine and saw the real difference.

Below are 3 pictures of a design I am creating in HTML based on specs from the designer. You decide: is Modernizer 2.0 worth the 10 kilobytes of JS?

How it should look

(Above) Firefox 6 - How It Should Look

With Modernizer

(Above) With Modernizer

Without Modernizer

The Morale

Include CSS reset and HTML5 Boilerplate (or similar) in your design. Really, it helps. A lot.