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 Kuliner Bandung
Kuliner Bandung | Baso kuahnya... | Klik detail info selanjutnya
Dibuat: ddQiaChannel | Posting : 07 Feb 2019
Assalamu'alaikum.
Bahas baso di Bandung memang gak abis-abis, mulai dari harga yang 10rb/porsi sampe 80rb/porsi.
Kali ini kita lagi ada di Jalan Supratman Bandung, ternyata ada kedai baso di daerah ini.
Kedai ini dikenal dengan nama Baso Anggrek. Disini menyediakan beraneka macam jenis baso dan minuman.
Banyak orang bilang, mie ayam disini enak. Kebetulan kita pesan bihun baso kuah. Pas dicobain, memang agak aneh, karena kecium aroma mie ayam di dalam kuahnya.
Untuk harga, pas dikantong. Harga 18rb untuk seporsi baso.
Minuman yang kami pesan es jeruk. Seger banget diminum pas jam makan siang.
Kedai Baso Anggrek lumayan luas, bisa muat 20 orang di dalamnya.
Oke deh sekian ulasannya. Menurut kami baso kuahnya agak beda rasanya, tapi kalo mie ayamnya juaaraaa. Layak dicoba yaa kalo lagi maen dan jalan-jalan di sekitar Gedung Sate Bandung.
Wasalamualaikum.
Klik untuk lihat dan Subcribe Channel Youtube -
PlayList u Javascript
AUTOMATICALLY CENTER POSITION!!! 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.
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 :
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
Ngoding kali ini dibantu bahasa Javascript agar tombol otomatisnya bisa berfungsi.
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 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 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.
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.