<p>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 …</p>

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 …

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

CSS-Tricks Screencasts is focused on showing you tips, tricks, techniques about web design. Code samples can be extremely helpful, but sometimes it is even more helpful to watch someone as they code. In CSS-Tricks Screencasts will show you real live CSS and HTML code being written and tested right on the screen. Topics will vary but will always center around design and usability.

Share #14: Converting a Photoshop Mockup: Part Two, Episode Three

Sign up to save your podcasts

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

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