We zijn zeker niet voor altijd "klaar" in Photoshop voor dit ontwerp, maar we hebben genoeg om mee te werken om aan de slag te gaan met het maken van dit ontwerp in de browser. Dit is tenslotte een website die we bouwen, geen afbeelding van een website (zoals ze zeggen).
We maken een map die de thuisbasis zal zijn voor dit project en maken vervolgens handmatig alle basiselementen van een project: een index.html-bestand, bronmappen en dergelijke. We hadden de HTML5 Boilerplate kunnen gebruiken, maar besloten dat het het beste zou zijn om helemaal opnieuw te schrijven en dan terug te gaan en ernaar te verwijzen om er zeker van te zijn dat we in de toekomst niets zouden missen.
We hebben CodeKit opgezet om onze projectmap te bekijken. Op die manier kunnen we werken in elke preprocessor-taal die we willen, naast andere coole dingen die CodeKit voor ons zal doen. CodeKit injecteert automatisch nieuw gecompileerde CSS voor ons rechtstreeks in de browser, wat een enorme snelheidshelper is tijdens de ontwikkeling.
We introduceren de basisconcepten van Sass, die we gedurende het hele project zullen gebruiken.