I built a browser extension (my first!) that overlays a golden ratio grid on a website with one click. Perfect for quickly checking and fixing design compositions. I built it mostly for myself because I'm triggered by bad screen design above the fold.
# Features:
- One click to toggle golden ratio or rule of thirds grid
# Some learnings from building this across browsers:
Chrome's dev experience was surprisingly straightforward using Manifest v3. Really easy knowing basic vanilla JS.
Firefox felt clunkier and more dated to work with. (Manifest v2 and some unexpected browser quirks)
Microsoft Edge was a breeze to port from Chrome (literally took minutes). I think I even used the same .zip file I used for Chrome. BUT: Publishing to the Microsoft store was a complete nightmare - broken UI, confusing account system, and about 20 login/re-login loops, and around 1 day of waiting until the account was activated in the first place. Overall experience just terrible. Wouldn't do it again and only did it because someone on HN mentioned that half of their users come from there. Oh well. :)
The extension is free & open source. Would love your feedback, especially from developer-designers or designer-developers — or people who have dealt with cross-browser extensions.
1 comment
[ 1.8 ms ] story [ 14.7 ms ] threadI built a browser extension (my first!) that overlays a golden ratio grid on a website with one click. Perfect for quickly checking and fixing design compositions. I built it mostly for myself because I'm triggered by bad screen design above the fold.
# Features:
- One click to toggle golden ratio or rule of thirds grid
- Zero setup, works instantly
- No tracking, completely private
# Available for:
Chrome: https://chromewebstore.google.com/detail/composition-grid/bk...
Firefox: https://addons.mozilla.org/en-US/firefox/addon/composition-g...
Edge: https://microsoftedge.microsoft.com/addons/detail/compositio...
# Some learnings from building this across browsers:
Chrome's dev experience was surprisingly straightforward using Manifest v3. Really easy knowing basic vanilla JS.
Firefox felt clunkier and more dated to work with. (Manifest v2 and some unexpected browser quirks)
Microsoft Edge was a breeze to port from Chrome (literally took minutes). I think I even used the same .zip file I used for Chrome. BUT: Publishing to the Microsoft store was a complete nightmare - broken UI, confusing account system, and about 20 login/re-login loops, and around 1 day of waiting until the account was activated in the first place. Overall experience just terrible. Wouldn't do it again and only did it because someone on HN mentioned that half of their users come from there. Oh well. :)
The extension is free & open source. Would love your feedback, especially from developer-designers or designer-developers — or people who have dealt with cross-browser extensions.