HTML/CSS

dark mode adalah fitur kecil yang sering membuat perbedaan besar bagi kenyamanan pengguna, dan saya sendiri lebih sering memakainya daripada mode terang. pola di artikel ini, CSS variables plus localStorage, adalah yang selalu saya pakai di project, dan bagian terpentingnya: preferensi tema harus tersimpan supaya pengguna tidak perlu memilih ulang setiap kunjungan.

kita akan bahas dari cara paling sederhana sampai pola yang siap produksi: mencegah flash halaman terang saat load, mengikuti tema sistem operasi, dan versi Tailwind CSS untuk kalian yang sudah memakainya.

Dark mode bukan lagi fitur tambahan — hampir semua aplikasi dan website modern punya tombol untuk berpindah tema terang dan gelap. Sejak Bootstrap 5.3, fitur ini resmi tersedia tanpa plugin tambahan lewat mekanisme yang disebut color mode.

Kalau kamu baru mulai belajar bikin website, HTML adalah titik awalnya. Hampir semua yang kamu lihat di browser — artikel ini, tombol, gambar, link — dibangun di atas HTML.

Setelah bisa bikin halaman dengan HTML dan CSS dasar, hal berikutnya yang paling sering ditanyakan adalah: gimana caranya menyusun elemen supaya rapi dan responsif? Di sinilah Flexbox dan Grid berperan.