Link to another website with embedded SitePoint Live Tutorial
SitePoint HTML5 Live by John Allsop
If you’re a web designer or developer and don’t want to be left behind in this HTML5 revolution, this is one course you don’t want to miss.
Mastering a language like HTML5 can be intimidating. It doesn’t have to be!
Under the expert guidance of John Allsopp, you’ll find the combination of digestible audio, video and mini-articles to be so much fun, you won’t even realize how much you’ve learned by the time you’re done.
Outline
Lesson 1: What exactly is HTML5?
- Brief overview of HTML5 features
A brief overview of the different features of HTML5, markup and web application features like Geo API, web workers, support for offline web sites and applications. - Can I really use HTML5 right now?
What browser support is there for HTML5, and what about older browsers? Where and when can I use these different features of HTML5
- Lesson 2: Markup Part 1
- HTML5 doctype
- Charsets
- Structural semantics
- Header
- Footer
- Nav
- Lesson 3: Markup Part 2
- Structural semantics
- Sections and articles
- Aside
- Figures and figcaptions
- Time
- Lesson 4: ARIA
- Facilitating keyboard access wth tabindex
- Extending semantics with the role attribute
- Using the role attribute
- Landmark and document structure roles
- Application roles
- Lesson 6: Native Audio and Video
- The video element
- The audio element
- The source element
- Fallbacks for older browsers
- The state of codecs in browsers
- h.264
- Ogg theora and vorbis
- VP8
- Online Video and Audio accessibility
- Lesson 7: Drawing with the canvas element
- Warning JavaScript ahead
- The canvas element
- Checking for support, and fallbacks
- Creating a 2D context
- Drawing rectangles
- Filling rectangles
- Erasing rectangles
- Drawing lines
- Drawing other shapes with paths
- Drawing text
- Other features of canvas
- Transformations
- Compositing
- Clipping
- Lesson 8: Quality assurance for HTML5
- Dealing with browser support
- Validating HTML5
- Lesson 9: Bringing It All Together
- Converting a complex site to HTML5
W3C – HTML5 – A vocabulary and associated APIs for HTML and XHTML -W3C Working Draft 25 May 2011
http://www.w3.org/TR/html5/
W3C – HTML5 differences from HTML4 – W3C Working Draft 25 May 2011
http://www.w3.org/TR/html5-diff/
W3C – HTML5 W3C Working Draft 19 October 2010 (http://www.w3.org/TR/html5/)
sitepoint – Yes, You Can Use HTML 5 Today (http://articles.sitepoint.com/article/html-5-snapshot-2009)
sitepoint – HTML5 and Even Fancier Forms (http://articles.sitepoint.com/article/html5-forms)
sitepoint – Is HTML5 Viable Today? (http://blogs.sitepoint.com/2010/07/19/is-html5-viable-today/)
sitepoint -HTML 5: Now or Never? (http://blogs.sitepoint.com/2009/05/26/html-5-now-or-never/)
Learn HTML5: 10 Must Read Lessons (http://www.webhostingsecretrevealed.com/featured-articles/learn-html5-10-must-read-lessons/)
HTML5 Visual Cheat Sheet (http://woorkup.com/2009/12/16/html5-visual-cheat-sheet-reloaded/)
HTML5 Cheat Sheet (PDF) (http://www.smashingmagazine.com/2009/07/06/html-5-cheat-sheet-pdf/)
HTML5 Canvas Cheat Sheet (http://blog.nihilogic.dk/2009/02/html5-canvas-cheat-sheet.html)
HTML5 Pocket Book (http://adactio.com/extras/pocketbooks/html5/)
WDL – 7 Useful Resources to Help You Learn HTML5 (http://webdesignledger.com/resources/7-useful-resources-to-help-you-learn-html5)
WDL – 10 HTML5 Demos to Make You Forget About Flash (http://webdesignledger.com/inspiration/10-html5-demos-to-make-you-forget-about-flash)
W3 Schools HTML5 Tutorial (http://www.w3schools.com/html5/default.asp)
HTML5 – A Tutorial for Beginners (http://www.html-5-tutorial.com/)
webmonkey – Building Web Pages With HTML 5 (http://www.webmonkey.com/2010/02/building_web_pages_with_html_5/)
The HTML5 Tutorials (http://www.thehtml5tutorials.com/)
HTML5 Tutorial (http://html5tutorial.net/category/tutorials)
22 Excellent HTML5 Tutorials (http://blogfreakz.com/web-design/html5-tutorial/)
McLaughlin, B. (2011) What is HTML? – Once you really understand HTML5, you’ll change the way you think about the web.
(http://radar.oreilly.com/2011/07/what-is-html5.html)
Featherstone, D. (2011) Real World Accessibility: HTML5, ARIA and the Modern Web (http://www.sitepoint.com/real-world-accessibility-html5-aria-and-the-modern-web/)
Jordan, M., Lawson B., and Sharp, R. (2010) HTML5: The 900-Page Gorilla with a Wide Ensemble (http://www.peachpit.com/articles/article.aspx?p=1629150)