Converting a Photoshop Mockup: Part Two, Episode Three

We wrap up the mockup conversion here in Episode Three. We create the "article area" and the "sidebar" (semantic class naming!), and then we clear the float. We use Firebug to steal the typography from the live CSS-Tricks. Then we fix up the header a little bit in Photoshop and use CSS Image Replacement for the logo.

Running time: 24 minutes

Links from video:
Article & Discussion

Direct Download
(Higher quality, Quicktime .M4V Format)

Get the Flash Player to see this player.