navbar adalah komponen pertama yang saya pelajari saat mulai bikin website, dan sampai sekarang masih menjadi bagian yang paling sering saya kerjakan ulang. pola di artikel ini (hamburger menu + media query) adalah pola yang selalu saya pakai, baik untuk project pribadi maupun project klien. untuk pondasi layout, pastikan sudah paham flexbox dan grid dan cara menggabungkan HTML dan CSS dulu.
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.
