WINDOWS 95 Paint CLONE FROM SCRATCH | HTML, CSS, JAVASCRIPT
In this video, we'll learn how to create a Windows 96 Paint program from scratch using web technologies like HTML, CSS, and JavaScript.
▶ 100 JS Project: https://www.javascript100.dev/
▶ Don't miss more live streams at: / midudev
00:00:00 - Introduction
00:01:16 - Creating the Project
00:01:57 - Resetting CSS
00:09:16 - Creating the UI with HTML & CSS
00:17:08 - Drawing on the Canvas
00:31:06 - Making it Stop Drawing
00:32:38 - Changing the Color Based on the Color Palette
00:38:44 - Placing Tools on the Left
00:46:29 - Pro Tip with PNG Images
00:48:54 - Grid Template Area
00:52:55 - Clean
00:54:50 - Rectangle
01:07:55 - Eraser
01:15:23 - Eyedropper
01:20:45 - Picker
01:24:13 - Make perfect shapes
01:32:44 - Last words