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

    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

    RESPONSIVE TOUCH SLIDER USING ANIMATION BACKGROUND | Javascript, HTML & CSS | Mahir Ngoding Playlist

    Dibuat: ddQia Channel | Posting : 14 Aug 2019

    Ngoding responsive slider kali ini dilengkapi tombol navigasi dan mode geser (swipe mode) pada setiap gambar/foto slider serta diujicoba melalui browser chrome yang dijalankan menggunakan komputer dan handphone

    Ukuran file ini tidak lebih dari 15kb, jika menggunakan framework akan membengkak hingga ukurannya diatas 100kb. Sehingga ngoding tanpa framework jauh lebih hemat.

    Video di edisi kali ini merupakan revisi dari semua konten video yang membahas #ngoding slider. Diantara video terdahulunya bisa dibuka di link Responsive Animation Slider dan Responsive Slider

    Penulisan kode ini murni mempergunakan bahasa javascript atau dikenal dengan sebutan vanillaJS yang selalu membaur dengan HTML dan CSS.

    Tak ketinggalan, dibahas pula beberapa perangkat yang dicoba untuk menguji hasil pengodingan ini. Diantaranya PC jadul dual core, hp Oppo A37 dan hp Realme 3 Pro. Manakah yang paling bagus performanya? Untuk tau jawabannya, saksikan video ini sampai akhir.

    Software editing menggunakan ATOM, browser dites lewat Mozilla dan Chrome. Editing video dan perekaman layar masih tetap setia menggunakan aplikasi Android VideoShow dan Active Presenter.

    Pengolahan animasi di dalam video ini sebagian besar menggunakan HTML dan CSS. Insya Allah, dalam kesempatan lain akan dibuat efek-efek video tutorialnya secara terpisah.

    Semua hasil ngoding didokumentasikan ke dalam video ini. Mulai dari kode HTML sampai Javascript, jadi tonton sampai selesai yaa.

    Bagi yang ingin kode (source code) yang sudah jadi dalam bentuk file, bisa tulis permintaan atau request di kolom komentar di bawah sampai dengan minggu depan, jadi buruan request dan komentar di bawah ini!

    Kodingan ini GRATIS dan boleh dimodif sesuka hati. Indahnya berbagi untuk para peminat ngoding. .

    Terima kasih telah menyaksikan video ini. Dukung terus channel ini. Jangan lupa tekan tombol subscribe bagi yang belum bergabung di channel ini.

    Like dan bagikan video ini. Komentar, request dan saran bisa ditulis di bawah.

  • PlayList u Javascript

    AUTOMATICALLY CENTER POSITION + FONT RESIZE!!! 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.

    Tutorial ini menambahkan fitur koding javascript untuk memperbesar atau memperkecil huruf secara realtime kemudian dengan hanya sekali klik tombol AUTO POSITION, maka teks atau gambar akan secara otomatis berpindah posisi ke tengah layar.

    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 Jalan-jalan Seru

    NGENA BANGEETTSS VIEWnya!!! Wisata Batu Kuda Bandung Timur | Jalan-jalan Seru Playlist

    Dibuat: ddQia Channel | Posting : 31 Mar 2019

    Assalamualaikum, tempat wisata rekomendasi. Lokasinya tidak terlalu jauh dari pusat kota Bandung.

    Udara yang begitu segar, dikelilingi pohon-pohon yang rindang menjadikan Wisata Batu Kuda menjadi daya tarik untuk dikunjungi.

    Berbekal tikar, makanan, sambil berkumpul dengan keluarga menjadi solusi liburan murah meriah untuk menghilangkan kepenatan dari rutinitas sehari-hari.

    Spot-spot bagus untuk swafoto banyak ditemukan disini. Cek videonya biar ada gambaran dan gak berHALU nantinya.

    Wasalamualaikum.

    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.