Modernizr | Responsive Web Design

Modernizr

Modernizr

Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser. 

Why use Modernizr?

Taking advantage of cool new web technologies is great fun, until you have to support browsers that lag behind. Modernizr makes it easy for you to write conditional JavaScript and CSS to handle each situation, whether a browser supports a feature or not. It’s perfect for doing progressive enhancement easily.

How it works

Modernizr runs quickly on page load to detect features; it then creates a JavaScript object with the results, and adds classes to the 

html

 element for you to key your CSS on. Modernizr supports dozens of tests, and optionally includes YepNope.js for conditional loading of external .js and .css resources.Check out the full list of features that Modernizr detects, or learn more about conditional resource loading with Modernizr
.

  • Resource Name

    Modernizr

  • Resource Creator

    Faruk Ates

Description

Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser.

View on Github Download Resource

Sites that use Modernizr

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.