Mes tikrai amžinai „nepadarėme“ „Photoshop“ dėl šio dizaino, tačiau turime pakankamai daug dirbti, kad galėtume pradėti kurti šį dizainą naršyklėje. Galų gale, tai yra svetainė, kurią kuriame ne svetainės (kaip sakoma) paveikslėlyje.
Sukuriame aplanką, kuriame bus šio projekto namai, tada rankiniu būdu sukursime visus pagrindinius projekto elementus: index.html failą, išteklių aplankus ir panašiai. Galėjome naudoti „HTML5 Boilerplate“, bet nusprendėme, kad geriausia būtų rašyti nuo nulio, tada grįžti atgal ir nurodyti tai, kad ateityje nieko nepraleistume.
Mes sukūrėme „CodeKit“, kad galėtume žiūrėti mūsų projekto aplanką. Tokiu būdu mes galime dirbti bet kokiomis norimomis pirminio procesoriaus kalbomis, be kitų šaunių dalykų, kuriuos „CodeKit“ padarys mums. „CodeKit“ automatiškai injekuoja mums naujai sukurtą CSS tiesiai į naršyklę, kuri yra didžiulė greičio pagalbininkė kūrimo metu.
Pristatome pačias pagrindines „Sass“ sąvokas, kurias naudosime viso projekto metu.