Latest Articles

     HTML5 vs Flash Drawing Image

    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 Image

    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 »

    Email Validation Using Regular Expressions

    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 ... More »

    Epoch Time (Unix Time) Image

    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 ... More »

    Simple Glossy Button Image

    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 »