I’ve got a nice treat for anyone who is curious about development process of creating an HTML page from a photoshop mockup. Attached is a video time lapse of a recent project I completed (the website for Viper Marketing & Communications Group).

The video follows my development process of taking a flat jpg (original mockup was in Fireworks, hence no .psd) and converting it to a pixel perfect HTML & CSS page that is fully valid and accessible. The development time for this first html page of the project took around five and a half hours, but I’ve condensed the video down to 30 mins.

Hope you all enjoy.