KOLEKSI VIDEO

  • 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 HTML & CSS doang

    CREATIVE!! Cara Mudah Bikin Sendiri Icon untuk Website | HTML, CSS, SVG

    Dibuat: ddQia Channel | Posting : 05 Aug 2019

    Bagaimana cara membuat icon layaknya font awesome dan bagaimana cara membuat icon menggunakan vector berbasis SVG. Tonton video ini sampai akhir agar tau cara-caranya.

    Inkscape salah satu software gratis yang bisa mengolah gambar berekstensi SVG.

    Hasil beberapa olahan svg ini dapat dijadikan font dengan mempergunakan bantuan Glyphter.com, salah satu mesin website yang merubah setiap file svg menjadi kumpulan simbol/icon berbentuk font.

    Simbol atau icon ini pasti akan membuat tampilan laman website semakin menarik.

    Video sederhana ini semoga bisa memberikan informasi khususnya bagi para peminat web desain dan programing.

    Terima kasih telah menyaksikan konten video ini. Dukung terus channel ini dengan cara klik tombol subscribe. Selain itu, ditunggu komentar atau pertanyaan yang berhubungan dengan video ini.

  • 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 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 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

    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.

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.