Toistaiseksi varsinainen verkkosivusto ei näytä olevan lainkaan kuin Photoshop-suunnittelumme. Tässä kuvakaappauksessa kaivamme tekemään juuri niin, aloittaen ylhäältä otsikkomme ja logomme kanssa. Tuntuu hyvältä aloittaa sivuston rakentaminen visuaalisesti.
Käytämme Frank DeLoupea värivalitsimena, joka on hienosti integroitu Photoshopiin (se tekee väristä, jonka valitset aktiivisen värin Photoshopissa, ja kopioidaan leikepöydälle).
Yhdessä vaiheessa muutamme Sass / Compass-kokoonpanoa CSS: n kokoamiseksi sen :expanded sijaan, :compressedettä näemme varsinaisen CSS: n virheenkorjaussyistä.
Meidän on käytettävä aivojamme hieman siitä, miten asiat sijoitetaan, ja reagoimaan selainikkunan sujuvaan luonteeseen. Esimerkiksi lokin tulisi aina koskettaa vasenta yläkulmaa.
Teemme kauhistuttavaa arvojen ympärillä saadaksemme asiat oikein ja lisäämällä pieniä yksityiskohtia täällä ja siellä, jotta asiat näyttävät paremmilta, kuten lisäämällä pieniä varjoja paperipinoefektiin.