Vi är verkligen inte "färdiga" i Photoshop för alltid för den här designen, men vi har tillräckligt att arbeta med för att komma igång med att skapa denna design i webbläsaren. När allt kommer omkring är detta en webbplats vi bygger inte en bild av en webbplats (som de säger).
Vi skapar en mapp som kommer att vara hemma för detta projekt och skapar sedan manuellt alla grundelement i ett projekt: en index.html-fil, resursmappar och liknande. Vi kunde ha använt HTML5 Boilerplate, men bestämde oss för att det skulle vara bäst att skriva från början och sedan gå tillbaka och referera till det för att se till att vi inte missar någonting i framtiden.
Vi ställde in CodeKit för att titta på vår projektmapp. På det sättet kan vi arbeta på vilket förprocessorspråk vi vill, bland annat coola saker som CodeKit kommer att göra för oss. CodeKit injicerar automatiskt nykompilerat CSS för oss direkt i webbläsaren, vilket är en enorm hastighetshjälpare under utvecklingen.
Vi introducerar de mycket grundläggande begreppen i Sass, som vi kommer att använda under hela projektet.