Zasad stvarna web stranica uopće ne izgleda previše poput našeg Photoshop dizajna. U ovom screencast-u istražujemo upravo to, počevši od vrha s našim zaglavljem i područjem s logotipom. Dobar je osjećaj započeti vizualno malo "pravi" početak gradnje stranice.
Frank DeLoupe koristimo kao alat za odabir boja, koji je lijepo integriran s Photoshopom (čini boju koju odaberete aktivnom bojom u Photoshopu, kao i kopirate je u međuspremnik).
U jednom trenutku mijenjamo konfiguraciju Sass / Compass kako bismo kompajlirali CSS, :expanded umjesto da :compressedbismo vidjeli stvarni CSS koji se generira iz razloga otklanjanja pogrešaka.
Moramo malo upotrijebiti svoj mozak u vezi s tim kako će se stvari postaviti i reagirati na fluidnu prirodu prozora preglednika. Na primjer, zapisnik bi uvijek trebao dodirivati gornji lijevi kut.
Užasno se gurkamo oko vrijednosti kako bismo stvari postigli kako treba, kao i dodajući sitnice tu i tamo kako bismo stvari izgledale bolje, poput dodavanja blagih sjena efektu hrpe papira.