Σίγουρα δεν είμαστε "τελειωμένοι" στο Photoshop για πάντα για αυτό το σχέδιο, αλλά έχουμε αρκετό έργο για να ξεκινήσουμε τη δημιουργία αυτού του σχεδιασμού στο πρόγραμμα περιήγησης. Σε τελική ανάλυση, πρόκειται για έναν ιστότοπο που δεν χτίζουμε μια εικόνα ενός ιστότοπου (όπως λένε).
Δημιουργούμε ένα φάκελο που θα είναι το σπίτι για αυτό το έργο και στη συνέχεια θα δημιουργήσουμε με μη αυτόματο τρόπο όλα τα βασικά στοιχεία ενός έργου: ένα αρχείο index.html, φακέλους πόρων και τα παρόμοια. Θα μπορούσαμε να χρησιμοποιήσουμε το HTML5 Boilerplate, αλλά αποφασίσαμε ότι θα ήταν καλύτερο να γράψουμε από το μηδέν και μετά να επιστρέψουμε και να το αναφέρουμε για να βεβαιωθούμε ότι δεν θα χάσαμε τίποτα στο μέλλον.
Δημιουργήσαμε το CodeKit για να παρακολουθούμε το φάκελο του έργου μας. Με αυτόν τον τρόπο μπορούμε να εργαστούμε σε όποιες γλώσσες προεπεξεργαστή θέλουμε, μεταξύ άλλων δροσερών πραγμάτων που θα κάνει το CodeKit για εμάς. Το CodeKit εγχέει αυτόματα το νέο CSS που έχει μεταγλωττιστεί απευθείας στο πρόγραμμα περιήγησης, το οποίο είναι ένα τεράστιο βοηθό ταχύτητας κατά την ανάπτυξη.
Παρουσιάζουμε τις πολύ βασικές έννοιες του Sass, τις οποίες θα χρησιμοποιήσουμε σε όλο το έργο.