General
- 13 Amazing Examples of HTML5 and CSS3
- Coding the future: HTML5 takes the internet by storm
- HTML5 and The Future of the Web
- http://html5doctor.com
- HTML5 Doctor – List of articles.
- W3C HTML specification
- W3C specification for authors
- WHATWG HTML5 Specification
- en.wikipedia.org/wiki/HTML5
- http://www.html5rocks.com/
- http://html5demos.com/
- http://diveintohtml5.org/
- Jeremy Keith, Adactio – blog
- Bruce Lawon: HTML5 – blog
- The Big Web Show #2: HTML5 with Jeremy Keith – 5by5 – Video
- HTML5 and The Future of the Web
Tools and References
- W3C HTML5 logo generator
- HTML5 Please
- Browser charts – CSS3 and HTML5 support
- Check browser support for HTML5
- HTML5 Adactio pocketbook reference
- A Book Apart
Setting up the page
New Elements and Attributes
- w3schools.com HTML tag reference with the new HTML5 tags and deprecated tags.
- w3schools.com – new HTML5 attributes reference
- w3schools.com – new HTML5 events reference
Sectioning Content
- Create a two column layour using DIV tags.
- HTML5 Semantics – Bruce Lawson
- HTML5 Doctor – Let’s Talk about Semantics
- HTML5 And The Document Outlining Algorithm
- HTML 5 Outliner
- JAWS, IE and Headings in HTML5
Audio and Video
- Test your browser for audio support
- vorbis.com – download a free ogg audio file
- MP4Point.com – download a free ogg file mp4 video file
- Native Audio in the browser
- http://24ways.org/2010/the-state-of-html5-audio
- http://www.jplayer.org/
- http://neutroncreations.com/blog/building-a-custom-html5-audio-player-with-jquery/
- http://www.hotscripts.com/category/html5/html5-applications/audio-players/
- 20 Examples of HTML5 Video Player with Source
Canvas
- agent8ball
- Try some drawing at zwibbler.com
- 21 Ridiculously Impressive HTML5 Canvas Experiments
- RGraph – Free HTML5/JavaScript charts and graphs
- http://diveintohtml5.org/canvas.html
- https://developer.mozilla.org/en/canvas_tutorial
- 174 HTML5 Canvas Tutorials, Labs, and Articles
- 7 Creative Ways to Use HTML5 Canvas
- Update to jQuery Visualize: Accessible Charts with HTML5 from Designing with Progressive Enhancement
- How to make a simple HTML5 Canvas game
- Canvas Games
- Tutorial: Developing HTML5 Canvas Games for Facebook with JavaScript – Part 1
Forms
- http://diveintohtml5.org/forms.html
- http://24ways.org/2009/have-a-field-day-with-html5-forms
- http://www.devlounge.net/code/html5-forms-styled-with-css3
- http://www.w3schools.com/html5/html5_form_attributes.asp
- http://www.w3schools.com/html5/html5_form_input_types.asp
- http://www.w3schools.com/html5/html5_form_elements.asp
- HTML5 tests – inputs (mobile)
JavaScript API’s
- The developer’s guide to the HTML5 APIs
- HTML 5 Demos and Examples
- VIDEO – HTML 5: Features you want desperately but still can’t use
- HTML5 Local Storage – Complete Guide
- HTML5 or native app? That is the question for app owners
- Quick Tip: Learning About HTML5 Local Storage
- HTML 5 Geolocation with Safari on the iPhone 3.0 OS, Firefox 3.5 and Chrome