HTML5 Way Around For IE

HTML5 articles are everywhere from the begging of the year. Although HTML5 is still a draft version, we can start using some of features. The problem is IE. If you can ignore IE6 there are quite few features we can use from today.

This website shows when you can use HTML5 (CSS3 and more). And also you can find html5 demos here. These websites show you which browsers support which html5 features and useful links.

I have tested some HTML5 solutions for IE and the following is summary.

What is HTML5?

If you are new to HTML5, here are some resources.

  1. Read about HTML5 section elements.
  2. Article from Smashing magazine about HTML5.
  3. Watch this presentations to see what you can do.
  4. This website is a showcase for HTML 5 websites.
  5. You can ask questions about HTML 5 at html5doctor.
  6. Find HTML5 tag reference here.
  7. HTML5 cheasheet is here.

HTML5 elements

IE does not render HTML5 elements such as header, section, nav, article, aside and footer.
There are quite few solutions you can use. Websites at html5gallery are using one of them.

  1. HTML5 Shiv
  2. HTML enabling script
  3. IE Print protector
  4. Styling HTML5 markup in IE without script

It seems that Remy Sharp’s HTML enabling script is very popular. However IE Print Protector add print safe output on the Remy’s “HTML5 enabling script”.

Video Element

  1. Kaltura is a bit buggy at the moment. If you reload the page, it does not work in IE 7/8
  2. Video for everybody
  3. projekktor works in IE 7/8.


Kaltura


Video for everybody

Both worked fine in IE 7/8. You can read Kaltura’s “Getting started” here and Video for everybody’s “How it works” here.

Canvas Element

explorercanvas enable us to use canvas in IE 7/8.

HTML5 canvas graph library based on the HTML5 canvas tag works for IE8.

Audio Element

This SoundManager 2 works for IE 7/8.

Drag and Drop

It is partially supported in IE7/8. This demo works fine in both IE 7/8 but this one does not work in both IE 7/8.

Other resources

Modernizer
Please let me know in the comments if there are any other HTML5 we can use now.

No related posts.

2 comments to HTML5 Way Around For IE

Leave a Reply

 

 

 

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>