Techno kittens love HTML5

The kittens are jumping up and down. Why? HTML 5 offers an open set of standards for drawing animations and complex user interfaces.

• June 1, 2009
• Updated October 2, 2023

View the demo page or download the source code

Browser Support ¶

The latest versions of Safari, Firefox, Opera, or Chrome all support the canvas element. Internet Explorer doesn’t. If you are reading this using Internet Explorer you are probably in the wrong place anyway.

Why is this good? ¶

• There are no third-party plugins like Flash or Silverlight needed.
• It is made using open standards
• You can view the source
• Because it uses open standards machines and people will be able to easily read and understand it.

Further reading ¶

• Ian Hickson’s talk on HTML 5
• HTML 5 Draft Standard
• Mozilla Developer Center - Canvas Tutorial
• Canvas (HTML element) - Wikipedia

Tags

• HTML5

Can you help make this article better? You can edit it here and send me a pull request.

See Also

• CSS3 Tour - RGBa Colour Values
  Feb 24, 2009
  RGBa adds the alpha channel to colour declarations in CSS3. This is great news for designers who are now able to declare an alpha channel percentage on individual elements.

• CSS3 Tour: border-radius
  Feb 20, 2009
  Border-radius allows you to create rounded corners with just CSS without the need for graphics or JavaScript. If you are not using it yet here's an explanation.

• Linux and Unix alias command tutorial with examples
  Jul 11, 2008
  How to create shell aliases using bash or zsh to provide shortcuts to common commands