KOLEKSI VIDEO
-
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 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 -
PlayList u Kuliner Bandung
Makan Baso, Bisa Dapet Pasangan (pengunjungnya kece-kece) | Kuliner Bandung
Dibuat: ddQiaChannel | Posting : 23 Mar 2019
Assalamualaikum.
Ketemu lagi di Playlist Kuliner-nya ddQia Channel.
Ada lagi nih kedai baso di Bandung yang kami rekomendasikan. Siap-siap saja gak kebagian tempat, karena kedai ini selalu penuh.
Gak kebagian tempat sudah biasa, parkir mobil pun sulit saat mau makan di sini.
Harus bersabar aja yaa...
Baso Mantep Gunung Giri Solo memang selalu happening, rugi deh kalo gak nyempetin mampir ke Bandung di sekitaran BIP, BEC, Masjid Ukhuwah dan Balai Kota Bandung.
Mahar Rp.22.000,-/porsi tidak mengurangi banyak pelanggan untuk menikmati semangkuk baso ini. Yang paling nendangnya yaitu ketika ditaburi sambal dan kacang atom sebagai pelengkap. Benar-benar manteppppp.
Ketika weekend, jam makan siang atau jam pulang kerja. Kedai baso ini selalu dipadati pelanggan. Baso isi daging cincang ukuran kecil selalu melengkapi mie atau bihun disetiap porsinya. Tidak ada baso ukuran besar disini.
Tambahkan sedikit cuka ke dalam kuahnya makin membuat sekujur lidah meradang, apalagi bagi yang suka pedas, menurut kami, racikan sambalnya gak ada yang ngalahin deh.
Ciri khas selain sambalnya yaitu dengan di taburi kacang atom. Gak mungkin halu dehhh kalo dah nyobain seporsi Baso Mantep Gunung Giri.
Secara keseluruhan puas deh, apalagi kalo anda yang masih single fighter alias jomlo, tempat ini konon katanya banyak yang cinlok (cinta lokasi) sampe ada yang nikah. Gak tau bener atau gak yaa. Mudah-mudahan beritanya bener, jadi bisa bantu anda untuk dapat pasangan.
Wasalamualaikum.
Alamat Kedai:
Jl. Aceh No.41a, Babakan Ciamis, Sumur Bandung, Kota Bandung, Jawa Barat 40117
Klik untuk lihat dan Subcribe Channel Youtube -
PlayList u Javascript
LESS THAN A MINUTES | CREATE TEXT ANIMATIONS | TUTORIAL STEP BY STEPS with Source Code+Subtitle
Dibuat: ddqia Channel | Posting : 20 Dec 2019
Dalam video tutorial di edisi ini kita akan bareng-bareng ngoding membuat atau menciptakan halaman WEBSITE buatan sendiri yang berisi kumpulan/koleksi Teks Animasi CSS3.
Kurang dari satu menit kita bisa membuat, merubah dan memodifikasi video intro teks animasi.
Hasil teks animasi ini bisa digunakan untuk di tempel dalam video buatan kita, bisa buat judul untuk persentasi di sekolah/kuliah atau di pekerjaan.
Kali ini temen-temen tidak hanya menempel cover background statis tanpa animasi. Namun kini, cover intro temen-temen bisa tampil lebih dinamis karena menggunakan teks animasi secara cepat dan mudah.
Clip video ini merupakan hasil ngoding yang nanti akan kita buat. Hasil ngoding dijalankan lewat browser Mozilla atau Chrome, lalu direkam menggunakan aplikasi perekam layar seperti Active Presenter.
Bagi temen-temen yang ingin langsung ngoding, source coding-nya sudah saya sisipkan di akhir video, atau info detailnya bisa lihat deskripsi di bawah.
Video ini lumayan agak panjang, karena menjelaskan tahap demi tahap terciptanya halaman WEBSITE.
Pokoknya banyak teknik baru penulisan, solusi dan hal-hal menarik lainnya di video ini.
Oh yaa penulisan ini masih tetap menggunakan bahasa web programing HTML, CSS3 dan Vanilla JavaScript tanpa menggunakan framework.
Berikut ini beberapa aplikasi yang membantu penyelesaian proses video ini.
Penting!!! Sebelum membuat tutorial ini disarankan sebaiknya melihat dulu video sebelumnya:
Aplikasi Ngoding:
Klik disini
Aplikasi Perekam Layar:
Klik disini
Video ini dilengkapi cuplikan lengkap source code, tetapi tidak menyertakan source code file.
00:00 - 02:40 Intro
02:40 - 03:32 Kode HTML
03.32 - 05:25 Kode CSS
05:25 - 06:12 Kode ekspresi pada Javascript
06:12 - 11:20 Membuat fungsi kontruksi
11:20 - 12:05 Fungsi change pada addEventListener
12:05 - 17:25 Fungsi Motion untuk Animasi
17:25 - 20:40 Fungsi push, findIndex() dan ekspresi array
20:40 - 22:40 Menambahkan warna dan spasi per kata
22:40 - 28:30 Menambah latar gambar
28:30 - 33:40 Membuat animasi fadeOut
33:40 - 35:45 Menghilangkan kotak select saat memulai animasi
35:45 - 38:25 Fungsi Math.random() pada animasi
38:25 - 41:15 Membuat posisi teks dan ukuran font
41:15 - 44:22 Membuat ekspresi Object
44:22 - 44:17 Menambah beberapa keyframes animasi
44:17 - 45:50 Source Code (HTML, CSS, JavaScript)
45:50 - 46:24 Penutup -
PlayList u Gambar Cepat
Mewarnai karakter komik Wonder Woman | Photoshop Tutorial | GAMBAR CEPAT
Dibuat: ddQiaChannel | Posting : 22 Feb 2019
Feb 22, 2019
Full Video Tutorial :
https://youtu.be/xax4cIvXGns
Klik untuk lihat dan Subcribe Channel Youtube -
PlayList u Javascript
ANIMATION GREENCLOUD using Pure Javascript, CSS & HTML | Mahir Ngoding Playlist
Dibuat: ddQiaChannel | Posting : 26 Sep 2019
Video ini tentang bagaimana membuat partikel awan yang memutari lingkaran menggunakan Javascript.
Partikel kabut yang dibuat merupakan hasil manipulasi fungsi div HTML yang di bantu fungsi filter blur dari CSS.
Lingkaran hitam (blackhole) dibuat menyerupai teleportasi menggunakan fungsi clip-path circle at center dari CSS.
Sebanyak 35 partikel sinar di bawah dan kabut yang mengelilingi blackhole. Partikel keluar satu per satu yang diatur oleh fungsi setInterval kepunyaannya Javascript.
Selain fungsi animation CSS, banyak sekali fungsi setTimeout dalam kode ini untuk menjalankan animasi seperti dalam pergantian teks.
Komentar dan request di kolom komentar untuk mendapatkan file hasil ngoding ini. Kode ini GRATIS dan bisa dimodif.
Dukung terus channel ini dengan cara menekan tombol SUBSCRIBE channel Youtube kami ddqiachannel.
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.