Skip to content
YouTube & Stream:
Live Gaming Saweria

#abduarrahmanscode

Showing all posts tagged with abduarrahmanscode

CSS Animation Frontend Tutorial abduarrahmanscode

Sharing CSS Tanpa JavaScript Part 1 — Kinetic Caption: Satu Kata Satu Spotlight

Eksperimen animasi teks kinetic caption hanya menggunakan CSS murni tanpa bantuan JavaScript. Efek spotlight kata per kata dengan keyframes dan timing function presisi.
Streaming OBS Tutorial Setup abduarrahmanscode

Tutorial Saweria Donasi + OBS Studio untuk Live Streaming — Bedah Setup Lengkap

Panduan lengkap menghubungkan alert donasi Saweria ke OBS Studio untuk live streaming. Cara pasang browser source, setting overlay, filter suara, dan tips agar tampilan stream rapi.
Creative Coding Streaming TypeScript Frontend abduarrahmanscode

Bikin Aplikasi PNGTuber Sendiri dari Nol dengan Custom Emote & Voice Animation

Eksperimen membangun aplikasi PNGTuber sendiri untuk live streaming tanpa facecam, dilengkapi custom rigging, ekspresi wajah, dan reaktivitas suara mikrofon.
CSS Frontend UI Components Shorts abduarrahmanscode

CSS Only Animated Dividers: Pembatas Section Modern Tanpa Ekstra Library

Koleksi pemisah section animasi website modern hanya menggunakan CSS murni dan HTML tanpa library eksternal. Copy & paste siap pakai dengan custom speed dan color.
CSS Animation Frontend Shorts abduarrahmanscode

CSS Only Day 3: Orbit Dots — Animasi Orbit Partikel Memutar Murni CSS

Eksperimen animasi orbit melingkar (Orbit Dots) untuk loading spinner dan visual atomik menggunakan transform rotate dan CSS custom property berjenjang.
CSS Creative Coding Frontend Shorts abduarrahmanscode

CSS Only Day 4: Runaway Click — Tombol Jahil Menghindar Tanpa JavaScript

Eksperimen tombol interaktif yang kabur saat didekati kursor mouse (Runaway Click / Impossible Button) hanya memanfaatkan CSS :hover dan transform translate.
CSS Animation Frontend Shorts abduarrahmanscode

CSS Only Day 5: Wave Bar — Efek Gelombang Loading Bar Tanpa JS

Eksperimen CSS animation wave bar murni tanpa JavaScript. Membuat visual efek audio waveform dan gelombang loading fluida dengan CSS keyframes.
Pixel Art Vite TypeScript Game Dev Creative Coding abduarrahmanscode

Kado Ulang Tahun Interaktif: Pixel Art 8-Bit Side Scrolling Website

Membangun website kado ulang tahun interaktif bertema game petualangan retro 8-bit side scrolling lengkap dengan parallax background, sprite sheet karakter, dan kontrol audio.
Open Source JavaScript Web App Quran abduarrahmanscode

Web App Hafalan Qur'an Otomatis: Bikin Aplikasi Juz Amma untuk Anak Tanpa Iklan

Membangun aplikasi web hafalan Qur'an dan Juz Amma otomatis untuk anak-anak dengan fitur play range ayat, repeat loop, dan pengatur tempo audio bebas iklan.
Linux Wayland Open Source abduarrahmanscode

Caelestia Shell: Demo Desktop Linux Wayland yang Dinamis

Short pengenalan Caelestia Shell, animasi workspace, transisi widget, dan palet warna adaptif untuk desktop Linux.
CSS Animation Frontend Shorts abduarrahmanscode

CSS Only: Copywriter Typewriter Animation Tanpa JavaScript

Efek animasi mesin tik (typewriter) murni CSS menggunakan fungsi timing steps(), border kursor berkedip, dan pembatasan lebar teks berbasis karakter.
CSS Animation Frontend Shorts abduarrahmanscode

CSS Only Day 2: Gradient Text — Efek Teks Gradien Animasi Tanpa JavaScript

Eksperimen animasi teks gradien berkilau (Gradient Text) murni CSS menggunakan teknik background-clip: text dan animasi background-position linier.
CSS Pixel Art Animation Shorts abduarrahmanscode

CSS Only: Pixel Bat Art & Floating Animation Murni CSS

Seni pixel art kelelawar melayang murni CSS menggunakan satu elemen HTML dengan multi box-shadow koordinat grid dan animasi keyframe translate.