KOLEKSI VIDEO
-
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 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 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 TEKS ANIMASI HTML & CSS | BURNING TEXT ANIMATION | Mahir Ngoding Playlist
Dibuat: ddQia Channel | Posting : 28 Mar 2019
Assalamualaikum. Ngoding edisi ini sambungan dari video sebelumnya.
CARA MEMBUAT INTRO ANIMASI TEKS dengan LATAR VIDEO | Hanya Ngoding HTML + CSS | Mahir Ngoding Playlist
Klik lihat Video
Kali ini kami membuat teks animasi dengan efek terbakar. Animasi ini terinspirasi dari film Mission Impossible, ketika Ethan Hunt selesai mendengarkan misi dari tape recorder, kemudian tak lama tape recordernya terbakar.
Bagi yang belum mempunyai software editor coding dan perekam layar, videonya bisa dilihat di channel 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
Mungkin agak sulit ngoding animasi ini di awal-awal. Jika dibanding dengan Adobe Premiere atau After Effect yang sangat-sangat simple dan tidak memerlukan kode-kode animasi.
Iya memang sangat mudah menggunakan software itu, tapi sayang harga softwarenya mahal, bagi yang punya uang, saya rekomendasikan menggunakan software ini.
Kreatifitas tidak terpengaruh pada software, asal ada kemauan, software-software gratis pun bisa menciptakan ide kreatif.
Terima kasih telah menonton video tutorial sederhana ini. Jangan lupa subscribe channel ini untuk mendukung channel ini.
Wasalamualaikum.
Klik untuk lihat dan Subcribe Channel Youtube -
PlayList u Gambar Cepat
PRANK!!! TITANIC versi Wonder Women dikerjain Batman | GAMBAR CEPAT
Dibuat: ddQiaChannel | Posting : 23 Feb 2019
Feb 23, 2019
Full Tutorial Gambar:
https://youtu.be/PTPxlQZvA0E
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.
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.