Resources

Modernizr

Last updated on 29 July 2012

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

Related Resources

  • ResponsiveSlides.js

    ResponsiveSlides.js

    September 6th, 2012

    ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slider using list items inside <ul>. It works with wide range of browsers including all IE versions from IE6 and up.

  • Image placeholder

    Lazy Load (jQuery)

    December 6th, 2012

    Lazy Load is a jQuery plugin written in JavaScript. It delays loading of images in long web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them. This is opposite of image preloading.

  • Response.JS rwd plugin

    Response JS

    February 10th, 2013

    Response JS provides semantic ways to dynamically swap code blocks based on breakpoints and serve images (or other media) progressively via HTML5 data attributes.

Subscribe to our Newsletter

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