The texture here is shockingly realistic.
But, like, have you have ever really looked at your hand?
I think this might be the most tasteful, least intrusive use of scroll events to enhance a Snowfallesque story. It’s executed superbly.
You can read all about the code. Interestingly, it’s using canvas to render the maps even though the maps themselves are being stored as SVG.
(There’s a caveat saying: “This is a highly experimental project and it might not work in all browsers. Currently there is no IE support.” I don’t think that’s true: the story works just in IE …that browser just doesn’t get the mapping enhancements.)
A lovely little from Josh that allows you to draw shapes in a canvas element and then copy the resulting code.
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.