Scroll indicator ini mungkin mirip dengan loading indicator yang sama-sama disimpan di atas blog dan persentasinya ditunjukan dengan warna yang akan semakin bergeser ke kanan jika halaman terus discroll ke […]
Menambah Dan Menghapus Class Pada Body Atau HTML Tag Dengan Javascript
body tag adalah tag terluar dari sebuah struktur HTML sebuah halaman web, dan HTML tag adalah tag terluar dari sebuah halaman web. Untuk itu, menambahkan class pada body maupun html […]
Sebaiknya Gunakan Kode HTML Entity Untuk Tombol Close Daripada Pakai Huruf X
Dan untuk membuat tombol close itu cukup mudah karena sudah ada kode HTML Entity dan ikon SVG untuk tombol close.Namun sampai saat ini saya masih melihat masih ada yang menggunakan […]
Membuat Popup Banner Dengan CSS Dan Timeout Javascript
Popup banner ini akan muncul setelah pengunjung beberapa detik membuka halaman, jadi ada waktu jeda kemunculannya setiap membuka atau merefresh halaman.Dan tentu saja popup banner ini mudah ditutup untuk melanjutkan […]
Optimalkan Halaman Blog Dengan Link rel=”preload”
Secara sederhana ini adalah tentang cara memberitahu browser untuk memuat lebih cepat sumber daya berbasis script tanpa penundaan.Selain dengan 3 poin yang sudah saya sebutkan pada postingan sebelumnya, trik yang […]
Membuat Sticky Header Hide on Scroll Down dan Show on Scroll Up
Berbeda dengan tutorial sebelumnya yang membuat sticky pada menu yang berada di bawah header, kali ini kita akan memberikan efek show hide pada header yang sudah melayang. Untuk itu saya […]
Cara Mengatasi Browser Errors Were Logged To The Console Pada Lighthouse
Setiap browser biasanya dilengkapi dengan alat pengembang atau developer tool atau yang lebih kita kenal dengan konsol atau console dalam bahasa Inggris. Konsol memberi kita informasi tentang halaman yang sedang […]
Membuat Menu Melayang Ketika Discroll Dengan CSS Dan Javascript
Untuk itu, untuk melangkapi tutorial yang ada di Kompi Ajaib, saya akan membagikan cara membuat fixed menu atau menu melayang dengan CSS dan Javascript.Javascript yang digunakannya pun hanya beberapa baris […]
Optimasi Halaman Dengan Mengganti GIF Animation Dengan Video
Mengapa video bisa menggantikan GIF Animation untuk optimasi kecepatan loading halaman?Karena pada dasarnya GIF Animation dan video memiliki konsep yang sama yaitu gambar bergerak. Namun di sisi lain, format video […]
Apakah Kita Masih Memerlukan Scroll Bar?
Hal itulah yang sekarang saya coba pada blog Kompi Ajaib ini. Demi tampilan yang sederhana dan bersih, saya menghilangkan scroll bar.Jika Anda menggunakan browser Firefox atau Chrome, maka Anda tidak […]