Convert a Photoshop Mockup into CSS & HTML Part 6 of 6

Views: 1379

Helpful

Not Helpful

Helpful (0+) / Not Helpful (0-)


Video Comments

Post a Comment

Advertisement

Video Information

jjmunns

jjmunns

Description: 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.

Uploaded On: 09/30/2010

Tags: Photoshop   CSS   HTML   Mockup   Web   Design   CSS-Tricks  

Embed (Post this video to your website or blog)