CSS-Tricks #14: Converting a Photoshop Mockup: Part Two, Episode Three

Posted in Graphics, Web Technologies on July 07, 2008


CSS-Tricks #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.

Watch Video Watch Video Watch Video on External Site

Tags: Photoshop, Design, HTML, Firebug, CSS, Firefox, CSS-Tricks, Applications