Training,  Tutorials & Guides

Getting Started with HTML 5

What is HTML 5? Well, it is the (X)HTML we know and love with some additional capabilities. Here they are in a nutshell:

• video playback (so we don't need plugins like Flash--currently works in Firefox but not IE 8 actually)
• drag and drop capability
• canvas element for drawing (by the code writer, not the end user - uses JS to do this)
• new content specific elements, like article (external content), footer, header, nav, section
• new form controls including calendar, date, time, email, url, search

Some resources to get you started:

• http://www.w3schools.com/html5/default.asp
• http://diveintohtml5.org/
• http://www.alistapart.com/articles/previewofhtml5
• http://dev.w3.org/html5/spec/Overview.html
• http://html5gallery.com/
• http://net.tutsplus.com/tutorials/html-css-techniques/html-5-and-css-3-the-techniques-youll-soon-be-using/
• http://html5doctor.com/
• http://www.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/
• http://jilion.com/sublime/video
• http://www.techradar.com/news/internet/why-html5-is-here-today-and-not-2022-654828

VIDEO with HTML 5

• speckyboy
• html5video.org

HTML 5 TOOLS

• Cheet Sheet
• modernizr