Modernizr
JavaScript library that detects HTML5 and CSS3 browser support to adapt the application accordingly.
About Modernizr
What is Modernizr?
Modernizr is a lightweight JavaScript library that detects the availability of native implementations of next-generation web technologies (HTML5 and CSS3) in the user's browser. Rather than checking the browser version, it detects whether specific features such as flexbox, canvas, video, geolocation or WebGL are supported.
Use cases
What is Modernizr for?
- A web project that needs to detect if the browser supports canvas, flexbox or WebGL before using them.
- An application that provides a fallback (polyfill) when the browser doesn't support HTML5/CSS3.
- A development approach that wants to move from browser detection to feature detection.
Benefits
Main benefits of Modernizr
Feature detection rather than browser detection: more reliable and maintainable.
Covers CSS (flexbox, border-radius), HTML5 (canvas, video, audio) and specialised technologies (SVG, WebGL).
Lightweight: only 1.83 MB installed.
Allows graceful degradation in browsers without support.
Is it for you?
Who should use Modernizr?
Web developers who want to detect HTML5/CSS3 support to deliver experiences adapted to each browser.
Is Modernizr right for you?
Is Modernizr the right choice for you?
It's a great fit if…
- If you need to detect HTML5 or CSS3 browser support before using those features.
- If you want to offer degraded alternatives when the browser doesn't support a feature.
- If you develop for an audience with diverse browsers.
It might not be for you if…
- If you only develop for modern browsers where HTML5/CSS3 is guaranteed.
- If you need a full framework, as Modernizr is a point-in-time feature detection tool.
Installation
How to install Modernizr on your hosting
Open your hosting panel
Log into your miHosting professional hosting panel and open Softaculous, the application installer included with every plan.
Find Modernizr
Referenced from the page's HTML. Softaculous allows deploying the files to the hosting.
Configure and go live
Choose the domain, language and admin details. Softaculous creates the database automatically and your install is ready in minutes.
Recommended hosting
Why install Modernizr on miHosting
miHosting's professional shared hosting includes Softaculous, PHP and databases already configured, NVMe storage with no artificial limits, free SSL and real technical support if you need help during installation or maintenance of Modernizr.
Choose your plan
Install Modernizr today
Choose the professional hosting plan that best fits your Modernizr project, or try it risk-free with the free plan.
Emprendedor
50% OFF118 $/yr 59 $/yr — free domain included
- ✓3 websites
- ✓1 free domain for the first year
- ✓Unlimited NVMe SSD storage
- ✓Softaculous — 400+ one-click apps
- ✓Free, automatic SSL (Let's Encrypt)
- ✓Free migration included
- ✓Real 24/7 technical support
Plus
50% OFF170 $/yr 85 $/yr — free domain included
- ✓15 websites
- ✓1 free domain for the first year
- ✓Unlimited NVMe SSD storage
- ✓Softaculous — 400+ one-click apps
- ✓Free, automatic SSL (Let's Encrypt)
- ✓Free migration included
- ✓Real 24/7 technical support
Webmaster
50% OFF198 $/yr 99 $/yr — free domain included
- ✓100 websites
- ✓1 free domain for the first year
- ✓Unlimited NVMe SSD storage
- ✓Softaculous — 400+ one-click apps
- ✓Free, automatic SSL (Let's Encrypt)
- ✓Free migration included
- ✓Real 24/7 technical support
Not sure which to choose?
For 1–3 of your own websites, the Emprendedor plan is more than enough. To manage client sites or multiple projects, the Webmaster plan is the go-to choice for agencies and freelancers.
Talk to a technician on WhatsApp →Not ready to commit yet?
Try it with the same NVMe infrastructure as the paid plans, no credit card and no fine print. When you're ready, upgrade to a professional plan with a 50% discount.
- ✓ No credit card required
- ✓ Softaculous included
- ✓ Upgrade whenever you want
Frequently asked questions about Modernizr
Does Modernizr detect the browser or its features?
Features, not the browser. It detects whether the browser supports specific HTML5/CSS3 features, which is more reliable than checking the browser version.
Does Modernizr need PHP or a database?
No, it's a pure client-side JavaScript library.
Launch your project with Modernizr today
Professional hosting with Softaculous, real technical support and a 60-day money-back guarantee.