KOLEKSI VIDEO

  • PlayList u HTML & CSS doang

    MEMBUAT TEKS ANIMASI ENDING MOVIE | CAST SEQUENCE menggunakan HTML & CSS | MAHIR NGODING

    Dibuat: ddQiaChannel | Posting : 13 Mar 2019

    Assalamu'alaikum.

    Video tutorial simple dan sederhana web programing tentang cara membuat ending sequence menggunakan bahasa HTML dan CSS.

    Ngoding menggunakan aplikasi Atom dan Xampp, bisa dilihat di video sebelumnya jika belum ada aplikasinya.

    Hasil ngoding direkam menggunakan Active Presenter.

    Simak cara pembuatannya.

    Wasalamu'alaikum.

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

    LAUGH HAPPY BABY SOUND with CSS Animation | FREE TO USED | Mahir Ngoding Playlist

    Dibuat: ddQia Channel | Posting : 22 Sep 2019

    Video ini berisikan suara bayi yang sedang tertawa dan merasa senang. Bisa digunakan secara gratis untuk backsound yang berhubungan dengan video kelahiran atau slideshow bayi.

    Selain itu, video ini dibuat dari hasil ngoding bahasa webprograming CSS dan HTML yang sebelumnya pernah di buat di channel ini beberapa bulan lalu.

    Berikut ini link videonya:
    https://youtu.be/uu9rTH13Qbw

    Fungsi CSS yang digunakan yakni background url menggunakan file berekstensi gif, webkit background-clip text, webkit text fill color dan stroke, animation, keyframe, letter-spacing, white-space.

    Fungsi HTML hanya menggunakan elemen div saja.

    Hasil ngoding ini semua diolah melaui handphone, di tes menggunakan browser Opera. Ngoding menggunakan aplikasi Droidedit (android) dan video diolah dengan Videoshow (android).

    Untuk mendapatkan file olahan animasi ini, bisa request di kolom komentar di bawah ini. Kode ini gratis dan bisa dimodifikasi sesuai selera.

    Jangan lupa subscribe youtube channel ddqia Channel agar bisa berlangganan dan bisa update video gratis lainnya.

    Bagi yang belum follow IG bisa dicari >@qiaproduction.

    Terima kasih telah menyaksikan konten video kami.

  • PlayList u Javascript

    MAKING MOBILE RESPONSIVE IMAGES-SLIDER using Vanilla JavaScript | Full Tutorial +SourceCode

    Dibuat: ddqia Channel | Posting : 01 Dec 2019

    Tutorial ini dilengkapi audio dan teks berbahasa Indonesia serta teks terjemahan bahasa Inggris.

    Video berdurasi 38:46 menit ini membeberkan semua rahasia kode JavaScript, HTML5 dan CSS3 tentang cara bagaimana tip dan trik ngoding animasi slider images untuk mobile device yang full responsive touch.

    Dalam pembuatannya, tidak satupun plug-in atau framework yang digunakan, murni bahasa pemograman JavaScript.

    Ikuti semua prosesnya dari awal, siapkan cemilan dan kopi sambil menyaksikan tutorial ini, karena durasi video ini cukup panjang.

    Tidak hanya menampilkan cara pembuatannya, dalam video ini dilengkapi penjelasan berbahasa Indonesia (termasuk subtitle Eng/Ind masih proses) serta dokumentasi source code di diakhir video.

    00:00 - 01:08 Pembukaan
    01:08 - 05:16 Ngoding HTML
    05:16 - 13:45 Ngoding CSS3
    13:45 - 15:35 Penjelasan Animasi
    15:35 - 29:50 Ngoding JavaScript
    29:50 - 36:20 Ngoding Touch JavaScript
    36:20 - 38:20 Penutup

    Terima kasih telah menyaksikan video tutorial ini.

    Berikut ini beberapa aplikasi yang membantu penyelesaian proses video ini.

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

    Aplikasi Ngoding:
    Klik disini

    MEMBUAT ICON/SIMBOL:
    Klik disini

    Aplikasi Perekam Layar:
    Klik disini

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

  • 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

    SEGERRR!!! Semua bisa terekam??? | Software Perekam Layar untuk Komputer & Laptop

    Dibuat: ddQiaChannel | Posting : 11 Feb 2019

    Video tutorial seri kali ini akan kita akan membahas aplikasi atau software perekam layar untuk komputer atau laptop.

    Ada banyak aplikasi sejenis yang bagus-bagus, namun kali ini kami sedikit mengulas software rekam layar yang biasa kami pergunakan untuk membuat konten video. Selain layar, suaranya pun bisa direkam sekaligus, tinggal diatur saja pemakaiannya.

    Software ini bernama ActivePresenter yang dibuat oleh ATOMIC SYSTEMS. Program ini sangat mudah dipergunakan, maaf untuk tutorialnya belum kami bahas di video ini. Otak atik dulu aja yaa, kalo ada pertanyaan bisa di komen di bawah ini.

    Software ini bisa di jalankan melalui sistem operasi Windows 7 sampai dengan windows 10, perlu diperhatikan jangan sampai salah download untuk yang mempergunakan jika Qfren masih mempergunakan Windows 7.

    Tersedia juga untuk sistem operasi Apple Machintos.

    Terima kasih telah menyaksikan konten video kami.

    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.