This off-canvas demo is a great practical example of progressive enhancement from David. It’s also a lesson in why over-reliance on jQuery can sometimes be problematic.
Luke and Jason have put together some demos of various “off-canvas” navigation patterns for responsive designs.
Rendered in canvas by the reverend Dan Catt. Now I really want to play Elite.
A fun platform game with a twist.
I never expected to see a cross between responsive design and AR, but here ya go:
A silly mashup of HTML5 technologies: We use the canvas to capture the contents of a video element. The canvas then identifies the blue markers and overlays an iframe on top of it. The iframe contains our website (upperdog.se) which has a responsive design.
A great reminder from Bruce that we need to remember to use cutting-edge web technology responsibly.
This is your one-stop shop for envelope-pushing in the browser:
A very pretty visualisation of tweets on a map using canvas.
A Mac app for creating animations with canvas and video.
A plug-in for Illustrator that allows you to export to canvas.
By playing this canvas game, you can help the European Space Agency plan missions to the planets of our solar system.
A great little platform game that is entirely Flash-free. Canvas all the way.
A nifty interactive video for Arcade Fire's "We Used To Wait." It claims to be built in HTML5 but actually uses XHTML 1.0 and HTML 4.01 doctypes throughout. *sigh*
Beautiful chemistry visualisations using canvas.
Jim experiments with canvas and audio.
Conway's Game of Life, implemented in canvas.
Asteroids in canvas. Works a treat. Now I want Battlezone.
Quite a stunning proof of concept that uses video and canvas.
Asteroids implemented using HTML5's canvas.
Wendy gives some commentary from her ringside seat at the theatre of HTML5.
A very pretty little Twitter canvas experiment accompanied by music delivered via the audio element. View this in a capable browser.
Lovely representation of OpenStreetMap data using canvas.
Experimenting with CSS3 and HTML5 features implemented in Webkit.
Courtesy of Remy. Doesn't he ever sleep?
The 26 step process required to add +1 to a feature request in IE. Franz Kafka is alive and well and living in Redmond.
Conway's Game of Life executed using the canvas element.
An in-browser code editor from Mozilla Labs.