The latest articles on Forem by Oskra | オスクラ (@_b1c71b38247f99fd7e95f). https://forem.com/_b1c71b38247f99fd7e95f 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%2F3556298%2Ff2cf7382-53d5-47e4-925c-ba60e567e932.png https://forem.com/_b1c71b38247f99fd7e95f en Oskra | オスクラ Thu, 09 Oct 2025 13:52:13 +0000 https://forem.com/_b1c71b38247f99fd7e95f/showdev-time-zone-hover-stop-time-zone-confusion-hover-any-time-to-see-yours-copy-1224iso-5dgb https://forem.com/_b1c71b38247f99fd7e95f/showdev-time-zone-hover-stop-time-zone-confusion-hover-any-time-to-see-yours-copy-1224iso-5dgb <blockquote> <p>Hover any time string on any website → instantly see <em>your</em> local time + zone. One click to copy in <strong>12-hour / 24-hour / ISO 8601</strong>. Pro adds defaults &amp; per-site control.</p> </blockquote> <h2> Why I built this </h2> <p>I kept asking “Whose 3 PM is this?” across remote teams. Time‑Zone Hover is a tiny utility to remove that friction without extra clicks or tab switching.</p> <h2> Demo &amp; install </h2> <ul> <li> <strong>Chrome Web Store</strong>: <a href="https://chromewebstore.google.com/detail/time-zone-hover/hbaocjmflampngapmeeegnpphpmkmmff?authuser=0&amp;hl" rel="noopener noreferrer">https://chromewebstore.google.com/detail/time-zone-hover/hbaocjmflampngapmeeegnpphpmkmmff?authuser=0&amp;hl</a> </li> </ul> <h2> What it does </h2> <ul> <li>Hover any time string (e.g., “3:30 PM”, “18:00”, “5 hours ago”) on <strong>any site</strong> to see <em>your</em> local time</li> <li>Shows your <strong>time zone ID</strong> (e.g., <code>Asia/Tokyo</code>)</li> <li> <strong>One‑click copy</strong> in 12‑hour / 24‑hour / ISO 8601</li> <li> <strong>Clean options UI</strong>; <strong>Pro</strong> adds default format, per‑site enable/disable, and import/export</li> </ul> <h2> How it works (high level) </h2> <ul> <li>Chrome <strong>MV3</strong>: background service worker + content script</li> <li>Parses common absolute and relative time patterns</li> <li>Saves preferences via <code>chrome.storage</code> </li> </ul> <h2> Privacy &amp; permissions </h2> <ul> <li> <strong>Permissions:</strong> <code>storage</code> (to save your settings) </li> <li> <strong>No tracking:</strong> no analytics beacons, no external calls for tooltips</li> </ul> <h2> How to use </h2> <ol> <li>Install the extension from the Chrome Web Store </li> <li>Open any site with time strings (news, issue trackers, social, etc.) </li> <li> <strong>Hover</strong> the time → see your local time + zone </li> <li>Click <strong>Copy</strong> to copy in the shown format (12/24/ISO) </li> <li>Open <strong>Options</strong> to choose theme and (Pro) set your <strong>default copy format</strong> </li> <li>(Pro) Use <strong>per‑site control</strong> to enable/disable or exclude domains</li> </ol> <h2> Pro features (lifetime) </h2> <ul> <li>Default copy format (12/24/ISO 8601)</li> <li>Per‑site enable/disable and exclusions</li> <li>Import/export settings</li> </ul> <h2> Glossary (for clarity) </h2> <ul> <li> <strong>12‑hour / 24‑hour:</strong> time formats (<code>3:30 PM</code> vs <code>15:30</code>)</li> <li> <strong>ISO 8601:</strong> international date‑time standard, e.g., <code>2025-10-09T15:30:00+09:00</code> </li> <li> <strong>Time zone ID:</strong> canonical zone like <code>Asia/Tokyo</code> that handles DST correctly</li> </ul> <h2> Roadmap </h2> <ul> <li>Custom parsing rules per site</li> <li>Keyboard shortcut to copy in default format</li> <li>More locales and relative‑time patterns</li> </ul> <p>If this reduces your time‑zone confusion even a bit, I’d love a comment or a ⭐ on the store. Thanks for reading!</p> showdev productivity workplace