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.
