Implementing off-canvas navigation for a responsive website by David Bushell
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.
Tags: canvas
LukeW | Off Canvas Multi-Device Layouts
Luke and Jason have put together some demos of various “off-canvas” navigation patterns for responsive designs.
Elite - Cobra Mk III
Rendered in canvas by the reverend Dan Catt. Now I really want to play Elite.
The Convergence
A fun platform game with a twist.
Upperdog Labs: Video Canvas Responsive Design - YouTube
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.
Web Typography for the Lonely
A collection of experiments in typography using canvas, SVG, JavaScript and whatever else it takes.
Bruce Lawson’s personal site : HTML5, hollow demos and forgetting the basics
A great reminder from Bruce that we need to remember to use cutting-edge web technology responsibly.
CreativeJS | The very best of creative JavaScript and HTML5
This is your one-stop shop for envelope-pushing in the browser:
The very best of creative JavaScript and HTML5.
a world of tweets
A very pretty visualisation of tweets on a map using canvas.
Radi
A Mac app for creating animations with canvas and video.
MIX Online:Ai to Canvas Plug-In
A plug-in for Illustrator that allows you to export to canvas.
The Space Game
By playing this canvas game, you can help the European Space Agency plan missions to the planets of our solar system.
Biolab Disaster
A great little platform game that is entirely Flash-free. Canvas all the way.
The Wilderness Downtown
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*
CanvasMol
Beautiful chemistry visualisations using canvas.
The Creation Engine No. 2: HTML 5 multimedia
Jim experiments with canvas and audio.
My Canvas Learning Page
Conway's Game of Life, implemented in canvas.
HTML 5 Asteroids | Doug McInnes
Asteroids in canvas. Works a treat. Now I want Battlezone.
HTML5 Video Destruction
Quite a stunning proof of concept that uses video and canvas.
Another World JS - Megidish.net
Quite astonishing use of canvas: the game Another World ported to JavaScript.
LAZEROIDS!
Asteroids implemented using HTML5's canvas.
HTML 5–What I’m Watching at Wendy Chisholm
Wendy gives some commentary from her ringside seat at the theatre of HTML5.
HTML5 Canvas and Audio Experiment
A very pretty little Twitter canvas experiment accompanied by music delivered via the audio element. View this in a capable browser.
Cartagen
Lovely representation of OpenStreetMap data using canvas.
HTML5 Video + CSS Visual Effects
Experimenting with CSS3 and HTML5 features implemented in Webkit.
HTML5 Demos
Courtesy of Remy. Doesn't he ever sleep?
Persuading Microsoft to Implement Canvas « Processing.js Blog
The 26 step process required to add +1 to a feature request in IE. Franz Kafka is alive and well and living in Redmond.
Canvas Test
Conway's Game of Life executed using the canvas element.
Bespin » Code in the Cloud
An in-browser code editor from Mozilla Labs.
John Resig - Processing.js
John gave us a sneak peak of this at @media Ajax last November: Processing ported to JavaScript using canvas. Check out the demos and be amazed.