Kategori Web Design

ParticleJS Background

Sejak saya menerapkan efek partikel pada bagian header blog saya ini, rasanya blog saya terasa lebih “Hidup”, tidak membosankan 😀

Cukup lama saya mencari apa nama dari efek tersebut, terlihat seperti bintang-bintang di langit yang saling terhubung, saya pun menggunakan keyword “Link Star” dan tidak membuahkan hasil, hingga saya bertanya di Forum dan mendapatkan jawaban bahwa nama dari efek tersebut adalah Efek Partikel. Kata kunci pun sudah didapatkan dan saya pun dengan mudah menemukan nama skripnya yakni ParticleJS yang bisa diterapkan dengan mudah hanya menggunakan plugin di WordPress Self Hosted.

Pertamakali saya melihat efek ini ketika saya berkunjung di salah satu website penyedia web hosting di Indonesia dan melihat efek yang sangat unik pada header-nya, selain bergerak secara otomatis, partikel itu juga mengikuti arah kursor/pointer mouse ketika melakukan mouseover yakni meletakkan kursor di atasnya, dan masih tidak hanya sampai disitu saja, ketika mouse kita klik kanan maka partikel itu pun merespon.

Penasaran ?   Baca Selanjutnya »



Ilustrasi CSS Sprites

Gambar di atas adalah ilustrasi yang paling tepat menggambarkan apa itu CSS Sprites, yakni metode optimasi yang menggabungkan beberapa gambar menjadi satu gambar saja untuk meminimalisir jumlah request, gambar pada halaman ditampilkan dengan menggunakan CSS.

Meski protokol HTTP/2 sudah memiliki kemampuan Multiplexing yang mengambil semua elemen dalam sekali request, tapi tetap saja jika jumlah request itu dikurangi maka akan mempercepat load website kita lebih cepat lagi dengan HTTP/2.

Beberapa pembaca yang datang ke artikel ini biasanya karena mendapati hasil benchmark di GTMetrix menyarankan untuk mengkombinasi beberapa gambar dengan CSS Sprites.

Optimasi CSS Sprites ini mempengaruhi PageSpeed Score pada GTMetrix 😀

Tapi, bagaimana cara melakukannya ?

Bahkan dengan generator berbasis web app pun menurut saya masih ribet, apalagi jika melakukannya secara manual 😀

Selain harus membuat file *.png yang memuat seluruh gambar-gambar menjadi satu kesatuan, kita juga harus coding css untuk mengatur tata letak posisi gambar itu di halaman website kita, dan semua itu dilakukan secara manual !

Penasaran ?   Baca Selanjutnya »



Property of Lukmanul Hakim Watermark V2

Cukup lama konten-konten di blog saya ini saya biarkan tanpa proteksi dalam bentuk pelarangan langsung yakni melarang tindakan tertentu ketika membaca artikel, seperti klik kanan, select text, CTRL + A, CTRL + C, dsb

Karena bagi saya hal itu tidak ideal 😀

Kenapa ?

Karena ketika mendisable select text, justru hal itu diterapkan pada seluruh halaman, tentu saja elemen-elemen lain yang tidak perlu disable select text dan bahkan justru membutuhkan fungsi select text malah ikut-ikutan.

Lalu mengenai disable right click atau contect menu, itu juga sangat tidak ideal, karena saya pribadi pun membutuhkannya. Terlalu berlebihan 😀

Kalau kombinasi tombol keyboard, hanya CTRL + U yang perlu saya disable 😀

Memang sih ada plugins yang bisa menonaktifkan segala proteksi diatas ketika kita login sebagai Admin, sehingga hanya pengunjung saja yang mengakses halaman terproteksi. Tapi plugins dengan fitur tersebut tentu saja berbayar, karena itu salah satu fitur Premium. Saya pribadi masih belum menemukan cara bagaimana menerapkan proteksi manual hanya pada pengunjung saja.

Penasaran ?   Baca Selanjutnya »



SSL Verified