# 009: Helyi fejlesztői környezet beállítása - CSS-trükkök

Anonim

Biztosan nem vagyunk örökre „készen” a Photoshopban ehhez a tervezéshez, de van annyi munkánk, hogy elkezdhessük ennek a tervnek a létrehozását a böngészőben. Végül is ez egy olyan webhely, amelyet nem egy weboldal képéről építünk (ahogy mondani szokták).

Létrehozunk egy mappát, amely a projekt otthona lesz, majd manuálisan létrehozza a projekt összes alapvető elemét: index.html fájlt, erőforrásmappákat és hasonlókat. Használhattuk volna a HTML5 Boilerplate-t, de úgy döntöttünk, hogy a legjobb, ha a semmiből írunk, majd visszamegyünk, és hivatkozunk erre, hogy megbizonyosodhassunk arról, hogy a jövőben semmit sem hagyunk ki.

Beállítottuk a CodeKit-ot, hogy megnézzük a projekt mappánkat. Így bármilyen előprocesszoros nyelven dolgozhatunk, többek között a CodeKit általunk készített remek dolgok mellett. A CodeKit automatikusan beinjektálja számunkra az újonnan összeállított CSS-t közvetlenül a böngészőbe, ami hatalmas sebességű segítő a fejlesztés során.

Bemutatjuk a Sass alapvető fogalmait, amelyeket a projekt során fogunk használni.