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>