Emme todellakaan ole "tehneet" Photoshopissa ikuisesti tätä mallia, mutta meillä on tarpeeksi töitä aloittaaksemme tämän mallin luomisen selaimessa. Loppujen lopuksi tämä on verkkosivusto, jota rakennamme, ei kuvaa verkkosivustosta (kuten sanotaan).
Luomme kansion, joka on koti tälle projektille, ja luomme sitten manuaalisesti kaikki projektin peruselementit: index.html-tiedoston, resurssikansiot ja vastaavat. Olisimme voineet käyttää HTML5-kattilalevyä, mutta päätimme, että olisi parasta kirjoittaa tyhjästä ja palata sitten takaisin ja viitata siihen varmistaaksemme, ettemme menetä mitään tulevaisuudessa.
Perustimme CodeKitin katsomaan projektikansiota. Tällä tavoin voimme työskennellä millä tahansa esiprosessorikielellä, mitä haluamme, muun muassa CodeKitin tekemien hyvien asioiden joukossa. CodeKit ruiskuttaa meille äskettäin kootun CSS: n suoraan selaimeen, mikä on valtava nopeuden apu kehityksen aikana.
Esittelemme Sassin peruskäsitteet, joita käytämme koko projektin ajan.