Having problem on HTML5 and CSS3 with Internet Explorer? The Modernizr library could help you to tackle the problem. It checks the HTML5 and CSS3 features supported by the browser and developers could determine them by checking the classes of the <html> tag.
Download Modernizr and create the following index.html.
View the code in Chrome control panel, you could find the newly added classes.
<html class=" js flexbox flexbox-legacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths"> <head> ...
Developers can make use of the above classes for frontend programming.
3 thoughts on “Modernizr – Tackle the HTML5 and CSS3 problems in old browsers for frontend programming”
I say ask websites like Google and Facebook to practice a “Switch to a new browser day” asking people to switch over. Check this: http://www.beaconwatch.com/post.php?id=18
It really is a pain to fix all those bugs in IE and also not be able to use HTML5 and CSS3.
I would love to see this happens. =D