Hittills ser den faktiska webbplatsen inte alls ut som vår Photoshop-design. I denna skärmdump gräver vi för att göra just det, med början högst upp med vårt huvud- och logotypområde. Det känns bra att ha en "riktig" start på att bygga webbplatsen visuellt.
Vi använder Frank DeLoupe som en färgväljare, som är snyggt integrerad med Photoshop (det gör att färgen du väljer den aktiva färgen i Photoshop, samt kopieras till ditt urklipp).
Vid ett tillfälle ändrar vi Sass / Compass-konfigurationen för att kompilera CSS som :expanded istället för :compressedatt se den faktiska CSS som genereras av felsökningsskäl.
Vi måste använda våra hjärnor lite om hur saker kommer att placeras och reagera på det flytande i ett webbläsarfönster. Till exempel ska loggen alltid röra det övre vänstra hörnet.
Vi gör väldigt mycket nudging kring värden för att få saker precis rätt, samt att lägga till små detaljer här och där för att få saker att se bättre ut, som att lägga små skuggor till pappersstapeleffekten.