ASMR Programming - Coding Drawing Board - No Talking [Part-1]
In this video I'm going to code the first part of the drawing board (I don't really know what to call it) like Window's Paint, but done better!
The whole video is ASMR and you can hear, in addition to the sound of the keyboard and mouse, the environmental noises that surrounded me--even the chickens in the vegetable garden.😅
In the first part I'm going to write the HTML and CSS and in the second part (coming out soon) I'm going to write the JavaScript!
I remind you that the project can be cloned from my github profile at the following link: https://github.com/giusscos/js-tavolozza
Hi, I'm giuss and I'm an italian full stack web developer student. I start this Youtube's channel for share my project and inspire some people... that's the idea... i hope you enjoy this video!❤️
My Softwares for Coding:
VS Code:
Git Graph;
Git History;
Git Lens;
Material Icon;
Vue Language Feature;
Google Chrome;
Color Picker Extension;
Vue Extension;
Slack;
Zoom;
Terminal;
My Softwares for YouTube's Video:
QuickTime Player;
OBS;
DaVinci Resolve 18;
Gimp;
InkScape;
My Hardwares:
MacBook PRO M1:
RAM: 8GB;
Storage: 256GB;
AirPods PRO;
Keychron K8 PRO TKL;
Logitech G PRO;
iPhone 11 PRO;
Sony a5100:
15/50mm f3.5/5;
50mm f1.8;
AOC 23" 1080p Monitor;
Follow Me here:
Web Site: https://giusscos.netlify.app
Github: https://github.com/giusscos
Twitter: / giusscos
00:00 Creating file
00:50 Adding Header HTML
06:30 Adding Main HTML
07:50 Adding Default Layout CSS
09:00 Adding Header CSS
10:00 Fixing Class Name XD
11:50 Adding Header CSS and Refactoring HTML
13:50 Adding Default Rules CSS
15:20 Adding Header CSS
16:45 MDN is Your Best Friend!
18:34 Refactoring HTML and CSS
23:20 Adding Main CSS
25:25 Adding Color Palette HTML
26:15 Adding Grid CSS
29:00 Adding Color Palette CSS
37:15 Fin.
#coding #htmlcssjavascript #asmrsounds
