Menulis CSS yang bisa dibaca enam bulan lagi

Enam bulan dari sekarang kamu akan membuka file ini lagi. Kamu sudah lupa kenapa ada tiga kelas di elemen yang sama, dan kenapa satu blok punya dua aturan yang saling menimpa.

Aturan yang saya pegang

Satu elemen, satu aturan. Kalau sebuah elemen perlu diubah, tempatnya sudah jelas sebelum saya membuka filenya. Semua keadaan — hover, fokus, layar kecil — hidup di dalam aturan yang sama, bukan tersebar di tiga tempat.

Nilai yang berulang diangkat jadi satu nama. Ketika warnanya berubah, yang berubah satu baris, bukan tiga puluh.

Nama yang menjelaskan

Nama kelas sebaiknya menjawab “ini apa”, bukan “ini kelihatan seperti apa”. tombol-utama tetap benar meski warnanya berubah; kotak-biru berbohong begitu ada perubahan tema.

Sedikit disiplin di awal terasa membosankan. Tapi ia yang membuat perubahan kecil enam bulan lagi tetap kecil.