-
Semantic Markup
HTML5 Page Layout With IE Support (Not a single “div” element, “id” or “class” attribute is used – Clean, Lean and more Meaningful Markup).
-
Form
Sample HTML5 Form that you can test in current browsers. Most of the features will work in Opera, but you will need to use Chrome or Safari to see few remaining features in action - which surprisingly works in WebKit browsers, but not in Opera.
-
Audio
HTML5 Audio Using OGG & MP3 Formats (Works in Chrome 4+, Firefox 3.6+, Opera 10.5+ and Safari4+).
-
Video
HTML5 Video Using OGG & MP4 Formats (Works in Chrome 4+, Firefox 3.6+, Opera 10.5+ and Safari4+).
-
Video With Custom Controls
Uses DOM API for video to create custom controls (Works in Chrome 4+, Firefox 3.6+, Opera 10.5+ and Safari4+).
-
Canvas
Demo of command based 2D drawing on HTML5 Canvas. Works in Firefox 3+, Safari 3.1+, Chrome 2+ and Opera 9.6+). Uses ExplorerCanvas for Internet Explorer.
-
ContentEditable
Basic content editor developed using HTML5 ContentEditable attribute and JavaScript; supported by all major browsers (Internet Explorer 5.5+, Firefox 3+, Safari 3.1+, Chrome 2+, and Opera 9.6+).
-
Drag & Drop
Very simple example to drag and drop images from one container to another. Works in all major browsers except Opera.
-
Session Storage
Page counter using sessionStorage, works during lifetime of top-level browsing context (i.e., as long as its browser tab or window remains open). Works in IE8+, Firefox 3.5+, Safari 4.0+, Chrome 2.0+ & Opera 10.5+.
-
Local Storage
Page counter using localStorage (Will last even when you restart your web browser and / or computer). Works in IE8+, Firefox 3.5+, Safari 4.0+, Chrome 2.0+ & Opera 10.5+.