Certamente non "abbiamo finito" in Photoshop per sempre per questo progetto, ma abbiamo abbastanza su cui lavorare per iniziare a creare questo progetto nel browser. Dopotutto, questo è un sito web che stiamo costruendo, non l'immagine di un sito web (come si suol dire).
Creiamo una cartella che sarà la casa per questo progetto e quindi creiamo manualmente tutti gli elementi di base di un progetto: un file index.html, cartelle di risorse e simili. Avremmo potuto usare HTML5 Boilerplate, ma abbiamo deciso che sarebbe stato meglio scrivere da zero, quindi tornare indietro e fare riferimento a questo per essere sicuri di non perdere nulla in futuro.
Abbiamo impostato CodeKit per controllare la cartella del nostro progetto. In questo modo possiamo lavorare in qualunque linguaggio del preprocessore desideriamo, tra le altre cose interessanti che CodeKit farà per noi. CodeKit inserisce automaticamente CSS appena compilato per noi direttamente nel browser, che è un enorme aiuto per la velocità durante lo sviluppo.
Introduciamo i concetti di base di Sass, che utilizzeremo durante il progetto.