HTML5 Demos and Examples

HTML 5 experimentation and demos I've hacked together. Click on the browser support icon or the technology tag to filter the demos (the filter is an OR filter).

Introducing HTML

Demo	Support	Technology
dataset (data-* attributes) ie: none firefox: none opera: none safari: nightly chrome: live dataset History API using pushState ie: none firefox: nightly opera: none safari: live chrome: live history Drag files directly into your browser Not directly part of HTML5 ie: none firefox: live opera: none safari: none chrome: nightly file-api dnd Simple chat client ie: none firefox: nightly opera: nightly safari: live chrome: live websocket Two videos playing in sync ie: nightly firefox: live opera: live safari: live chrome: live video Interactive canvas gradients ie: nightly firefox: live opera: live safari: live chrome: live canvas Canvas & Video ie: nightly firefox: live opera: live safari: live chrome: live video canvas Video ie: nightly firefox: live opera: live safari: live chrome: live video Canvas ie: nightly firefox: live opera: live safari: live chrome: live canvas Content Editable ie: live firefox: live opera: live safari: live chrome: live contenteditable storage Geolocation Works on Safari Mobile too ie: none firefox: live opera: live safari: live chrome: live geolocation postMessage same domain ie: live firefox: live opera: live safari: live chrome: live postMessage postMessage cross domain ie: live firefox: live opera: live safari: live chrome: live postMessage drag and drop ie: live firefox: live opera: none safari: live chrome: live dnd drag anything ie: live firefox: live opera: none safari: live chrome: live dnd offline detection Works on Safari Mobile too ie: none firefox: live opera: live safari: none chrome: none offline events navigator.onLine tests Doesn't use events, only polls ie: live firefox: live opera: live safari: none chrome: none offline on/offline event tests ie: none firefox: live opera: live safari: none chrome: none offline events offline application using the manifest FF 3.6 is still buggy - doesn't request manifest after initial load ie: none firefox: live opera: live safari: live chrome: live offline manifest Storage ie: live firefox: live opera: live safari: live chrome: live storage Web SQL Database Storage ie: none firefox: none opera: live safari: live chrome: live sql-database Web SQL Database - rollback test ie: none firefox: none opera: live safari: live chrome: live sql-database Web Workers watch out - uses a lot of CPU! example without - will hang your browser ie: none firefox: live opera: live safari: live chrome: live workers