The Startpage of fraunhofer.de is using Canvas for their info boxes. As you can see, there is just a normal div-Element. A div-Element with a background color is usally showing a rectangle – but with the use of Canvas you’re able to do stuff like above:
By the way, the fraunhofer.de Website is also a good Excamble for “Accessiblity” and “ARIA
“!
see the video excamble
What’s canvas?
Canvas is an html5 element that allows you to create images via javascript using a built in set of drawing methods for creating lines, fills, transformations and more. Because it’s basically just a pixel buffer, it doesn’t suffer from performance or memory consuming overhead, making it both fast and reliable.
I’ve been to the Standards.Next Session in June 09. A friend and coworker gave this presentation about Canvas: