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. Demos and source code included.
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.
HTML 5 Canvas Tutorial
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.
Simulate a Seven-Segment Display in Flash (AS3)
This tutorial describes how to implement a seven-segment display in Adobe Flash ActionScript 3 (AS3).
Email Validation Using Regular Expressions in JavaScript
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. Giving up a little readability in your code can often be worth the speed and efficiency afforded by regular expressions.
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.
Create a Glossy Button in Photoshop
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.
Create a Simple Glossy Button in Photoshop
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 simple glossy button in Adobe Photoshop.
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.
Simulate a 3D Split-Flap Display in Flash
{SNEAK PREVIEW} Simulate a 3D split-flap displays like those used in train stations and old analog clocks. Completed article to include instructions and source code.




