Skip to content

Bayu Studio

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

Tutorial Slick Slider 2: Membuat Responsive Slide Show Banner

Tutorial Slick Slider 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.

Read more “Tutorial Slick Slider 2: Membuat Responsive Slide Show Banner”
Posted on Februari 20, 2021Februari 20, 2021 In Programming, Web Design & DevelopmentLeave a Comment on Tutorial Slick Slider 2: Membuat Responsive Slide Show Banner

Java, antara Nama Pulau, Kopi, Aksara, Bahasa dan Pemrograman

Java, antara Nama Pulau, Kopi, Aksara, Bahasa dan Pemrograman

Java atau Jawa, adalah pulau terpadat di indonesia. Namun kalo anda googling java, hasil yang keluar di halaman 1 bukanlah tentang pulau, bukan pula tentang suku atau budaya Jawa, melainkan tentang bahasa pemrograman dan platform teknologi yang dimiliki perusahaan Oracle. Kenapa teknologi ini kok dinamai Java, adakah hubungannya dengan Indonesia?

Mari kita ngobrolin hubungan agak ruwet diantara semuanya ini. Mulai dari istilah Java, logo nya yang berupa kopi, hingga cerita JavaScript dan hanacaraka.

Read more “Java, antara Nama Pulau, Kopi, Aksara, Bahasa dan Pemrograman”
Posted on Januari 22, 2021Januari 22, 2021 In Misc, ProgrammingLeave a Comment on Java, antara Nama Pulau, Kopi, Aksara, Bahasa dan Pemrograman

Warna RGB dan Hubungannya dengan Sistem Penglihatan Manusia.

Warna RGB dan Hubungannya dengan Sistem Penglihatan Manusia.

Istilah RGB sangat umum dalam dunia elektronik, komputer dan desain grafis. RGB adalah model warna populer yang terdiri dari 3 elemen warna dasar, yaitu red green blue. Pencampuran diantara ketiganya bisa menghasilkan warna-warna lain yang hampir tak terbatas.

Pernahkah anda penasaran kenapa RGB sangat populer? Diantara banyak warna yang ada, apa istimewanya merah, hijau dan biru hingga dipilih jadi warna dasar? Ternyata hal ini menarik disimak karena berkaitan dengan cara kerja sistem penglihatan manusia.

Read more “Warna RGB dan Hubungannya dengan Sistem Penglihatan Manusia.”
Posted on Desember 8, 2020Desember 19, 2020 In Art & DesignLeave a Comment on Warna RGB dan Hubungannya dengan Sistem Penglihatan Manusia.

Merakit PC optimal untuk Photoshop dan Desain Grafis

Merakit PC optimal untuk Photoshop dan Desain Grafis

Ini adalah panduan mudah dalam menentukan spesifikasi PC rakitan yang optimal untuk keperluan desain grafis, terutama Photoshop. Gimana cara memilih prosesor yang sesuai budget, butuh berapa core? Intel or AMD? Gimana cara tahu motherboard yang berkualitas? RAM apa?, SSD kecil atau harddisk? Bagaimana mengukur performa mereka? Gimana Solusi mengakali budget kecil? dll. Semua dijelaskan dengan bahasa ramah untuk pemula.

Idenya dari sedikit pengalaman dan catatan kami dalam merakit PC yang semoga membantu anda juga. Silakan simak, siap-siap kali ini agak panjang.

Read more “Merakit PC optimal untuk Photoshop dan Desain Grafis”
Posted on Desember 1, 2020Desember 2, 2020 In Productivity & ToolsLeave a Comment on Merakit PC optimal untuk Photoshop dan Desain Grafis

Godot vs Defold, Lebih Bagus Mana?

Godot vs Defold, Lebih Bagus Mana?

Artikel ini adalah lanjutan dari tulisan sebelumnya. Saya lagi nyari2 game engine yang cocok untuk game hobby dan melakukan sedikit riset. Hasilnya 2 kandidat teratas adalah Godot vs Defold.

Godot mungkin adalah game engine yang muncul di pikiran banyak orang ketika ngomongin tentang open-source alternatif dari Unity. Namun, Defold juga ga kalah bagus. Apalagi mereka baru saja jadi ‘open source‘ tahun ini. (Walau diperdebatkan bahwa Defold ga ‘open source’ per definisi dari OSI, tapi menurut saya udah cukup open-source buat keperluan saya)

Read more “Godot vs Defold, Lebih Bagus Mana?”
Posted on November 26, 2020Desember 4, 2020 In ProgrammingLeave a Comment on Godot vs Defold, Lebih Bagus Mana?

Sejarah Browser Tabs

Sejarah Browser Tabs

Kalo anda memperhatikan berbagai web browser di desktop, chrome, edge, firefox, opera, dll, mereka mirip semua ya. Ada url bar, tombol back, next, bookmark, incognito mode, dll.. Namun ada kesamaan yang mo kita bahas sekarang, yaitu tabs.

Tahukah anda dahulu mereka ga pake tabs? Siapa yang duluan pake hingga hingga jadi UI browser wajib seperti sekarang? Sebenarnya apa sih tabbed document interface itu? Kita akan bahas dan flashback ke belakang, simak artikel ini.

Read more “Sejarah Browser Tabs”
Posted on November 21, 2020November 22, 2020 In MiscLeave a Comment on Sejarah Browser Tabs

Animasi dengan Wick Editor

Animasi dengan Wick Editor

Kali ini kita bahas quick tutorial tentang Wick Editor. Secara nggak sengaja saya nemu situs ini dan ternyata bagus buat animasi. Situsnya ada di www.wickeditor.com.

Kalau menurut websitenya, Wick Editor adalah tools buat bikin games, animasi, and everything in between. Terus aplikasi ini juga free dan open source ya. Dan banyak pula yang membanding-bandingkannya dengan Flash. Karena itu kami juga penasaran untuk review dan mencobanya.

Read more “Animasi dengan Wick Editor”
Posted on November 18, 2020November 25, 2020 In Art & DesignLeave a Comment on Animasi dengan Wick Editor

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.

Read more “Membuat Web Slider dengan Slick”
Posted on Oktober 30, 2020Januari 2, 2021 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.

Read more “Audit Broken Link pada Website/Blog dengan Xenu”
Posted on Oktober 24, 2020Oktober 24, 2020 In Web Design & DevelopmentLeave a Comment on Audit Broken Link pada Website/Blog dengan Xenu

Menghilangkan Noise Ketika Rekaman Youtube, Streaming dan Video Call

Menghilangkan Noise Ketika Rekaman Youtube, Streaming dan Video Call

Kali ini kami mau berbagi sedikit pengalaman tentang rekaman video Youtube dan masalah noise. Dari sudut pandang youtuber pemula yang memulai dengan dengan peralatan terbatas. Mulai dari mengupgrade mikrofon, reduce noise pake software, hingga akhirnya berkenalan dengan NVIDIA RTX Voice dan Krisp untuk solusi noise reduction yang realtime dan produktif banget, bukan hanya untuk rekaman, namun terutama juga untuk voice call kayak Zoom, Microsoft Teams, Skype, Discord dan lain-lain.

Read more “Menghilangkan Noise Ketika Rekaman Youtube, Streaming dan Video Call”
Posted on Oktober 16, 2020Oktober 24, 2020 In Productivity & ToolsLeave a Comment on Menghilangkan Noise Ketika Rekaman Youtube, Streaming dan Video Call

Navigasi pos

Older posts

Choose a language / Pilih bahasa

  • EnglishEnglish
  • Bahasa IndonesiaBahasa Indonesia

This blog is available in 2 languages: Indonesia & English. We are trying to write all the articles in both languages. If some articles have no translation, then it is probably still in progress.

Blog ini terdiri dari 2 bahasa: Indonesia dan english. Kami berusaha menulis seluruh artikel dalam 2 bahasa. Tapi kalo ada yang belum diterjemahkan, berarti sedang dalam proses.

Tutorial Inkscape playlist

Latest WebComic

Rekaman Suara Mnim Noise part 2

Featured Article

Raster dan Vektor, Mengenal 2 Jenis Gambar Digital

Raster dan Vektor, Mengenal 2 Jenis Gambar Digital

Recent Posts

  • Tutorial Slick Slider 2: Membuat Responsive Slide Show Banner
  • Java, antara Nama Pulau, Kopi, Aksara, Bahasa dan Pemrograman
  • Warna RGB dan Hubungannya dengan Sistem Penglihatan Manusia.
  • Merakit PC optimal untuk Photoshop dan Desain Grafis
  • Godot vs Defold, Lebih Bagus Mana?

Follow Us

  • Youtube
  • Instagram
  • Twitter

Twitter

Tweets by bayustudio

Tutorial Inkscape Panduan Menggambar dan Desain

Seri tutorial lengkap Inkscape. Teori dan praktek latihan yang dibutuhkan untuk berkarya dengan Inkscape: menggambar dan desain grafis.

FREE video tutorial dan artikel

Lihat semua

Tutorial Inkscape Part 1: Pengenalan, Keunggulan & Instalasi

Tutorial Inkscape Part 2: Tampilan UI & Eksplorasi Awal

Tutorial Inkscape Part 3: Navigasi Kanvas, Seleksi & Manipulasi Obyek dan Nodes Dasar

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