Articles of William Malone

Below is a selection of articles I have written to about development and design that interest me. Hopefully they interest you too.

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 »



Create a Game Character with HTML5 Canvas and JavaScript

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 »



Create a Paint Bucket Tool in HTML5 and JavaScript

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 »



Create a Drawing App with HTML5 Canvas and JavaScript

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 »



HTML5 vs Flash Drawing

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 »



HTML5 Canvas Example

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 »



Seven-Segment Display in Flash

This tutorial describes how to implement a seven-segment display in Adobe Flash ActionScript 3 (AS3). More »



Email Validation using RegEx

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 »



Epoch Time (Unix Time)

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 »



Create Glossy Photoshop Button

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 »



Create Toilet Paper Origami

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 »