Create a Bar Graph with HTML5 Canvas and JavaScript
This tutorial will show how to create a simple bar graph that animates between values on an HTML5 Canvas using JavaScript. Demos and source code included. More »
Below is a selection of articles I have written to about development and design that interest me. Hopefully they interest you too.
This tutorial will show how to create a simple bar graph that animates between values on an HTML5 Canvas using JavaScript. Demos and source code included. More »
In this series we explore how to create a game character using HTML5 Canvas and JavaScript. Each part of the series will give step by step instructions how to give our character a new ability such as running and jumping. Demos and source code included. More »
This tutorial will show how to create a simple paint bucket tool on an HTML5 Canvas using JavaScript. We will be implementing a flood fill algorithm using the HTML5 imageData object for pixel manipulation. More »
This tutorial will take you step by step through the development of a simple web drawing application using HTML5 canvas and its partner JavaScript. More »
The same icon is drawn in JavaScript on an HTML5 canvas element and in ActionScript 3 in Flash. The differences in code is discussed after each step. The source code for each option is included for download. More »
Step by step tutorial drawing an icon of a warning symbol on an html5 canvas. Current Html5 browser compatibility is discussed as well as downloadable source code. More »
This tutorial describes how to implement a seven-segment display in Adobe Flash ActionScript 3 (AS3). More »
Finding patterns in strings can be a common occurance in interface design. Ask someone to enter their email or physical address and who knows what you will get. Validating this data can be a time consuming and tedious task. There are only so many indexOf methods and if else statements one can handle. An alternative is using regular expressions. More »
Programming often requires representing the world in programming terms. How do we define 'now' in terms of time? We can define it with a date and time, but that becomes very combersome to handle in code. Fortunately there is a way to represent 'now' as an integer. It's called Unix or Epoch time. It is the number of seconds from January 1, 1970. Seem Arbitrary? Maybe, but it gives us a reference point. More »
A popular interface design technique is adding a gloss effect to interface elements. This tutorial will show the step by step process of designing a glossy button in Adobe Photoshop. More »
Creating origami with toilet paper can be entertaining and challenging. Toilet paper by nature is soft and doesn't keep shape very well. Also the roll is made to spin so gravity can be a problem. However knowing a few simple techniques can entertain house guests and confuse family and friends when you visit. And besides, you don't always have a newspaper to read so why not. More »