Cu siguranță, nu suntem „terminați” în Photoshop pentru totdeauna pentru acest design, dar avem destui de lucru pentru a începe să creăm acest design în browser. La urma urmei, acesta este un site web pe care îl construim nu o imagine a unui site web (așa cum se spune).
Creăm un folder care va fi acasă pentru acest proiect și apoi creăm manual toate elementele de bază ale unui proiect: un fișier index.html, dosare de resurse și altele asemenea. Am fi putut folosi HTML5 Boilerplate, dar am decis că cel mai bine ar fi să scriem de la zero, apoi să ne întoarcem și să ne referim la asta pentru a ne asigura că nu vom rata nimic în viitor.
Am configurat CodeKit pentru a urmări folderul proiectului nostru. În acest fel putem lucra în orice limbă de pre-procesor dorim, printre alte lucruri interesante pe care CodeKit le va face pentru noi. CodeKit se injectează automat CSS nou compilat direct în browser, care este un ajutor de viteză uriaș în timpul dezvoltării.
Vă prezentăm conceptele de bază ale Sass, pe care le vom folosi pe tot parcursul proiectului.