Vi er absolutt ikke "ferdig" i Photoshop for alltid for dette designet, men vi har nok å jobbe fra for å komme i gang med å lage dette designet i nettleseren. Tross alt er dette et nettsted vi bygger ikke et bilde av et nettsted (som de sier).
Vi oppretter en mappe som skal være hjemme for dette prosjektet, og oppretter deretter manuelt alle grunnleggende elementer i et prosjekt: en index.html-fil, ressursmapper og lignende. Vi kunne ha brukt HTML5 Boilerplate, men bestemte oss for at det ville være best å skrive fra bunnen av og deretter gå tilbake og referere til det for å sikre at vi ikke savnet noe i fremtiden.
Vi satte opp CodeKit for å se prosjektmappen vår. På den måten kan vi jobbe på hvilket språk som helst prosessorer vi vil, blant annet kule ting som CodeKit vil gjøre for oss. CodeKit injiserer automatisk nykompilert CSS for oss direkte i nettleseren, som er en enorm hastighetshjelper under utviklingen.
Vi introduserer de helt grunnleggende konseptene til Sass, som vi skal bruke gjennom hele prosjektet.