KOLEKSI VIDEO
-
PlayList u Mahir Ngoding
CARA MEMBUAT INTRO ANIMASI TEKS dengan LATAR VIDEO | Hanya Ngoding HTML + CSS | Mahir Ngoding Playlist
Dibuat: ddQia Channel | Posting : 28 Mar 2019
Assalamualaikum, tutorial cara membuat teks animasi berlatar belakang video dengan menggunakan kode-kode HTML dan CSS.
Jika belum punya software editor, terlebih dahulu menyaksikan tutorial ini:
PERHATIAN!!! CARA SEBELUM NGODING | LANGKAH AWAL yang harus diperhatikan! | MAHIR NGODING
Klik lihat Video
Metode sederhana dan dasar animasi ngoding CSS untuk menciptakan teks animasi unik. Ngoding ini direkam mempergunakan Active Presenter. Informasi alat perekam bisa di lihat di video kami yang lain.
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 bermanfaat, jangan lupa dukung kami dengan cara subscribe ddQia Channel. Terima kasih telah menyaksikan video tutorial ini.
Wasalamualaikum.
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 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 -
PlayList u Kuliner Bandung
BASO ENAKKK!!! di Bandung Timur | Nyempil jauh dari kota | Kuliner Bandung
Dibuat: ddQia Channel | Posting : 01 May 2019
Assalamu'alaikum, kembali lagi di ddQia Channel yang pada kesempatan ini akan membahas video Kuliner Bandung. Kami menemukan lagi Kedai Baso yang happening di daerah Bandung Timur.
Lokasi kedai ini berada di Cilengkrang Satu, lumayan agak jauh sih masuk dari jalan utama A.H Nasution. Tidak sulit mencari kedai ini, tepat di depan mesjid Al-Amanah. Kurang lebih 1.2 km jarak yang kami tempuh untuk sampai ke kedai ini. Namun, perjalanan ini tidak sia-sia saat kita icip-icip menu baso yang ada disini.
Saat video ini dibuat, kami hanya memesan menu bihun kuah + babat dan baso kuah + tahu. Ada menu andalan lainnya disini yang membuat rasanya akan selalu diingat. Seporsi mie yaminnya endessss banget deh, ditambah baso, ceker ayam, babat, tahu siomay kuah yang mangkuknya dipisah. Harus dicoba, kami sangat merekomendasikan mie yaminnya.
Harga seporsi mie baso di sini mulai Rp. 18.000,-. Namun, porsinya agak berkurang sedikit nih ketika kami kesana di awal pertengahan tahun 2019. Kedai ini buka pukul 10 pagi hingga pukul 8 malam. Weekend kadang buka.
Kesimpulan akhirnya, ENAKKK!!! rasanya punya ciri khas, dan semua mie basonya ditaburi potongan kecil ayam yang membuat makin mantap. Perlu dicoba, kami sangat merekomendasi Baso Babat Sniper's.
Terima kasih telah menyaksikan konten video sedehana yang kami buat ini. Dukung terus channel ini dengan cara menekan tombol merah subscribe untuk yang belum subcribe. Tekan tombol loncengnya agar di halaman youtube anda keluar video terbaru kami.
Wa'alaikumusalam.
Lokasi:
Cilengkrang I No. 108 RT. 02 RW. 05 Depan Masjid Al-Amanah -
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 Gambar Cepat
HULK NGAMUK!!! Gambar Karakter Komik Marvel | GAMBAR CEPAT
Dibuat: ddQiaChannel | Posting : 22 Feb 2019
Video ini diposting pada tanggal 22 Februari 2019.
Menggambar cepat tokoh komik Marvel HULK.
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.