The making of VMCG.co.uk. A video time lapse of converting a JPG to HTML & CSS

Posted on 01/18/10, in Development, by Chris

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.