# 009: Menyiapkan Lingkungan Pengembang Lokal - Trik CSS

Anonim

Kami tentunya tidak "selesai" di Photoshop selamanya untuk desain ini, tetapi kami memiliki cukup pekerjaan untuk mulai membuat desain ini di browser. Bagaimanapun, ini adalah situs web yang kami bangun bukan gambar situs web (seperti yang mereka katakan).

Kami membuat folder yang akan menjadi rumah untuk proyek ini dan kemudian secara manual membuat semua elemen dasar proyek: file index.html, folder sumber daya, dan sejenisnya. Kita bisa saja menggunakan HTML5 Boilerplate, tetapi memutuskan bahwa akan lebih baik jika menulis dari awal kemudian kembali dan mereferensikannya untuk memastikan kita tidak melewatkan apapun di masa depan.

Kami menyiapkan CodeKit untuk mengawasi folder proyek kami. Dengan begitu kita dapat bekerja dalam bahasa preprocessor apa pun yang kita inginkan, di antara hal-hal keren lainnya yang akan dilakukan CodeKit untuk kita. CodeKit secara otomatis menyuntikkan CSS yang baru dikompilasi untuk kita langsung ke browser, yang merupakan penolong kecepatan yang sangat besar selama pengembangan.

Kami memperkenalkan konsep dasar Sass, yang akan kami gunakan sepanjang proyek.