Skip to content

BayuStudio

  • Home
  • Tutorial
    • Tutorial Inkscape
  • WebComic
  • Tools
    • Inkscape Web Grid Template Generator
    • SVG Encoder
  • Tentang Kami
  • Bahasa Indonesia
    • English
    • Bahasa Indonesia

Category: Web Design & Development

Tutorial Slick Slider part 3: Thumbnail Slider

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.

Continue reading “Tutorial Slick Slider part 3: Thumbnail Slider”
Posted in Programming, Web Design & DevelopmentLeave a Comment on Tutorial Slick Slider part 3: Thumbnail Slider

Local Web Server Paling Mudah – VSCode + Live Server

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!

Continue reading “Local Web Server Paling Mudah – VSCode + Live Server”
Posted in Programming, Web Design & DevelopmentLeave a Comment on Local Web Server Paling Mudah – VSCode + Live Server

Tutorial Slick Slider Part 2: Membuat Responsive Slide Show Banner

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.

Continue reading “Tutorial Slick Slider Part 2: Membuat Responsive Slide Show Banner”
Posted in Programming, Web Design & DevelopmentLeave a Comment on Tutorial Slick Slider Part 2: Membuat Responsive Slide Show Banner

Membuat Web Slider dengan Slick

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.

Continue reading “Membuat Web Slider dengan Slick”
Posted in Programming, Web Design & DevelopmentLeave a Comment on Membuat Web Slider dengan Slick

Audit Broken Link pada Website/Blog dengan Xenu

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.

Continue reading “Audit Broken Link pada Website/Blog dengan Xenu”
Posted in Web Design & DevelopmentTagged SEOLeave a Comment on Audit Broken Link pada Website/Blog dengan Xenu

Choose a language

  • EnglishEnglish
  • Bahasa IndonesiaBahasa Indonesia

Articles are available in Bahasa Indonesia & plain English. Although Some articles may not be translated yet.

Tutorial Inkscape playlist

Latest WebComic

Rekaman Suara Mnim Noise part 2

Recent Posts

  • Software Trial yang Unlimited, “Gratis” Selamanya
  • TinyWall untuk Membatasi Akses Internet Aplikasi PC – Penghemat Kuota
  • Tutorial Slick Slider part 3: Thumbnail Slider
  • Local Web Server Paling Mudah – VSCode + Live Server
  • Inkscape & Photoshop #1: Konversi SVG ke PSD (Editable Vector)

Follow Us

  • Youtube
  • Instagram
  • Twitter

Twitter

Tweets by bayustudio

© Bayu Studio 2020. All Rights Reserved.
Powered by WordPress. Theme by BayuStudio.
  • Syarat & Ketentuan
  • Kebijakan Privasi