powered by Slim Framework
enhanced by Nesbot.com

HTML5: Displaying a Progress Bar

Published on Nov 7, 2011 by Jamie Munro

One of the new HTML5 markup tags is called progress.  This displays a basic progress bar based on two attributes that you must specify: the current value and the max value.  Using some basic Javascript, you can increment the progress bar so the user knows something is happening and will be done soon.

Read more >

Tags: HTML5 | html5

HTML5: Experimenting with the canvas for a basic walk animation

Published on Oct 10, 2011 by Jamie Munro

I don't claim to be an animator, Javascript expert, or anything else; I simply wanted to explore the new canvas tag in HTML5.  In the following article, I demonstrate how to create a simple walking animation using a free sprite that I found on the Internet.

Read more >

Tags: HTML5 | Javascript | html5

HTML5: Creating an HTML5 Website and degrading for older browsers

Published on Sep 12, 2011 by Jamie Munro

If you haven't done so already, it's time to start thinking about upgrading your existing website or creating a new website with HTML5HTML5 contains a lot of new features and new tags that help simplify the HTML required to create nice website designs.

Currently all of the major browsers and their latest versions all support the core new tags (header, footer, section, etc…).  However, the older browsers Internet Explorer 7 and 8 for example, do not support these.  In this article, I will show you how to create a new site with HTML5 while ensuring that it still looks good in older browsers.  It won't be perfect, but it will be pretty darn close to it.

Read more >

Tags: HTML5 | html5