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 HTML & CSS doang

    CARA MEMBUAT TEKS ANIMASI | OPENING VIDEO | Ngoding bahasa HTML & CSS | MAHIR NGODING

    Dibuat: ddQiaChannel | Posting : 10 Mar 2019

    Assalamualaikum.

    Halo apa kabar Qfren, berjumpa lagi di playlist ddQia Channel.

    Video tutorial kali ini akan membahas cara membuat tampilan animasi logo atau tulisan intro untuk disematkan ke dalam video yang sebelumnya kita buat.

    Video intro ini dibuat menggunakan kode-kode sederhana dalam bahasa HTML dan CSS.

    Software editornya menggunakan ATOM dan Active Presenter untuk merekam layar menjadi file video berekstensi MP4.

    Selamat menyaksikan...

    Jangan lupa setelah menonton untuk subscribe ddQiaChannel, share dan komentar. Jika suka silahkan tekan tombol like.

    Terima Kasih.

    Wasalamu'alaikum.

    Download Kode:
    Download Files-nya

    Klik untuk lihat dan Subcribe Channel Youtube

  • 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

  • PlayList u Javascript

    AutoFOKUS Animation EFFECT: My Baby Boy | Pure JS, HTML & CSS | Mahir Ngoding playlist

    Dibuat: ddQia Channel | Posting : 10 Aug 2019

    Bagaimana cara membuat visual efek yang semula gambar backgroundnya gelap dan buram menjadi cerah dan jelas.

    Video ini dibuat menggunakan bahasa web programming HTML, CSS dan Javascript (murni) tanpa framework.

    Bagi yang ingin kode ini secara gratis, silahkan klik tombol subscribe dan request/komen di kolom komentar dibawah ini. Gratis tidak perlu bayar.

    Fungsi CSS mempergunakan clip-path dan filter blur.

    Fungsi Javascript menggunakan addEventListener input, mousemove dan fungsi keyCode.

    Bagi yang baru bergabung, silahkan tonton video sebelumnya di ddQia Channel.

    TAHAP AWAL SEBELUM NGODING
    Lihat Video

    MEREKAM LAYAR KOMPUTER GRATIS
    Lihat Video

    PERANGKAT MINIM TAPI BISA BIKIN VIDEO JADI VIRAL
    Lihat Video

    Terimakasih telah menyaksikan, dukung terus channel ini dengan cara menekan tombol subscribe, like, share dan jangan lupa komentar.

  • PlayList u Menjadi Youtubers

    Pakai HP bikin Video Viral untuk Youtube | Perlu apa aja? Simak sampai akhir...

    Dibuat: ddQiaChannel | Posting : 01 Feb 2019

    Assalamu'alaikum.

    Video kali ini membahas tentang perangkat dan aplikasi apa yang bisa digunakan untuk membuat video. Tim ddQia Channel masih mempergunakan alat-alat yang minim, namun khusus di video ini kami dapat pinjaman camera yang memperbagus kualiatas tampilan camera video.

    Kita menggunakan camera punyanya Xiaomi Mi8 milik Koci,, memang jauh kualitas camera yang kami pergunakan (OPPO A37).

    Tapi gaesss jangan patah semangat untuk berkarya. Meski peralatan minim, setidaknya kita coba yuukk berkreasi lewat pembuatan video-video unik. Video ini memberikan informasi tentang apa saja yang bisa membantu pekerjaan kita supaya bisa membuat video viral buatan sendiri. Mudah-mudahan jadi Trend Topik di Youtube (ngarep).

    Ok gaesss, sekian dulu yaaa deskripsi video ini. Mudah-mudahan bisa membantu teman-teman semua dan yang paling utama bermanfaat meski videonya tak sebagus Youtubers yang lain.

    Terima kasih.

    Wasalamu'alaikum.

    Klik untuk lihat dan Subcribe Channel Youtube

  • PlayList u Mahir Ngoding

    NGODING RESPONSIVE SLIDER SEDERHANA | HTML+CSS & 100% JAVASCRIPT | NO FRAMEWORK

    Dibuat: ddQiaChannel | Posting : 22 Feb 2019

    Video tutorial di edisi ini, kita akan membahas bagaimana cara membuat slider hanya dengan HTML, CSS dan Javascript, tanpa mempergunakan JQUERY.

    Biasanya slider di website harus menyertakan framework jquery. Sudah banyak nama-nama slider yang sudah kita kenal. Seperti diantaranya Carousel, Swiper dan Flexslider.

    Namun, sayangnya fungsi mereka itu harus disertai framework dari jquery. Tanpa framework itu, fungsi slider tidak akan bisa berjalan.

    Dalam video ini, fungsi javascript seperti scrollLeft masih menjadi pemeran utama. TIdak lupa addEventListeners menjadi teman setianya.

    Koding ini masih belum berfungsi sempurna, harus banyak perbaikan. Skrip koding ini hanya bisa berjalan baik di Chrome, editor ATOM (karena koding ini dibuat melalui ATOM).

    Belum bisa berjalan sempurna di Mozilla dan perangkat handphone atau tablet.

    Kami mohon maaf karena ngoding di video ini masih copas. Hal ini dikarenakan perangkat yang belum mumpuni.

    Mungkin kedepannya akan ada perbaikan.

    Terus dukung kami yaaa, cukup dengan cara komentar, like dan terakhir yang paling utama subscribe channel kami untuk selalu mendapat video terbaru.

    Klik untuk lihat dan Subcribe Channel Youtube

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.