The latest articles on DEV Community by Weather Clock Dash (@wclockdash). https://dev.to/wclockdash https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3918834%2F1f371f52-8742-42c5-9426-6dde9814b0aa.png https://dev.to/wclockdash en Weather Clock Dash Thu, 07 May 2026 22:50:13 +0000 https://dev.to/wclockdash/i-built-a-free-firefox-new-tab-extension-with-live-weather-and-world-clocks-2bp1 https://dev.to/wclockdash/i-built-a-free-firefox-new-tab-extension-with-live-weather-and-world-clocks-2bp1 <p>I spent a few weekends building a Firefox browser extension because I was tired of my new tab page doing absolutely nothing useful.</p> <p>The result: <strong>Weather &amp; Clock Dashboard</strong> — a replacement new tab that shows live weather, a 3-day forecast, and clocks for any cities you care about.</p> <h2> What it does </h2> <ul> <li> <strong>Live weather</strong>: Current conditions with temperature, humidity, and feels-like for your location</li> <li> <strong>3-day forecast</strong>: See what's coming so you can actually plan your day</li> <li> <strong>World clocks</strong>: Multiple cities displayed in real time — great for remote teams across time zones</li> <li> <strong>Search bar</strong>: Quick search without switching tabs</li> <li> <strong>Dark/light mode</strong>: Respects your preference, toggles with one click</li> </ul> <h2> Why I built it </h2> <p>I was using Firefox's default new tab (tiles of recent sites). It told me nothing useful at a glance.</p> <p>I wanted something that answered "should I bring an umbrella?" and "is my colleague in London even awake yet?" in under a second, without switching apps.</p> <h2> The tech (refreshingly simple) </h2> <ul> <li>Pure HTML, CSS, and vanilla JavaScript — no framework, no npm, no webpack</li> <li>Uses <a href="https://open-meteo.com/" rel="noopener noreferrer">Open-Meteo</a> for weather (free API, no key required)</li> <li>All data stays local — no servers, no accounts, no tracking</li> <li>MIT licensed and fully open source</li> </ul> <p>The entire extension is about 300 lines of JavaScript. Sometimes the best solution is the simplest one.</p> <h2> Install it </h2> <p>→ <a href="https://addons.mozilla.org/en-US/firefox/addon/weather-clock-dashboard/" rel="noopener noreferrer">Weather &amp; Clock Dashboard on Firefox Add-ons</a></p> <p>Free, takes 10 seconds to install, no account required.</p> <h2> Also: Quick Calculator </h2> <p>I also published <a href="https://addons.mozilla.org/en-US/firefox/addon/quick-calculator-unit-converte/" rel="noopener noreferrer">Quick Calculator &amp; Unit Converter</a> — a sidebar calculator that handles unit conversions (km ↔ miles, Celsius ↔ Fahrenheit, etc.). Same approach: useful, fast, zero setup.</p> <p>Happy to take questions or feedback. What does your current new tab setup look like?</p> firefox opensource productivity webdev