Tot dusver lijkt de eigenlijke website helemaal niet veel op ons Photoshop-ontwerp. In deze screencast gaan we erop in om precies dat te doen, beginnend bovenaan met onze header en logo-gebied. Het voelt goed om een "echte" start te hebben met het visueel opbouwen van de site.
We gebruiken Frank DeLoupe als kleurkiezer, die mooi is geïntegreerd met Photoshop (het zorgt ervoor dat de kleur die je kiest de actieve kleur in Photoshop kiest, maar ook naar je klembord kopieert).
Op een gegeven moment veranderen we de Sass / Compass-configuratie om de CSS te compileren in :expanded plaats van :compressedte zien dat de feitelijke CSS wordt gegenereerd om redenen van foutopsporing.
We moeten onze hersens een beetje gebruiken met betrekking tot hoe dingen zullen worden geplaatst en reageren op de vloeiende aard van een browservenster. Het logboek moet bijvoorbeeld altijd de linkerbovenhoek raken.
We doen ontzettend veel om waarden heen om de dingen precies goed te krijgen, en we voegen hier en daar kleine details toe om dingen er beter uit te laten zien, zoals het toevoegen van lichte schaduwen aan het papierstapeleffect.