KOLEKSI VIDEO
-
PlayList u Javascript
MENU NAVIGATION STARWARS - LIGHTSABER USING PURE JAVASCRIPT, HTML and CSS | Mahir Ngoding Playlist
Dibuat: ddQiaChannel | Posting : 17 Jul 2019
Ngoding animasi menu ini terinspirasi dari salah satu film favorit kami yaitu Star Wars Series. Film terbarunya akan tayang pada bulan Desember 2019. Saya sisipkan juga cuplikan trailer dari film terbarunya di video tutorial ini.
Senjata andalan para Jedi ini dikenal dengan nama Lightsaber, pedang laser berkekuatan super ini bisa menghancurkan apa saja termasuk menu navigasi di video tutorial ini.
Menu dengan efek Lightsaber ini dibuat menggunakan bahasa HTML, CSS dan Javascript tanpa mempergunakan framework atau lebih di kenal dengan nama Vanilla Javascript.
Bagi yang ingin mendapatkan kode ini secara gratis, bisa kunjungi GitHub atau ke website ini untuk mengunduhnya.
Download files:
Klik untuk mengunduh
Link GitHub:
Klik ke laman Unduhan
Video Sebelumnya:
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
Kode ini gratis, bisa dimodifikasi sesuai keinginan. Jika ada pertanyaan, silahkan komentar di dibawah ini.
Dukung terus channel ini dengan cara menekan tombol subscribe, like dan share.
Terima kasih telah menyaksikan.
-
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 HTML & CSS doang
CARA MEMBUAT TEKS ANIMASI | OPENING VIDEO | Ngoding bahasa HTML & CSS | MAHIR NGODING
Dibuat: ddQiaChannel | Posting : 10 Mar 2019
Assalamualaikum.
Halo apa kabar Qfren, berjumpa lagi di playlist ddQia Channel.
Video tutorial kali ini akan membahas cara membuat tampilan animasi logo atau tulisan intro untuk disematkan ke dalam video yang sebelumnya kita buat.
Video intro ini dibuat menggunakan kode-kode sederhana dalam bahasa HTML dan CSS.
Software editornya menggunakan ATOM dan Active Presenter untuk merekam layar menjadi file video berekstensi MP4.
Selamat menyaksikan...
Jangan lupa setelah menonton untuk subscribe ddQiaChannel, share dan komentar. Jika suka silahkan tekan tombol like.
Terima Kasih.
Wasalamu'alaikum.
Download Kode:
Download Files-nya
Klik untuk lihat dan Subcribe Channel Youtube -
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 Javascript
Responsive Animation SLIDER using Vanilla Javascript, HTML & CSS
Dibuat: ddQiaChannel | Posting : 21 Jul 2019
Video tutorial kali ini membahas cara ngoding untuk mengolah pergantian foto atau gambar agar otomatis looping atau lazim disebut slider/karusel yang digunakan di awal laman website.
Slider memberi kemudahan kepada pengunjung untuk mengetahui konten-konten apa saja yang dibahas di dalam sebuah website.
Bahasa pemograman yang dipergunakan adalah bahasa HTML, CSS dan Javascript. Tidak mempergunakan framework apapun.
Fungsi Interval menjadi pemeran utama dalam pengelolaan alur pergantian slider ini.
Selain itu, fungsi setTimeout membantu dalam proses pengaturan animasi. Untuk pengembangan berikutnya, akan disertakan fungsi tombol navigasi, touch mobile dan fungsi klik mouse.
Versi perbaikan mendukung tombol/button dan Touch effect:
Lihat Video.
Link download GitHub:
Download kode
Link download Official Website:
Unduh kode
Kode ini gratis, bisa dimodif. Jika berkenan setelah download kode ini, dukung kami dengan cara:
Subscribe dan like Youtube Channel "ddqia Channel"
Terima Kasih telah menyaksikan. -
PlayList u Jalan-jalan Seru
NAIK CRUISER - JELAJAH!!! JALAN-JALAN di BALI | JALAN-JALAN SERU
Dibuat: ddQiaChannel | Posting : 25 Feb 2019
NAIK CRUISER - JELAJAH!!! JALAN-JALAN di BALI | JALAN-JALAN SERU
Video traveling saat di Bali.
Banyak tempat-tempat keren yang ajib. Simak liputannya.
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.