CINXE.COM

<!doctype html><html lang=en><head><meta charset=utf-8><meta name=google-site-verification content=il-E6_rjDwhABF0CtrGlyr-tWXUSPY9NfDil4AdIBjs><meta name=viewport content="width=device-width,initial-scale=1"><meta http-equiv=X-UA-Compatible content="IE=edge"><title>Modernizr: the feature detection library for HTML5/CSS3</title><link rel=stylesheet href="/css/main.css"><link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600" rel=stylesheet><link rel=alternate type=application/rss+xml title="RSS Feed for Modernizr.com" href="/feed"><link rel=prerender href=download></head><body><header class=header role=banner><div class=header-logo><a title=modernizr.com href="/"><i class=logo>Modernizr</i></a></div><label for=header-items-toggle class=header-items-toggle>MENU</label><input id=header-items-toggle class=option-checkbox type="checkbox"><nav role=navigation class=header-items><a class=header-item href=/download>Download</a> <a class=header-item href=/docs>Documentation</a> <a class=header-item href=/news>News</a> <a class=header-item href=/resources>Resources</a></nav></header><main role=main id=main class=home><h1 class=home-heading>Respond to your user’s browser features.</h1><h3 class=home-subheading>Modernizr tells you what HTML, CSS and JavaScript features the user’s browser has to offer.</h3><a class=fakebtn href=/download>Add your detects</a> <a class="fakebtn fakebtn--secondary" href=/download?do_not_use_in_production>Development build</a><div class=home-info><div class=home-blurbs><div class=home-blurb><h3>What is Modernizr?</h3><p>It’s a collection of superfast tests – or “detects” as we like to call them – which run as your web page loads, then you can use the results to tailor the experience to the user.</p></div><div class=home-blurb><h3>Why do I need it?</h3><p>All web developers come up against differences between browsers and devices. That’s largely due to different feature sets: the latest versions of the popular browsers can do some awesome things which older browsers can’t – but we still have to support the older ones.</p><p>Modernizr makes it easy to deliver tiered experiences: make use of the latest and greatest features in browsers which support them, without leaving less fortunate users high and dry.</p></div></div><div class=home-boxes><div class="home-box column"><h3 class=box>Getting Started</h3><ul class=box><li><a href=/docs/#what-is-modernizr>Modernizr explained</a></li><li><a href=/docs/#what-is-feature-detection>What is feature detection?</a></li><li><a href=/docs/#using-modernizr-with-javascript>Using Modernizr with JavaScript</a></li><li><a href=/docs/#using-modernizr-with-css>Using Modernizr with CSS</a></li></ul></div><div class="home-box column"><h3 class=box>Latest News</h3><ul class=box><li><a href=/news/modernizr-3-5-0>Modernizr 3.5.0</a></li><li><a href=/news/modernizr-3-4-0>Modernizr 3.4.0</a></li><li><a href=/news/modernizr-3-3-1>Modernizr 3.3.1</a></li><li><a href=/news/modernizr-3-3-0>Modernizr 3.3.0</a></li></ul></div><div class="home-box column"><h3 class=box>Talk to us</h3><ul class=box><li><a href=https://twitter.com/modernizr>Twitter</a></li><li><a href=https://stackoverflow.com/questions/tagged/modernizr>StackOverflow</a></li><li><a href=https://github.com/modernizr/modernizr/issues>GitHub</a></li><li><a href="https://paulirish.wufoo.com/forms/p1hsxsru1ohiv0u/">Contact</a></li></ul></div></div></div></main><footer role=contentinfo class=footer><div class=footer-links><p>Made with love by <a class=teamMember href=https://twitter.com/KuraFire>Faruk</a>, <a class=teamMember href=https://twitter.com/paul_irish>Paul</a>, <a class=teamMember href=https://twitter.com/SlexAxton>Alex</a>, <a class=teamMember href=https://twitter.com/ryanseddon>Ryan</a>, <a class=teamMember href=https://twitter.com/patrickkettner>Patrick</a>, <a class=teamMember href=https://twitter.com/stucoxmedia>Stu</a>, and <a class=teamMember href=https://twitter.com/doctyper>Richard</a>.</p><p><a target=_blank href=/feed>Subscribe to the feed</a>, <a href=https://twitter.com/Modernizr>follow on twitter</a>, or <a href="https://paulirish.wufoo.com/forms/p1hsxsru1ohiv0u/">contact us</a>. <a href=https://www.paypal.me/modernizr/25>Donations are cool, too</a>.</p></div><a class=hiddentext title="Check out the code on github" href=https://github.com/modernizr/modernizr>Check out the code on github</a></footer><script async src=/js/build.js></script><script async>!function(e,a,t,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=a.createElement(t),s=a.getElementsByTagName(t)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-3764464-7","auto"),ga("send","pageview");</script> <script async id="netlify-rum-container" src="/.netlify/scripts/rum" data-netlify-rum-site-id="fb4c0219-95c9-4eba-9930-c2c7ad9ce53c" data-netlify-deploy-branch="" data-netlify-deploy-context="production" data-netlify-cwv-token="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzaXRlX2lkIjoiZmI0YzAyMTktOTVjOS00ZWJhLTk5MzAtYzJjN2FkOWNlNTNjIiwiYWNjb3VudF9pZCI6IjYzMjlkMzk1OGQ5MWQ0NDM3MWMwN2VkZCIsImRlcGxveV9pZCI6IjY0MzVjMzc5NGFjODcyM2IzODQzNDRkZCIsImlzc3VlciI6Im5mc2VydmVyIn0.Gl1llcUqBAV6ZRfFbCy0IZxvXkdGdHddRg-M2b7i5zg"></script></body></html>