Instal Tailwind CSS di Next.jsSebenarnya 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...Mar 5, 2023 · 2 min readdivclassid.hashnode.dev
CSS: Membuat Skeleton LoaderLoader 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...Aug 2, 2022 · 3 min readdivclassid.hashnode.dev
CSS x JS: Membuat Collapsible dan AccordionCollapsible 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...Jul 26, 2022 · 5 min readdivclassid.hashnode.dev
CSS: Teks di atas gambarTeks 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...Jul 22, 2022 · 3 min readdivclassid.hashnode.dev
Memahami penggunaan CSS FlexboxCSS 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...Jul 19, 2022 · 9 min readdivclassid.hashnode.dev
