Z pewnością nie „skończyliśmy” w Photoshopie na zawsze dla tego projektu, ale mamy wystarczająco dużo pracy, aby rozpocząć tworzenie tego projektu w przeglądarce. W końcu jest to witryna, którą tworzymy, a nie obraz witryny (jak mówią).
Tworzymy folder, który będzie miejscem zamieszkania dla tego projektu, a następnie ręcznie tworzymy wszystkie podstawowe elementy projektu: plik index.html, foldery zasobów i tym podobne. Mogliśmy użyć szablonu HTML5 Boilerplate, ale zdecydowaliśmy, że najlepiej będzie napisać od zera, a następnie cofnąć się i odnieść do tego, aby upewnić się, że niczego nie przegapimy w przyszłości.
Skonfigurowaliśmy CodeKit, aby obserwować nasz folder projektu. W ten sposób możemy pracować z dowolnymi językami preprocesora, między innymi, które CodeKit zrobi za nas. CodeKit automatycznie wstrzykuje dla nas nowo skompilowany CSS bezpośrednio do przeglądarki, co jest ogromnym pomocnikiem szybkości podczas programowania.
Przedstawiamy bardzo podstawowe koncepcje Sass, których będziemy używać w całym projekcie.