Wir sind in Photoshop für dieses Design sicherlich nicht für immer „fertig“, aber wir haben genug zu tun, um mit der Erstellung dieses Designs im Browser zu beginnen. Immerhin ist dies eine Website, die wir erstellen, kein Bild einer Website (wie sie sagen).
Wir erstellen einen Ordner, in dem sich dieses Projekt befindet, und erstellen dann manuell alle grundlegenden Elemente eines Projekts: eine index.html-Datei, Ressourcenordner und dergleichen. Wir hätten das HTML5-Boilerplate verwenden können, entschieden uns jedoch, dass es am besten ist, von Grund auf neu zu schreiben und dann darauf zurückzugreifen, um sicherzustellen, dass wir in Zukunft nichts mehr verpassen.
Wir haben CodeKit eingerichtet, um unseren Projektordner zu überwachen. Auf diese Weise können wir in allen gewünschten Präprozessorsprachen arbeiten, unter anderem in coolen Dingen, die CodeKit für uns erledigt. CodeKit fügt neu kompiliertes CSS für uns automatisch direkt in den Browser ein, was während der Entwicklung ein großer Geschwindigkeitshelfer ist.
Wir stellen die grundlegenden Konzepte von Sass vor, die wir während des gesamten Projekts verwenden werden.