ASMR Programming – Dark & Light Skeleton Loading + Keyboard Unboxing – No Talking

18.6K views on YouTube

Design

Hello Everyone ✨ Welcome to AsmrProg web design coding bootcamp😅 in this web coding bootcamp i started to create useful video’s about responsive ui design from beginner to advanced 😁

source of all projects also will upload in AsmrProg github page :
https://github.com/AsmrProg-YT

Keyboard Link : https://en.akkogear.com/product/dracula-castle-5075b-plus-mechanical-keyboard/

AKKO Youtube : @akkogear

with this coding bootcamp you will learn how to be an ui interface designer✅
Follow my web design coding bootcamp playlist i will upload video’s of web desing bootcamp in it for easier access and video’s in this playlist sorted by beginner to advanced 😉

Web Design Coding Bootcamp Playlist : https://www.youtube.com/playlist?list=PLkC56g8fboI0QgD6VvH5TN0Nm1i5dVITH

Part one video : https://youtu.be/mW_XpjbFsm4

We will update this playlist ✅

100 Days of Javascript Playlist : https://www.youtube.com/playlist?list=PLkC56g8fboI0HghByzVuD2Vz8ROUXfF_j

Asmr Game Coding Playlist : https://www.youtube.com/playlist?list=PLkC56g8fboI3nNZQS2mb6kCqK9yS0XgD9

About this video :

In this video, we designed a card with skeleton or shimmer loading with html css and javascript 💎 This card is fully responsive for mobile devices 📱 You can use this design on your all web projects.

it’s widget #4 from my web design coding bootcamp ⚙️
in the future we will have other parts of widgets😉

Github Source Code : https://github.com/AsmrProg-YT/css-widgets

Video Contents :

00:00 – Intro (Widget #4)
00:21 – Unboxing
02:42 – RGB Modes
03:54 – Sound Test
04:13 – Software
04:55 – Warming hands
05:01 – Main codes
05:46 – Adding fonts
06:12 – Html Coding
07:28 – Main styles
08:50 – Toggle styles
09:45 – Card styles
12:06 – Loading styles
13:09 – Loading animation
14:03 – JS coding
17:41 – Final Result