KOLEKSI VIDEO

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

    Gambar CEPAT!!! | RYU "Street Fighter" | Tutorial Gambar | Gak lebih dari 30 menit

    Dibuat: ddQiaChannel | Posting : 08 Feb 2019

    Playlist baru di channel ini diberi judul "Menggambar Cepat".

    Kali ini sekilas tutorial gambar tokoh Ryu dari game ternama Street Fighter.

    Gambar ini dibuat tanpa sketsa, spontan digambarnya. Bisa dilihat di video lengkapnya di bawah ini.

    Tutorial segaligus obrolan santai, ngobrol dan ngerumpi, kalo bahasa sundanya "Ngacapruk".

    Enjoy the video yaa... Thanks dah nonton videonya. Jangan lupa support kami dengan cara menekan tombol subscribes dan like. Komentar dan share video ini bisa lebih seru.

    Full Tutorial bisa di lihat di:
    https://youtu.be/RFSfT0lCefw

    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 Kuliner Bandung

    AUTO KENYANG!!! | Menang Banyak dapet Rp. 10.000/seporsi | Kuliner Bandung (4:44)

    Dibuat: ddQia Channel | Posting : 23 Mar 2019

    Memang gak ada matinya kuliner di Bandung. Cari yang harganya murah porsi mewah ada, ini lah Baso Sapi Portal Arcamanik.

    Harga seporsinya di bandrol di Rp.10.000,-. Ukuran basonya gede-gede. Patut dicoba bagi para pencinta mie baso.

    Rasa baso menurut kami lumayan, sesuai dengan harganya. Kelebihannya bisa bikin perut kenyang.

    Alamat lengkap kedai baso ini ada di akhir video. Cek videonya sampai habis.

    Terima kasih telah menyaksikan.

    Jangan lupa dukung kami dengan cara subscribe channel kami, bagikan ini video ini dan like jika suka.

    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.