Pre tento dizajn určite nie sme vo Photoshope navždy „hotoví“, ale máme dosť času na to, aby sme začali s vytváraním tohto dizajnu v prehliadači. Koniec koncov, toto je web, ktorý nebudujeme (ako sa hovorí).
Vytvoríme priečinok, ktorý bude domovom tohto projektu, a potom ručne vytvoríme všetky základné prvky projektu: súbor index.html, priečinky so zdrojmi a podobne. Mohli sme použiť Boilerplate HTML5, ale rozhodli sme sa, že najlepšie bude písať od nuly, potom sa vrátiť späť a odkázať na to, aby sme v budúcnosti nič nezmeškali.
Nastavili sme CodeKit na sledovanie nášho priečinka projektu. Takto môžeme pracovať v akýchkoľvek preprocesorových jazykoch, ktoré chceme, okrem iných skvelých vecí, ktoré pre nás CodeKit urobí. CodeKit pre nás automaticky vkladá novo zostavené CSS priamo do prehliadača, ktorý je pri vývoji obrovským pomocníkom v rýchlosti.
Predstavujeme úplne základné pojmy Sass, ktoré budeme používať v celom projekte.