HTML5 Examples Index

Hour 1: Improving Mobile Web Application Development with HTML5

• Nesting Tags Correctly
• First HTML5 Page

Hour 2: New HTML5 Tags and Attributes with Mobile Development

All the tags discussed in this hour will have examples covered from their specific hours.

• New HTML5 Global Attributes

Hour 3: Styling Mobile Pages with CSS3

• Example of Embedded Styles
• H1 Example
• H1 Headlines are Ugly
• Simple Layout with CSS
• CSS3 Rounded Corners Examples

Hour 4: Detecting Mobile Devices and HTML5 Support

• Detect HTML5 Features

Hour 5: JavaScript and HTML5 Web Applications

• JavaScript Example
• jQuery Example
• Simple JavaScript

Hour 6: Building a Mobile Web Application

• Click to Call

Hour 7: Upgrading a Site to HTML5

• Speech Input Example

Hour 8: Converting Web Apps to Mobile

• Headlines on a Mobile Site (try viewing on a small device as well as a desktop)

Hour 9: Adding Meaning with HTML5 Sectioning and Semantic Elements

• Sectioning Elements Examples

Hour 10: Drawing with the HTML5 Canvas Element

• Canvas Examples

Hour 11: Fonts and Typography in HTML5

• Typography Basics Examples
• Typography—WOFF Example
• Typography—Hyphenation

Hour 12: Audio and Video in HTML5

• Audio and Video Examples

Hour 13: HTML5 Forms

• HTML5 Form Examples
• Forms—Contact Form / Survey

Hour 14: Editing Content and User Interaction with HTML5

• ContentEditable—Editor
• Spellcheck Example
• Hidden Attribute Example
• HTML5 UI Examples

Hour 15: Microformats and Microdata

• Microformats and Microdata Examples

Hour 16: Working with HTML5 Drag-and-Drop Functionality

• Drag and Drop Examples

Hour 17: HTML5 Links

• HTML5 Links Examples
• Simple Frame to Show Browsing Contexts

Hour 18: Web Application APIs and Datasets

• Modal Dialog Example
• Datasets—New HTML5 Elements
• OnClick Events Conversion for iOS
• Web Application Timer API Example
• Simple Prompts
• Printing Examples
• System Information

Hour 19: WebSockets, Web Workers, and Files

• Web Workers Examples
• File API Examples

Hour 20: Offline Web Applications

• Offline Web Applications Example

Hour 21: Web Storage in HTML5

• Local Storage To Do List Example
• Web Storage Example
• Web Storage—Birthday List App

Hour 22: Controlling the Browser History with the History API

• History API Examples

Hour 23: Adding Location Detection with GeoLocation

• GeoLocation Examples

Hour 24: Converting HTML5 Apps to Native Apps

No examples for this hour.