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.

article

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.

article

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.

article

Simulate a Seven-Segment Display in Flash (AS3)

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

article

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.

article

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.

article

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.

article

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.

article

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.

article

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.

article
Home | | | | | | Sitemap