CSS-Tricks PSD to HTML

CSS-Tricks Video Screencast #3:

Converting a Photoshop Mockup (part 3 of 3)

I finish up the design in part three of this series on coverting an Adobe Photoshop website mockup into an actual HTML/CSS website. This one focuses on the main content area. I create the the columns including the "quick links" section. I also talk a little bit about typography.

Running time: 32 minutes

Links from video:
Article & Discussion
Download Photoshop File
Download Website Files

Direct Download
(Higher quality, Quicktime .M4V Format)

Get the Flash Player to see this player.

footer