KOLEKSI VIDEO

  • PlayList u Javascript

    HOT!!! BURNING TEXT ANIMATION #2 using JAVASCRIPT, CSS & HTML | Mahir Ngoding Playlist

    Dibuat: ddQia Channel | Posting : 27 Sep 2019

    Video animasi Teks Terbakar ini dibuat menggunakan bahasa webprogramming murni Javascript, CSS dan HTML.

    Link Video sebelumnya:
    CARA BIKIN ANIMASI TEKS KEBAKAR KEPANASAN | NGODING TEKS ANIMASI HTML & CSS | BURNING TEXT ANIMATION

    Efek animasi ini tidak satupun mempergunakan framework atau gambar, tetapi murni fasilitas dari JS, CSS3 dan HTML5.

    Efek api menggunakan fungsi div dari HTML5 yang di manipulasi fungsi createElement dan createTextNode dari Javascript sehingga bisa memunculkan ratusan partikel.

    Ratusan div yang telah dibuat Javascript, dipercantik tampilannya oleh CSS3 dengan menggunakan border-radius, filter blur, transform rotate, transition, animation dan keyframe.

    Semua perubahan animasi diatur setInterval dan setTimeout kepunyaan Javascript.

    Jika ada yang penasaran bagaimana cara ngoding efek ini, silahkan request atau komentar di kolom komentar di bawah. Kode ini GRATIS dan boleh dimodifikasi.

    Dukung terus channel kami dengan cara klik tombol Subscriber youtube ddqia Channel.

    Terima Kasih telah mampir dan menyaksikan konten video kami.

  • PlayList u Javascript

    MENU NAVIGATION SLIDER ANIMATED | HTML CSS 100% JAVASCRIPT | Mahir Ngoding Playlist

    Dibuat: ddQiaChannel | Posting : 11 Jul 2019

    Kembali lagi di ddQia Channel, kali ini kami membuat tutorial menu navigasi untuk website. Javascript menjadi pemeran utama dalam pembuatan menu ini.

    Bagaimana cara membuat animasi bingkai bawah (bottom border) yang mengikuti tombol menu saat di tekan. Ngoding sederhana ini murni menggunakan bahasa JS tanpa mempergunakan framework. Sudah pasti HTML dan CSS setia menemani.

    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 :

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

    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

    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 Javascript

    HOT!!! BURNING TEXT ANIMATION #2 using JAVASCRIPT, CSS & HTML | Mahir Ngoding Playlist

    Dibuat: ddQia Channel | Posting : 27 Sep 2019

    Video animasi Teks Terbakar ini dibuat menggunakan bahasa webprogramming murni Javascript, CSS dan HTML.

    Link Video sebelumnya:
    CARA BIKIN ANIMASI TEKS KEBAKAR KEPANASAN | NGODING TEKS ANIMASI HTML & CSS | BURNING TEXT ANIMATION

    Efek animasi ini tidak satupun mempergunakan framework atau gambar, tetapi murni fasilitas dari JS, CSS3 dan HTML5.

    Efek api menggunakan fungsi div dari HTML5 yang di manipulasi fungsi createElement dan createTextNode dari Javascript sehingga bisa memunculkan ratusan partikel.

    Ratusan div yang telah dibuat Javascript, dipercantik tampilannya oleh CSS3 dengan menggunakan border-radius, filter blur, transform rotate, transition, animation dan keyframe.

    Semua perubahan animasi diatur setInterval dan setTimeout kepunyaan Javascript.

    Jika ada yang penasaran bagaimana cara ngoding efek ini, silahkan request atau komentar di kolom komentar di bawah. Kode ini GRATIS dan boleh dimodifikasi.

    Dukung terus channel kami dengan cara klik tombol Subscriber youtube ddqia Channel.

    Terima Kasih telah mampir dan menyaksikan konten video kami.

  • PlayList u Menjadi Youtubers

    Kurang dari 6 Menit, Anda akan dibayar YouTube | Ikuti syarat dan caranya | Menjadi YouTuber Kreatif

    Dibuat: ddQiaChannel | Posting : 31 Jan 2019

    Assalamu'alaikum.

    Alhamdulillah tahap-tahap pembuatan akun yutube berbayar selesai dibuat. Mudah-mudahan bisa membantu teman-teman yang ingin sekali mendapatkan uang dari hasil membuat video.

    Sebelum mengikuti tahap-tahap dalam video tutorian ini, perlu diperhatikan diantaranya :
    1. Anda harus memiliki akun Google atau Youtube
    2. Minimal 3 konten video yang original buatan sendiri 3. Jika belum punya, buat dulu yaa...
    4. Ikuti semua tahap-tahap di dalam video ini

    Terima kasih telah menyaksikan channel ddQia.

    Wasalamu'alaikum

    Klik untuk lihat dan Subcribe Channel Youtube

  • PlayList u Javascript

    BRILLIANT TEXT ANIMATION | Tutorial Making Video Title Scene using JavaScript

    Dibuat: ddqia Channel | Posting : 10 Nov 2019

    Opening scene dalam video ini dibuat menggunakan bahasa pemograman JavaScript, HTML dan CSS.

    Video berdurasi tujuh belas menit ini dilengkapi narasi berbahasa Indonesia yang menjelaskan secara detail proses pembuatannya, mulai dari ngoding html, css dan JavaScript tanpa dibantu satu plugin pun.

    Jika dalam pemaparan video ini masih membingungkan, jangan segan untuk bertanya di kolom komentar.

    Berikut ini beberapa aplikasi yang membantu penyelesaian proses video ini.

    Penulisan atau ngoding menggunakan aplikasi ATOM editor yang telah dilengkapi dengan paket emmet dan linters.

    Hasil ngoding dijalankan Xampp dengan dibantu browser Mozilla Firefox, lalu output dari Mozilla ini di rekam/capture menggunakan aplikasi Active Presenter dan RecordMyDesktop (Linux).

    Hasil perekaman video diedit menggunakan aplikasi linux KdenLive.

    Terakhir, suara atau audio diedit oleh aplikasi Audacity.

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

    Aplikasi Ngoding:
    Klik disini

    Making Intro Video using HTML CSS:
    Klik disini

    Aplikasi Perekam Layar:
    Klik disini

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

  • PlayList u Javascript

    WOW!!! UFO Hyperspace Animation using Javascript Code | Mahir Ngoding Playlist

    Dibuat: ddQiaChannel | Posting : 28 Sep 2019

    Video animasi ini teaser bagaimana membuat efek kecepatan cahaya menggunakan bahasa webprogramming Javascript, CSS dan HTML.

    Lebih dari 500 partikel untuk membuat efek cahaya biru yang dibuat dengan fungsi div dari HTML, lalu diperbanyak mempergunakan createElement dan createTextNode dari Javascript.

    Aneka ragam warna biru diolah oleh fungsi background linear gradient kepunyaan CSS3 serta dilengkapi kode warna secara acak yang dibantu oleh fungsi Math.random() Javascript.

    Agar setiap partikel cahaya tersusun sehingga membuat lingkaran, efek ini berhasil dimanipulasi oleh transform rotate, transform-origin dan transform-style preserve3d.

    Semua pengendalian animasi diatur oleh setTimeout fungsi dari Javascript.

    Terimakasih telah menyaksikan.

    Jangan lupa dukung terus kami dengan cara SUBSCRIBE channel youtube "ddqia channel".

    Sumber Animasi UFO:
    https://youtu.be/cn9yeUjAKjo

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.