HTML5 is hot right now and a lot is being said about it. It is time to take a look at what it means to apply it on the web and see how things work out. Turns out we still have a lot to fix and we need your help.
9. So let’s see what went
wrong there...
★ Purely engineering driven
★ Tested while on the road
★ Never tested in the real
environment
★ Massive media excitement before
it proved its worth
39. First fix - elements created
with JS can be styled in IE.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>header{color:#fff;background:#369;}</style>
<script>document.createElement('header');</script>
</head>
<body>
<header><h1>Hello!</h1></header>
</body>
</html>
40. Remy Sharp packaged that
up nicely in HTML5shiv.
http://code.google.com/p/html5shiv/
41. Cue the purists of the web.
“HTML should work without
JavaScript!”
42. Next solution:
Sending HTML5 as XML or
giving it a namespace.
http://www.ibm.com/developerworks/xml/library/x-think45/
http://www.debeterevormgever.nl/html5-ie-without-javascript/
43. Purist solution:
add DIVs around the new
elements.
.header,header,
.footer,footer,
.aside,aside,
.section,section{
display:block;
}
60. Embedding audio and video
is easy in HTML5
<video src="interview.ogv" controls>
<a href="interview.ogv">Download the video</a>
</video>
61. To make all capable
browsers play the video...
<video controls>
<source src="interview.mp4" type="video/mp4">
</source>
<source src="interview.webm" type="video/webm">
</source>
<source src="interview.ogv" type="video/ogg">
</source>
<p>Download the
<a href="interview.mp4">video in MP4 format</a>.
</p>
</video>
62. Where there is a need,
there is an opportunity for a
business.
71. Bad use of technology
doesn’t only break end user
experiences - it breaks the
web!
http://gawker.com/#!5754678/what-should-our-new-
national-anthem-be