Category: Trik
-
Membuat Scroll Indicator Dengan Javascript
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 bawah dan bergeser ke kiri jika halaman discroll ke atas.Scroll indicator ini menggunakan javascript, hanya beberapa baris javascript dan tidak memerlukan Jquery Library karena ini…
-
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 dapat mempermudah melakukan tindakan pada elemen-elemen yang ada di dalamnya.Menambahkan class pada body maupun html tag lazimnya dapat dilakukan dengan 2 situasi, yaitu dengan onscroll…
-
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 huruf X untuk tombol close.Sebenarnya tidak ada yang melarang untuk menggunakan huruf X untuk tombol close, namun huruf X tidak enak dilihat sebagai tanda silang.Coba…
-
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 satu ini penting untuk dilakukan untuk semakin mengoptimalkan kecepatan pemuatan halaman, khususnya untuk ponsel.Dengan ini kita memberitahu
-
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 berjalan.Konsol biasanya akan memberikan pesan yang berasal dari halaman atau dari browser itu sendiri seperti pesan error dan warning. Pesan “error” adalah pesan yang menunjukkan
-
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 saja dan tidak memerlukan Jquery Library sehingga sangat ringan untuk digunakan di blog.Trik jenis ini sangat cocok untuk menu yang posisi awalnya berada di bawah…
-
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 akan melihat scroll bar pada postingan maupun pada sidebar. Namun keduanya tetap bisa digulirkan. Menghilangkan scroll bar ini tentu saja masih menjadi pro dan kontra,…