Save Time by Building Extensions for Your Browsers
summary
A cross‑browser Pomodoro browser extension was built in a few hours using TypeScript and the WebExtensions manifest to show how small extensions can automate team workflows. It uses the WebExtensions API with the browser‑polyfill, TypeScript, storage for user preferences, alarms and notifications for the timer, and a content script that injects a red overlay for breaks; demoed with toggleable 5s/3s timers and notes on wildcard vs. scoped permissions and Safari requiring Xcode conversion.
AI-written summary · about
chapters (11)
- 0:00Browser extensions intro
- 2:11Why build extensions
- 4:18Extension benefits
- 7:05Extension structure
- 8:28Installing and debugging
- 10:21Basic extension events
- 12:28Pomodoro timer
- 16:43Force Break mode
- 21:18User preferences
- 26:36Browser compatibility
- 29:23Advanced features
related talks
41mCross browser extensions – lets make one
29mEverything You Ever Wanted To Know About Cross-Browser Web Extensions
22mExtending the Web - explore new UI surfaces with WebExtensions
20mDevelop your own Browser extension
15mCross Browser Add-ons and How to build one
22mCross browser extensions - lets make one
33mBecome a wizard and make the browser your own
01mEntrevista