Me pole kindlasti Photoshopis selle kujunduse jaoks igavesti valmis, kuid meil on piisavalt palju tööd, et selle kujunduse loomist brauseris alustada. Lõppude lõpuks on see veebisait, mida me ehitame, mitte veebisaidi pilti (nagu öeldakse).
Loome kausta, mis on selle projekti jaoks kodu, ja seejärel käsitsi loome kõik projekti põhielemendid: fail index.html, ressursikaustad jms. Me oleksime võinud kasutada HTML5 katlaklaati, kuid otsustasime, et kõige parem on kirjutada nullist, seejärel minna tagasi ja viidata sellele, et veenduda, et meil ei oleks midagi tulevikus puudu.
Seadistasime oma projekti kausta jälgimiseks CodeKiti. Nii saame töötada ükskõik millistes eeltöötleva keele keeltes, mida soovime, muu hulgas ka selle, mida CodeKit meie heaks teeb. CodeKit süstib meie jaoks äsja koostatud CSS-i otse brauserisse, mis on arenduse ajal tohutu kiiruseabi.
Tutvustame Sassi kõige põhilisi kontseptsioone, mida kasutame kogu projekti vältel.