Vi er bestemt ikke "færdige" i Photoshop for evigt for dette design, men vi har nok at arbejde fra for at komme i gang med at skabe dette design i browseren. Når alt kommer til alt er dette et websted, vi bygger ikke et billede af et websted (som de siger).
Vi opretter en mappe, der er hjemme for dette projekt, og opretter derefter manuelt alle de grundlæggende elementer i et projekt: en index.html-fil, ressourcemapper og lignende. Vi kunne have brugt HTML5 Boilerplate, men besluttede, at det ville være bedst at skrive fra bunden og derefter gå tilbage og henvise til det for at sikre, at vi ikke savnede noget i fremtiden.
Vi oprettede CodeKit for at se vores projektmappe. På den måde kan vi arbejde på de sprog, vi ønsker, blandt andre seje ting, som CodeKit vil gøre for os. CodeKit injicerer automatisk nykompileret CSS til os direkte i browseren, hvilket er en enorm hastighedshjælper under udviklingen.
Vi introducerer de meget grundlæggende begreber i Sass, som vi bruger gennem hele projektet.