Video: Getting Started with Canvas in HTML5

While spending a Friday morning trolling around Think Vitamin’s Membership area I found a nice little intro video (free) on getting started with the canvas element in HTML5. Canvas has lot of potential, especially when it comes to interactions that were typically handled by Flash.

While spending a Friday morning trolling around Think Vitamin’s Membership area I found a nice little intro video (free) on getting started with the canvas element in HTML5. Canvas has lot of potential, especially when it comes to interactions that were typically handled by Flash.

Here’s the video: Getting Started with Canvas in HTML5

Thoughts on the Video
So right at the start he shows a few demos: bezier curves, connected items, a snake game. All of this looks really, really cool. The HTML markup looks pretty minimal as it’s going to be Javascript that handles the processing of the interaction

Nice Quick Tip: If you are selecting a canvas item with jQuery you want to be sure to grab the actual HTML element, so use $(‘canvas’)[0] to get the HTML element instead of $(‘canvas’)

So I like the power that Javascript & Canvas can give us, but I’m wondering how much actual Javascript I’m going to have to actually write and how will it affect performance, code maintainablity, etc…

If you liked the video, consider a membership with Think Vitamin, these videos only scratch the surface of all they have to offer

Think Vitamin Membership Info