A Google Chrome extension from ZERO in 10 MINUTES – just HTML, CSS, and JS
📌 In this video, I'm creating a simple yet useful Google Chrome extension that will help you manage your time on YouTube. It's all in pure HTML, CSS, and JavaScript!
👉 **Download source code**:
https://github.com/systemrot/youtube_...
🎯 *Join our Telegram channel* for the latest features, announcements, and more:
https://t.me/RosFront
👥 *Learn frontend together* — join the learning group, get feedback, mentoring support, and quick tips:
https://t.me/RosFront_learn
🔔 *Subscribe to the channel* to stay up-to-date with new web development videos!
Timestamps:
00:00 — The Importance of Small Projects
00:59 — Start of Development
01:35 — Manifest.json
02:21 — Popup.html
02:53 — Background.js
04:13 — Popup.js
05:40 — Content.js
08:02 — Popup.css
08:27 — Testing the Extension
08:54 — Debugging and Testing the Extension
10:00 — After Debugging, Everything Worked
10:34 — Secret Features
───────────────────────────────────────
🛠 The video uses:
HTML5, CSS3
Vanilla JavaScript (ES6+)
Manifest V3 for Chrome Extensions
❓ Questions or ideas for future projects - leave them in the comments!
#frontend #javascript #chromeextension #html #css #js #WebDev #programming #coding #development