U tohoto designu rozhodně nejsme ve Photoshopu „hotovi“ navždy, ale máme dost práce na to, abychom mohli tento design v prohlížeči začít vytvářet. Koneckonců, toto je web, který nevytváříme jako obrázek webu (jak se říká).
Vytvoříme složku, která bude domovem pro tento projekt, a poté ručně vytvoříme všechny základní prvky projektu: soubor index.html, složky prostředků a podobně. Mohli jsme použít HTML5 Boilerplate, ale rozhodli jsme se, že by bylo nejlepší psát od nuly, pak se vrátit a odkazovat na to, abychom v budoucnu nic nezmeškali.
Nastavili jsme CodeKit, aby sledoval naši složku projektu. Tímto způsobem můžeme pracovat v jakýchkoli preprocesorových jazycích, které chceme, mimo jiné skvělé věci, které pro nás CodeKit udělá. CodeKit pro nás automaticky vkládá nově zkompilované CSS přímo do prohlížeče, což je během vývoje obrovský pomocník rychlosti.
Představujeme velmi základní pojmy Sass, které budeme v celém projektu používat.