Home

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

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.

Community Detects

• Feature detections beyond Modernizr Core. Basically best practice detects for everything worth detecting. Some tests may be listed below that are not part of the detects folder yet.

How We Test

---

Server-side implementations

• modernizr-server (php)
• gwtmodernizr
• rack modernizr (ruby)
• django modernizr
• modernizr-rails (rails 3.1+)
• detector (php)
• Modernizr for Grails / (github sources) (Grails 1.3++)
• Modernizr for Rails Asset Pipeline

Additional Tests

Not in Modernizr community detects yet (contribute them!)

• font smoothing, font-smoothing css prop
• mp3 play detection via data uri http://gist.github.com/253174
• boxshadow inset and spread: http://pastie.org/967149
• :target selector support (and all other selectors) http://gist.github.com/441842
• matchMedia & MediaQueryListener
• min-device-pixel-ratio media query http://pastie.org/1034786 (easy to rewrite with Modernizr.mq)
• iOS5 scrolling Indirect test for one-finger scrolling on iOS 5
• text-stroke css prop
• iOS webapp mode
• attr modified mutation event
• volume control (iOS devices volume can't be controlled)

Other projects with feature detects:

• http://github.com/phiggins42/has.js covers common browser bugs and base features
• https://github.com/Raynos/feature covers Host object detection
• mark pilgrim's diveintohtml5 peeks pokes and pointers
• http://diveintohtml5.info/everything.html XHR 2.0 stuff in there now too.
• netzgesta supports
• html5test
• ringmark

Device detection projects:

• https://github.com/bjankord/Categorizr modern device detection script that categorizes devices into 4 categories; desktop, tv, tablet, or mobile

Sites that use Modernizr

• http://twitter.com/, Github, NFL, posterous, finishline, american eagle.. etc - http://trends.builtwith.com/topsites/Modernizr

Modernizr is used by projects like

• Polymaps
• HTML5Widgets