Tässä kuvaruudussa CodeKit alkaa katsella projektiamme. Tämä helpottaa paljon kehittäjien tehtäviä.
Ensimmäinen asia, jonka teemme, on se, että optimoimme kuvan häviöttömästi. Helppo yhdellä napsautuksella.
Sitten asennamme Compassin projektiin. Tämä antaa meille mahdollisuuden käyttää Compassin tarjoamia CSS3-yhdistelmiä sen sijaan, että tarvitsisimme luoda oman, mikä meidän pitäisi varmasti tehdä huonompi työ.
Ehkä tärkeintä, että Compass (CodeKitin kautta) seuraa nyt projektikansiomme ja kokoaa .scss-tiedostomme automaattisesti .css-tiedostoiksi, joita käytämme. Lisäbonuksena tallennettaessa .scss-tiedostot koodieditorissamme nämä uudet tyylit “injektoidaan” sivulle automaattisesti, mikä on mahtavaa.