Getting Started on HTML5, and A Library for the Canvas Element

Many of us are still wondering about this HTML5 stuff, and many of us (yeah, like me) just read about it but really didn’t know what it was about.

Yeah, I’m one of those guys. What is HTML5 anyways?

It’s a cooler version of HTML/XHTML, giving you the option of using a greater variety of elements. So basically, we go from using just DIVs and SPANs to using stuff like CANVAS. It also introduces new attributes for previously known elements, and a variety of APIs that will simplify the creation of future web applications.

For further readings about HTML5 pros, cons, features and origins, check out this listing of related articles:

Really?! So why isn’t EVERYONE already using it, then?!

This might not surprise you at all, but Interner Explorer doesn’t support it. Forget about the version, no version supports adding CSS to elements introduced by HTML5.

We can use it, though. I’ve been experimenting myself with it. I use Google Chrome, of course.

Can I try it out, too?

I’d highly suggest you do.

Today I found something really neat to work with the canvas element, it’ll simplify your understanding of this whole HTML5 thing. And also, your use of the canvas element. It’s a library called Artisan JS. Check this out:

Hey, don’t you get all overly judgemental on me! It’s my first shot at it. I had fun, and Artisan JS really simplifies it for you. You basically just:

  1. Add the import instruction to the head section of your page.
  2. Create the canvas element like you would a normal DIV.
  3. Add the drawing instructions, which come in simple methods like artisan.drawCircle( );

So go ahead and give it a try. Here’s an Introduction to Artisan JS in case you are interested in going deeper into the subject.