Sigurno nismo zauvijek "gotovi" u Photoshopu za ovaj dizajn, ali imamo dovoljno posla da bismo započeli s izradom ovog dizajna u pregledniku. Napokon, ovo je web mjesto koje gradimo, a ne slika web mjesta (kako kažu).
Stvorimo mapu koja će biti početna za ovaj projekt, a zatim ručno kreiramo sve osnovne elemente projekta: datoteku index.html, mape resursa i slično. Mogli smo upotrijebiti HTML5 tablu, ali zaključili smo da bi bilo najbolje pisati ispočetka, a zatim se vratiti i uputiti to kako bismo bili sigurni da u budućnosti ništa nećemo propustiti.
Postavili smo CodeKit za gledanje mape našeg projekta. Na taj način možemo raditi na bilo kojem jeziku pretprocesora koji želimo, među ostalim cool stvarima koje će CodeKit učiniti za nas. CodeKit automatski ubrizgava novokompilirani CSS za nas izravno u preglednik, što je velika pomoć u brzini tijekom razvoja.
Predstavljamo vrlo osnovne koncepte Sass-a, koje ćemo koristiti tijekom cijelog projekta.