Modernizr - Detect HTML5 and CSS3 features

July 27, 2012 · 1 min read

We all know not all browsers support all HTML5 and CSS3 features at this moment. Modernizr comes to rescue here for all Sites that want to use rich HTML5 and CSS3 features. 

So what is Modenizer? 
Modernizr is a JavaScript library that detects which HTML5 or CSS3 features are supported by your visitor's browser. 

Where can I use Modernizer? 
If your site is using HTML5 or CSS3 feature and want to detect if that feature is supported by your visitor’s browser. If not, you can provide fallback for browsers that do not support those features. 

How to use Modenizer for detect HTML5 features 
Step1: download modernizr.js file from http://modernizr.com/ 
Step2: Add reference to modernizr.js in your html document 

Example 

<!DOCTYPE html> <html class="no-js" lang="en"> <head>   <meta charset="utf-8">   <title>Hello Modernizr</title> <script src="modernizr1.js" type="text/javascript"></script> </head> <body>     <script>         if (Modernizr.video) {             document.write("Yes, support video feature");         } else {             document.write("no, doesn't support video feature");         } </script> </body> </html>

This article is part of the GWB Archives. Original Author: KunaalKapoor

New on Geeks with Blogs

  • We Won The One Award I Actually Care About

    Full Scale made the Inc. 5000 for the fifth year straight, the 12th listing across my three companies. Here is why the one award you cannot buy is worth stopping for.

  • Your Customers Build the Features Now

    I let a tool I liked sit dead for a year rather than build the features I wanted. An MCP server meant I never had to, and your customers can do the same to your product.

  • Get the Size of a Directory in Linux the Easy Way

    du -sh for the quick answer, ncdu for the cleanup, df for the disk itself: every command for checking directory size in Linux, plus why du and df never agree.

  • Vim Search and Replace: The Ultimate Guide

    One :%s command replaces every match in a file before a find dialog would even open. The Vim substitute patterns worth the muscle memory: flags, ranges, capture groups, and multi-file edits.