Тёмный

Build Scratch Coupon Card Using HTML5 Canvas 

CodingDesign
Подписаться 5 тыс.
Просмотров 571
50% 1

With HTML5 Canvas we'll build scratch coupon card. So, we'll create card where user could scratch and get their coupon code.
What will you learn?
1. Create complex shapes using pure CSS.
2. Use CSS variables.
3. Basic knowledge about HTML5 Canvas.
4. Detect position of mouse/touch using JavaScript.
5. Interact with HTML5 Canvas.
📢 SUBSCRIBE my channel for more helpful 🎬videos
🔔 / @codingdesign
Generate unique codes (methods)
1. • ChatGPT Clone | Build ... &t=43m43s
2. • Generate UNIQUE User's... &t=7m49s
3. • How to build Color Pal... &t=15m46s
⌚Timestamps
00:00 Intro
00:38 HTML
01:21 CSS (UI Design)
04:29 JavaScript (HTML Canvas scratch coupon card)
18:33 Outro (Result)
🌎 Browser : Brave V.1.50
📝 Code Editor : VS Code
💠 Extensions : Live-Server
#interactivedesign

Опубликовано:

 

7 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 4   
@sandeepyadav3483
@sandeepyadav3483 Год назад
excellent👍
@CodingDesign
@CodingDesign Год назад
Thank you! You can check out other helpful 🎬videos
@Error_fragproshooter
@Error_fragproshooter Год назад
Nice ❤❤
@CodingDesign
@CodingDesign Год назад
Thank you!
Далее
Product Card | UI Design | HTML | CSS | Animation
19:50
Signal for help
00:52
Просмотров 5 млн
Learn CSS Animations In 20 Minutes - For Beginners
21:22
Send Email from HTML Form for Free | EmailJS
7:28
Просмотров 20 тыс.
HTML5 Canvas Tutorial
16:02
Просмотров 187 тыс.
ASMR Programming - Calculator App Coding - No Talking
34:06
7 ways to deal with CSS
6:23
Просмотров 1,1 млн
Learn React Hooks: useMemo - Simply Explained!
13:41
Просмотров 76 тыс.