Search for a command to run...
Sebenarnya ini tidak sulit, karena dokumentasi dari Next.js dan Tailwind CSS secara detail menjelaskannya. Namun, belakang hal ini menjadi 'rutin' sampai-sampai saya menyimpan hasil akhirnya sebagai templat. Oke, pertama kita instal Next.js dengan pe...
Loader umum digunakan pada konten yang membutuhkan waktu lebih untuk memuatnya. Komponen ini cukup penting karena dapat memengaruhi keputusan pengguna untuk tetap menunggu atau pergi meninggalkan situs. Situs semacam lokapasar (marketplace) biasa men...
Collapsible dan Accordion adalah komponen web yang mampu menampilkan dan menyembunyikan isi konten ketika judul dari konten tersebut diklik. Komponen ini umum digunakan pada konten yang menyajikan informasi tentang pertanyaan yang paling sering ditan...
Teks di atas gambar mungkin menjadi desain web yang sering kali kita jumpai. Salah satu penerapannya ada pada komponen Hero atau Jumbotron yang menampilkan informasi untuk menarik atensi pengunjung. Tentu ada banyak cara untuk menciptakan komponen te...
CSS Flexbox adalah model tata letak web yang dirancang untuk konten satu dimensi (disusun dalam bentuk baris atau kolom). Model tata letak ini menurut saya perlu dikuasai karena sudah cukup menyelesaikan persoalan desain web yang umum. Setidaknya ada...
Elemen <head> digunakan untuk menampung elemen-elemen HTML yang fungsinya memberi informasi kepada peramban, mesin pencari, dan situs lain tentang halaman web yang sedang dan akan diakses. Isi dari elemen ini akan memengaruhi cara peramban dalam mena...
Library ikon tidak hanya dapat mempercantik tampilan, tapi juga mampu membuat konten jadi lebih informatif. Kriteria yang saya jadikan acuan dalam memilih library ikon pada artikel ini, yaitu: Sepenuhnya gratis, baik dengan maupun tanpa atribusi dan...
CSS Reset adalah istilah untuk sekumpulan style CSS yang mengatur ulang style bawaan elemen HTML. Tujuan penggunaannya adalah agar tampilan web yang dibuat dapat tampil konsisten di berbagai peramban. Salah satu CSS Reset yang cukup terkenal adalah m...