# 055: Memasukkan Mockup Statis ke Kontrol Versi - Trik CSS

Daftar Isi

Hingga saat ini, kami telah membuat perubahan kode secara lokal tanpa menggunakan kontrol versi apa pun. Dengan meningkatnya kompleksitas situs ini, itu menjadi semakin tidak bertanggung jawab. Apa yang berubah dan kapan? Mengapa berubah? Bagaimana kita bisa melihat seperti apa sebelumnya seandainya itu menyebabkan masalah yang baru kita ketahui nanti?

Ada begitu banyak alasan bagus untuk menggunakan kontrol versi yang hampir berada di luar cakupan seri ini, tetapi cukuplah untuk mengatakan, kami akan menggunakannya. Ini memecahkan semua pertanyaan yang saya uraikan di atas.

Dalam kasus kami, saya sudah menggunakan kontrol versi pada CSS-Tricks. Saya menggunakan Git dan meng-host repositori di Pohon Kacang. Pohon Kacang menangani penerapan situs melalui FTP. Pengaturannya sangat sederhana. Untuk CSS-Trik saya bahkan tidak memiliki server pementasan, saya hanya mendorong semuanya dengan benar ke produksi.

Saya menggunakan Menara aplikasi Mac untuk bekerja dengan Git. Jika Anda ingin screencast lengkap tentang cara menyiapkan semuanya dari awal, saya menyediakannya di sini.

Kami membuat sedikit perubahan dan Anda dapat melihat perubahan tersebut muncul di Tower sebagai "dif" (di mana Anda dapat melihat baris mana yang berubah dan bagaimana). Terakhir, kami mengambil desain statis yang telah kami kerjakan sejauh ini dan menjadikannya subfolder di CSS-Tricks.com yang diterapkan secara nyata - lalu lihatlah. Yay itu berhasil! Baik, untuk sebagian besar. Sekarang desainnya ada di subfolder, beberapa tautan rusak tetapi itu bukan masalah besar.

Saya harus mencatat bahwa saya tidak cukup sering kembali untuk menunjukkan diri saya mengkomit file ke Git di video mendatang. Bayangkan saja bahwa di akhir setiap video saya beralih ke Tower, memilih grup file yang relevan dan mengikatnya dengan pesan komit deskriptif yang bagus (yang sebenarnya saya lakukan).

Artikel yang menarik...