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 Mahir Ngoding

    KOK BISA??? ANIMASI INI Ngoding HANYA pake HTML & CSS doang | ComingUp Tutorialnya

    Dibuat: ddQiaChannel | Posting : 23 Feb 2019

    Animasi ini tidak mempergunakan software atau aplikasi video seperti Adobe Premire atau After Effect dan tidak juga mempergunakan aplikasi androin atau mobile lainnya.

    Animasi ini dibuat murni mempergunakan editor bernama ATOM. Gerakan animasi lebih banyak didominasi koding CSS.

    Dalam waktu dekat, kita akan bahas semuanya. Ikuti channel ini biar gak ketinggalan video tutorialnya.

    Terima kasih telah menyaksikan konten video kami.

    Klik untuk lihat dan Subcribe Channel Youtube

  • PlayList u Kuliner Bandung

    FRUIT's DESTROYER alias RUJAK BEUBEK ASLI BANDUNG | Pedas, Asem, Seger!!!! | Kuliner Bandung Playlist

    Dibuat: ddQia Channel | Posting : 10 Apr 2019

    Assalamualaikum. Mau cari yang seger-seger enak, makanan ini bisa jadi pilihan.

    Siapa yang tak mengenal rujak beubek (tumbuk). Kadang susah sekali mencari jajanan ini. Namun, sekarang ada yang stand by neeh di sekitar wilayah Ujungberung Bandung.

    Gerobak ini mangkal setiap hari pukul 10 pagi hingga pukul 5 petang pas disebrang Masjid Al-Madinah di Komplek Madani Regency Cijambe Ujungberung Bandung.

    Gerobak rujak ini tidak hanya menyediakan sejenis rujak saja, ada rujak serut dan rujak coel atau ulek.

    Dibandrol sepuluh ribu rupiah untuk rujak bebeuk dan serut, harga rujak coel lebih mahal dikit duabelas ribu.

    Kebetulan saya hanya mencoba rujak bebeuk. Rujak ini dikemas dalam gelas plastik, cukup banyak dan padat sampai tumpah menuh-menuhi bungkusnya.

    Untuk rasa, asem manis dari nanas dan kedondong membuat lidah sembriwing deh, ditambah aroma khas terasinya tercium sehingga makin komplit cita rasa rujak bebeuk ini.

    Bagi yang suka pedes, wah gak tahan deh, soalnya pakai cabe yang super gemuk di tumbuk ancur di mesin rujak bebeuknya.

    Secara keseluruhan, puas banget deh, pas dikantong untuk jajanan yang menguras lidah bergoyang di siang hari.

    Sampai jumpa di pembahasan kuliner berikutnya. Jadi dukung chanel ini dengan cara menekan tombol subscribe, like dan bagikan link video ini ke teman dan kerabat. Terima kasih telah menyaksikan.

    Wasalamualaikum.

    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

  • 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

    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.

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.