Със сигурност не сме „готови“ във Photoshop завинаги за този дизайн, но имаме достатъчно работа, за да започнем да създаваме този дизайн в браузъра. В крайна сметка това е уебсайт, който изграждаме, а не снимка на уебсайт (както се казва).
Създаваме папка, която ще бъде дом за този проект и след това ръчно създаваме всички основни елементи на проект: файл index.html, папки с ресурси и други подобни. Можехме да използваме HTML5 Boilerplate, но решихме, че е най-добре да напишем от нулата, след това да се върнем назад и да споменем това, за да сме сигурни, че няма да пропуснем нищо в бъдеще.
Настроихме CodeKit, за да гледаме нашата папка с проекти. По този начин можем да работим на какъвто и да е език на препроцесора, наред с други страхотни неща, които CodeKit ще направи за нас. CodeKit автоматично инжектира новокомпилиран CSS за нас директно в браузъра, което е огромен помощник по време на разработката.
Представяме основните концепции на Sass, които ще използваме по време на проекта.