☰
Transmission Line Noise
✕

This looks like a use­ful tool — Modernizr

Mon, Sep 13, 2010

Mod­ern­izr adds classes to the <html> ele­ment which allow you to tar­get spe­cific browser func­tion­al­ity in your stylesheet. You don’t actu­al­ly need to write any Javascript to use it.

Mod­ern­izr uses fea­ture detec­tion to test the cur­rent browser against upcom­ing fea­tures like rgba(), border-radius, CSS Tran­si­tions and many more. These are cur­rently being imple­mented across browsers and with Mod­ern­izr you can start using them right now, with an easy way to con­trol the fall­backs for browsers that don’t yet sup­port them.

Addi­tion­ally, Mod­ern­izr cre­ates a self-titled global JavaScript object which con­tains prop­er­ties for each fea­ture; if a browser sup­ports it, the prop­erty will eval­u­atetrue and if not, it will be false.

Lastly, Mod­ern­izr also adds sup­port for styling and print­ing HTML5 ele­ments. This allows you to use more seman­tic, forward-looking ele­ments such as<section>, <header> and <dialog> with­out hav­ing to worry about them not work­ing in Inter­net Explorer.