Geeks With Blogs
SharePoint Wiki! Sharing is gaining...
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>
Posted on Friday, July 27, 2012 2:57 AM | Back to top


Comments on this post: Modernizr - Detect HTML5 and CSS3 features

# online services send gifts to rabwah like flowers cakes mithai and other gifts
Requesting Gravatar...
this html is very informative for me. do you tell me how i add Facebook link on my site
Left by john smith on Aug 01, 2012 9:45 PM

# re: Modernizr - Detect HTML5 and CSS3 features
Requesting Gravatar...
I will try it.

nevada escorts
Left by rajib saha on Aug 02, 2012 4:51 PM

Your comment:
 (will show your gravatar)


Copyright © KunaalKapoor | Powered by: GeeksWithBlogs.net