How to detect HTML 5 compatibility in browser

by

Have a look at Modernizr:

Taking advantage of the new capabilities of HTML5 and CSS3 can mean
sacrificing control over the experience in older browsers. Modernizr 2
is your starting point for making the best websites and applications
that work exactly right no matter what browser or device your visitors
use.

Thanks to the new Media Query tests and built-in YepNope.js
micro-library as Modernizr.load(), you can now combine feature
detection with media queries and conditional resource loading. That
gives you the power and flexibility to optimize for every
circumstance.

It has a lot of built in methods to test for browser features and provides a useful way of providing fallback code for when features you want to use are not supported.

More info: http://www.modernizr.com/

More Related Contents:

  1. Why does my design elements look different in all browsers? UPDATE [closed]
  2. Menu does not align correctly in Safari
  3. CSS technique for a horizontal line with words in the middle
  4. css ‘pointer-events’ property alternative for IE
  5. Browsers’ default CSS for HTML elements
  6. What’s the difference between disabled=”disabled” and readonly=”readonly” for HTML form input fields?
  7. How to align checkboxes and their labels consistently cross-browsers
  8. What are all the valid self-closing elements in XHTML (as implemented by the major browsers)?
  9. Style input type file? [duplicate]
  10. How can I draw vertical text with CSS cross-browser?
  11. Remove white space above and below large text in an inline-block element
  12. Correct way to use Modernizr to detect IE?
  13. How to make HTML Text unselectable [duplicate]
  14. Flexbox and Internet Explorer 11 (display:flex in ?)
  15. Button inside of anchor link works in Firefox but not in Internet Explorer?
  16. Should PUT and DELETE be used in forms?
  17. Flexbox alternative for IE9
  18. local (file://) website favicon works in Firefox, not in Chrome or Safari- why?
  19. Is cross-origin postMessage broken in IE10?
  20. Setting a width and height on an A tag
  21. Image scaling causes poor quality in firefox/internet explorer but not chrome
  22. Fallback for CSS attributes without unit
  23. HTML5 audio not working on Firefox
  24. Extra space under textarea, differs along browsers
  25. header/footer/nav tags – what happens to these in IE7, IE8 and browsers than don’t support HTML5?
  26. Cross-browser link to file on local system
  27. Which versions of IE support PNG favicons?
  28. Zoom changes the design layout
  29. How to make input autofocus in internet explorer?
  30. Which browsers support data URIs and since which version?

Leave a Comment