KOLEKSI VIDEO

  • PlayList u HTML & CSS doang

    CREATIVE!! Cara Mudah Bikin Sendiri Icon untuk Website | HTML, CSS, SVG

    Dibuat: ddQia Channel | Posting : 05 Aug 2019

    Bagaimana cara membuat icon layaknya font awesome dan bagaimana cara membuat icon menggunakan vector berbasis SVG. Tonton video ini sampai akhir agar tau cara-caranya.

    Inkscape salah satu software gratis yang bisa mengolah gambar berekstensi SVG.

    Hasil beberapa olahan svg ini dapat dijadikan font dengan mempergunakan bantuan Glyphter.com, salah satu mesin website yang merubah setiap file svg menjadi kumpulan simbol/icon berbentuk font.

    Simbol atau icon ini pasti akan membuat tampilan laman website semakin menarik.

    Video sederhana ini semoga bisa memberikan informasi khususnya bagi para peminat web desain dan programing.

    Terima kasih telah menyaksikan konten video ini. Dukung terus channel ini dengan cara klik tombol subscribe. Selain itu, ditunggu komentar atau pertanyaan yang berhubungan dengan video ini.

  • PlayList u Javascript

    Responsive Animation SLIDER using Vanilla Javascript, HTML & CSS

    Dibuat: ddQiaChannel | Posting : 21 Jul 2019

    Video tutorial kali ini membahas cara ngoding untuk mengolah pergantian foto atau gambar agar otomatis looping atau lazim disebut slider/karusel yang digunakan di awal laman website.

    Slider memberi kemudahan kepada pengunjung untuk mengetahui konten-konten apa saja yang dibahas di dalam sebuah website.

    Bahasa pemograman yang dipergunakan adalah bahasa HTML, CSS dan Javascript. Tidak mempergunakan framework apapun.

    Fungsi Interval menjadi pemeran utama dalam pengelolaan alur pergantian slider ini.

    Selain itu, fungsi setTimeout membantu dalam proses pengaturan animasi. Untuk pengembangan berikutnya, akan disertakan fungsi tombol navigasi, touch mobile dan fungsi klik mouse.

    Versi perbaikan mendukung tombol/button dan Touch effect:
    Lihat Video.

    Link download GitHub:
    Download kode

    Link download Official Website:
    Unduh kode

    Kode ini gratis, bisa dimodif. Jika berkenan setelah download kode ini, dukung kami dengan cara:

    Subscribe dan like Youtube Channel "ddqia Channel"

    Terima Kasih telah menyaksikan.

  • PlayList u Javascript

    AUTOMATICALLY CENTER POSITION!!! HTML CSS 100% JAVASCRIPT | Mahir Ngoding Playlist

    Dibuat: ddQiaChannel | Posting : 28 Jun 2019

    Ngoding edisi kali ini akan membahas tentang bagaimana caranya mengubah posisi teks atau gambar agar bisa secara otomatis berada di tengah halaman layar hanya dengan sekali klik tombol.

    Browser yang digunakan pada tutorial ini menggunakan Chrome. Adapun jika teman-teman yang baru bergabung kebingungan mengikuti tutorial ini, lebih baik lihat dulu video sebelumnya. Bisa di cek video-video di bawah ini :

    PERHATIAN!!! CARA SEBELUM NGODING | LANGKAH AWAL yang harus diperhatikan! | MAHIR NGODING
    Klik lihat Video

    SEGER!!! Semua bisa terekam??? | Software Perekam Layar untuk Komputer & Laptop (1:09)
    Klik lihat Video

    SEGERRR LAGI!!! Cara Gampang Rekam Layar | PC / Laptop | Menjadi Youtuber
    Klik lihat Video

    Ngoding kali ini dibantu bahasa Javascript agar tombol otomatisnya bisa berfungsi.

    Semoga bisa bermanfaat video tutorial sederhana ini. Klik tombol Subscribes untuk mendukung terus konten-konten video di channel ini. Serta jangan lupa share (bagikan) link videonya. Terima kasih.

  • PlayList u Jalan-jalan Seru

    INTIP KESEHARIAN PEMBUATAN AL-QURAN di BANDUNG | JALAN-JALAN SERU

    Dibuat: ddQia Channel | Posting : 11 Mar 2019

    JALAN-JALAN SERU | JELAJAH!! dan INTIP KESEHARIAN PEMBUATAN AL-QURAN di BANDUNG

    Assalamualaikum

    Hallo apa kabar, semoga semuanya sehat yaa

    Berjumpa lagi di QChannel.

    Video kali ini Kita sama-sama intips yukk proses pembuatan Al-Quran di kawasan Bandung.

    Simak videonya.

    Wasalamualaikum.

    Klik untuk lihat dan Subcribe Channel Youtube

  • PlayList u HTML & CSS doang

    MAKING AMAZING TEXT EFFECT using HTML & CSS3 | TYPOGRAPHY Playlist

    Dibuat: ddqia Channel | Posting : 05 Jan 2020

    Dalam video tutorial kali ini membahas cara membuat teks efek glowing dan komik.

    Biasanya dalam membuat desain gambar atau teks sudah lazim menggunakan photoshop, corel draw atau aplikasi sejenisnya.

    Namun, tidak dalam video ini. Kita sama-sama akan ngoding teks efek menggunakan bahasa web programing HTML dan CSS.

    Hasil manipulasi teks ini bisa digunakan untuk cover youtube atau biasa disebut thumbnail.

    Semuanya akan kita bahas di video kali ini.

    Sebelum kita barengan ngoding.

    Dukung kami dengan cara Subscribe Channel ini.

    Like, bagikan dan komentar.

    Penting!!! Sebelum membuat tutorial ini disarankan sebaiknya melihat dulu video sebelumnya:

    Aplikasi Ngoding:
    Klik disini

    Aplikasi Perekam Layar:
    Klik disini

    Video ini dilengkapi cuplikan lengkap source code, tetapi tidak menyertakan source code file.

  • PlayList u Javascript

    Animation Fire Effect using Vanilla Javascript, CSS and HTML | Mahir Ngoding Playlist

    Dibuat: ddQiaChannel | Posting : 20 Sep 2019

    Video animasi efek api ini, merupakan hasil ngoding mempergunakan perpaduan bahasa webprogramming Javascript, CSS dan HTML.

    Fungsi javascript yang dipakai antara lain setInterval, createElement, createTextNode, appendChild, setTimeout, classList.add(), for loop, Math.random() dan Math.floor.

    CSS antara lain filter blur, border-radius, animation, keyframes, transform rotate, box-shadow dan background-color.

    HTML hanya menggunakan div dan span.

TENTANG

Website ini membahas informasi hiburan, kuliner, pendidikan, tutorial/cara desain, web programming, animasi, video/audio, menggambar dan menjadi Youtubers.

Website ini telah resmi menjadi bagian dalam Program Partner Youtube.

Fokus utama kami yaitu berkolaborasi membuat video e-learning & hiburan yang bisa disaksikan melalui laman website ini dan Youtube.