# 009: Menyiapkan Persekitaran Dev Setempat - Trik CSS

Anonim

Kita sememangnya tidak "selesai" di Photoshop selamanya untuk reka bentuk ini, tetapi kita masih perlu berusaha untuk mula membuat reka bentuk ini di penyemak imbas. Lagipun, ini adalah laman web yang kami bina bukan gambar laman web (seperti yang mereka katakan).

Kami membuat folder yang akan menjadi rumah bagi projek ini dan kemudian secara manual membuat semua elemen asas projek: fail index.html, folder sumber, dan sejenisnya. Kami mungkin telah menggunakan HTML5 Boilerplate, tetapi memutuskan bahawa yang terbaik adalah menulis dari awal kemudian kembali dan merujuknya untuk memastikan bahawa kita tidak akan melewatkan apa-apa di masa depan.

Kami menyediakan CodeKit untuk menonton folder projek kami. Dengan cara itu kita dapat bekerja dalam apa jua bahasa preprocessor yang kita mahukan, antara lain perkara-perkara menarik yang akan dilakukan CodeKit untuk kita. CodeKit menyuntik secara automatik CSS yang baru disusun untuk kami terus ke penyemak imbas, yang merupakan penolong kelajuan yang besar semasa pembangunan.

Kami memperkenalkan konsep Sass yang sangat asas, yang akan kami gunakan sepanjang projek ini.