# 14: Konvertera en Photoshop Mockup: Del två, avsnitt tre - CSS-tricks

Anonim

Vi avslutar mockup-omvandlingen här i avsnitt tre. Vi skapar "artikelområdet" och "sidofältet" (semantisk klassnamn!), Och sedan rensar vi flottören. Vi använder Firebug för att stjäla typografin från live CSS-tricks. Sedan fixar vi upp rubriken lite i Photoshop och använder CSS Image Replacement för logotypen.

Länkar från video:

  • Visa demo
  • Ladda ner filer
  • Del ett
  • Del två
  • Föregångare