🚨DOWNLOAD the SOURCE CODE: https://buymeacoffee.com/edshtml/e/388703
🚨See all SOURCE CODE for other projects HERE: https://buymeacoffee.com/edshtml
#coding #html #css #javascript #webdevelopment
╔═╦╗╔╦╗╔═╦═╦╦╦╦╗╔═╗
║╚╣║║║╚╣╚╣╔╣╔╣║╚╣═╣
╠╗║╚╝║║╠╗║╚╣║║║║║═╣
╚═╩══╩═╩═╩═╩╝╚╩═╩═╝
⏲️Chapters:
00:00 Browser Extension Manager UI project
02:12 Browser Extension Manager UI HTML
03:27 Main grid setup HTML
04:56 Browser Extension Manager UI JavaScript / theme function
07:58 Setting up variables
09:21 Fetching data from data.json
10:11 displayExtensions function
16:03 applyFilter function
18:10 Event handlers
22:05 Browser Extension Manager UI CSS
23:47 Styling buttons
28:14 Container/header styling
30:35 Grid header styling
31:54 Filter buttons styling
32:07 Extensions grid styling
35:09 Toggle switch styling
38:51 Finished Browser Extension Manager UI project
💎Here are some of the vscode extensions I use:
- Auto Rename Tag (Jun Han)
- Color Highlight (Sergii N)
- Font Awesome Auto-complete & Preview (Janne252)
- Indent Rainbow (oderwat)
- Live Server (Ritwick Dey)
frontend mentor, challenge, css nesting, html, css, javascript, html tutorial, css tutorial javascript tutorial, frontend web development, responsive web design, ui ux design, web development, html tutorial for beginners, css tutorial for beginners
