Modernizr - a JavaScript library allowing you to use CSS3 & HTML5 while maintaining control over unsupported browsers

# Filing a bug?

  • Read this page before filing a new issue. Also details on false positives and our policy on browser bugs.

# [[Authoring a v3 Test]]

  • How to write tests in the new V3 test environment

# [[HTML5 Cross browser Polyfills]]

  • links to shims and polyfills that add functionity of new features to older browser. they work well in combo with modernizr's detects.

# [[Undetectables]]

  • things that maybe cannot be feature detected.

# [[How We Test]]

# Other wiki pages


# Server-side implementations

  • [[modernizr-server|http://github.com/jamesgpearce/modernizr-server]] (php)
  • [[gwtmodernizr|http://code.google.com/p/gwtmodernizr/]]
  • [[rack modernizr|https://github.com/marshally/rack-modernizr]] (ruby)
  • [[django modernizr|https://github.com/dgouldin/django-modernizr]]
  • [[modernizr-rails|https://github.com/russfrisch/modernizr-rails]] (rails 3.1+)
  • [[detector|https://github.com/dmolsen/Detector]] (php)
  • [[Modernizr for Grails|http://grails.org/plugin/modernizr]] / [[(github sources)|https://github.com/delight/grails-modernizr]] (Grails 1.3++)
  • Modernizr for Rails Asset Pipeline
  • modernizr-server for Express

# Other feature detection projects:

# Device detection projects:

  • Categorizr modern device detection script that categorizes devices into 4 categories; desktop, tv, tablet, or mobile. This project is no longer being maintained or actively developed.
  • Detector by dmolsen
  • caniuse uses Modernizr for testing, but its a human-curated list of features and their availability in past and future browsers. (Plus % share of browsers with each feature)
  • html5please recommends how to implement a number of newer browser features.
  • browserfeatures is a JSON document cross-referencing features and the various browser bug tracker tickets that own them

# Sites that use Modernizr

  • Microsoft.com, Twitter.com, Github.com, NFL, posterous, finishline, american eagle, ... [[http://trends.builtwith.com/topsites/Modernizr]]

# Modernizr is used by projects like

  • [[Polymaps|http://polymaps.org/]]
  • [[HTML5Widgets|http://www.useragentman.com/blog/2010/07/27/cross-browser-html5-forms-using-modernizr-webforms2-and-html5widgets/]]
  • [[Plone|http://plone.org/]]