Ddivclassidindivclassid.hashnode.dev·Mar 5, 2023 · 2 min readInstal 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...00
Ddivclassidindivclassid.hashnode.dev·Aug 2, 2022 · 3 min readCSS: 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...00
Ddivclassidindivclassid.hashnode.dev·Jul 26, 2022 · 5 min readCSS 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...00
Ddivclassidindivclassid.hashnode.dev·Jul 22, 2022 · 3 min readCSS: 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...00
Ddivclassidindivclassid.hashnode.dev·Jul 19, 2022 · 9 min readMemahami 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...00