HTML5 Design (Best of)
Wednesday, October 13th, 2010
Christopher Schmitt @teleject
Web Design Specialist, Heatvision.com, Inc.
Of course I had to check out the session that beat me :) Not surprising though – HTML5 is a hot topic.
XHTML is dead.
About 90 HTML elements. In XHMLÂ is just a XML representation. We still have limited tags.
Microformats are great, but not a high adoption rate.
Chris just found a valid reason to include the chocolate rain video in the presentation.
Book recommendation: “How buildings learn”
HTML5
- Hey who shrunk your doctype???
- No need for quotes in attributes.
- Caps or camelcase – doesn’t matter.
- No need for a trailing slash
It’s 1999 all over again. Seems lazy/sloppy to me. Now I am just going to have to look at more ugly code.
- <section> clarifies <div>
- <article> replaces <div id=”content”>
- <aside> replaces <div id=”sidebar”>
Like always we have to trick IE to work right (html-shiv) “createElement” and “display:block”.
Progressively Enhanced HTML5
(infused with shim) Well modernizr really – which includes it an more
- <audio> – makes it very easy to make background music (booooo!) Problem is, not all browsers support one file format. So… we can just use multiple “source ” attributes. It will go on till it finds the one it can play.
- <video> – can add poster frame manually. JavaScript for custom controls – woot! Captioning is quite a lot easier to work with. JCaps (jQuery plugin)
- Geolocation – built in: navigator.geolocation. HTML5-Geolocation-jquery-plugin can simplify things.