Siiani pole tegelik veebisait üldse sarnane meie Photoshopi kujundusega. Selles ekraanipildis uurime just seda, alustades ülalt meie päise ja logo alaga. Tundub hea, kui saidi visuaalselt natuke "päris" alustada.
Värvivalijana kasutame Frank DeLoupe'i, mis on kenasti integreeritud Photoshopiga (see muudab nii värvi, mille valite Photoshopis aktiivse värvi, kui ka kopeeritakse lõikelauale).
Ühel hetkel muudame CSS-i kompileerimiseks seadistust Sass / Compass, :expanded
selle asemel, :compressed
et näha silumispõhjustel loodud tegelikku CSS-i.
Peame natuke kasutama oma aju seoses sellega, kuidas asjad paigutatakse, ja reageerima brauseriakna sujuvale olemusele. Näiteks peaks palk alati puudutama vasemat ülemist nurka.
Teeme kohutavalt palju väärtuste ümber, et asjad oleksid õiged, samuti lisame siin-seal väikseid üksikasju, et asjad paremaks näeksid, näiteks lisame paberipinu efektile kergeid varje.