Web Design & Development Archives

Tutorial Slick Slider part 3: Thumbnail Slider

Oke. Kali ini kita lanjutkan seri tutorial Slick Slider. Pada part 3, kita akan mencoba variasi slider jenis lain, yaitu thumbnail slider. Pada dasarnya slider ini memadukan 2 jenis slider yang saling terhubung. Slider 1 untuk gambar utama, dan Slider 2 untuk thumbnails / daftar gambar kecil.

Jenis slider semacam ini sering kita jumpai pada halaman website e-commerce. Entah JD.ID, Blibli, Tokopedia, dll, di bagian detail produk.

Local Web Server Paling Mudah – VSCode + Live Server

Ketika membuat atau belajar web design & development, anda bisa aja membuka file teks HTML nya langsung di browser. Cara ini sederhana, namun memiliki keterbatasan. Ujung-ujungnya anda tetep butuh program web server juga. Visual Studio Code adalah teks editor populer juga memiliki plugin static web server yang bisa dijalankan dalam sekali klik. Praktis!

Tutorial Slick Slider Part 2: Membuat Responsive Slide Show Banner

Di artikel sebelumnya kita sudah berkenalan dengan slick slider dan dasar pemakaiannya. Dimana slick slider adalah library populer untuk bikin berbagai variasi web slider dengan mudah.

Di part 2 ini, kita akan mulai praktek studi kasus membuat slide show banner. Kira-kira seperti banner di halaman depan situs e-commerce, misal JD.id. Dimana promo-promo ditampilkan bergiliran, dan bisa diklik.

Membuat Web Slider dengan Slick

Slider merupakan elemen UI yang populer di web dan banyak variasinya. Mulai dari slideshow banner, carousel, image gallery, dan lain-lain. Tutorial kali ini akan membahas sekilas tentang slider, lalu dilanjutkan dengan berkenalan dengan Slick slider, yang merupakan library JS populer untuk membuat berbagai macam jenis slider. Mengapa pake Slick? Apa kelebihannya? Bagaimana cara pemakaiannya? Semua akan dibahas disini beserta code dan file latihan.

Audit Broken Link pada Website/Blog dengan Xenu

Ada 1 tool yang jadi favorit saya dan selalu bisa diandalkan ketika kerja dengan web, yaitu nama programnya Xenu’s Link Sleuth, ato kita singkat aja Xenu. Software ini dipakai untuk mendata seluruh link yang ada dalam website, beserta statusnya. Sangat bermanfaat dalam menemukan broken link serta kegiatan yang berkaitan dengan SEO (Search Engine Optimization) lainnya.