Indtil videre ser det faktiske websted slet ikke meget ud som vores Photoshop-design. I denne screencast graver vi i at gøre netop det, startende øverst med vores header og logoområde. Det føles godt at have lidt af en "rigtig" start på at bygge stedet visuelt.
Vi bruger Frank DeLoupe som farvevælger, som er pænt integreret med Photoshop (det gør den farve, du vælger, den aktive farve i Photoshop såvel som kopieret til dit udklipsholder).
På et tidspunkt ændrer vi Sass / Compass-konfigurationen for at kompilere CSS som i :expanded stedet for :compressedat se den faktiske CSS genereres af fejlfindingsårsager.
Vi er nødt til at bruge vores hjerner lidt med hensyn til, hvordan tingene placeres, og reagere på den flydende natur i et browservindue. For eksempel skal loggen altid berøre det øverste venstre hjørne.
Vi gør en masse nudging omkring værdier for at få tingene lige rigtigt samt tilføje små detaljer her og der for at få tingene til at se bedre ud, som at tilføje små skygger til papirstakeffekten.