Skip to main content
Home / Video Screencasts / #14: Converting a Photoshop Mockup: Part Two, Episode Three

#14: 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.

Links from Video:

icon-link icon-logo-star icon-search icon-star