My highschool ( I just graduated) has a some sort of gradebook management software used by the teachers / admin / parents / students to view and manage grades, attendence, payment, and so on. The frameowkr used is down kind of convoluted framework Enterprise software combination that the school purchased. And for some reason the school let us see our points erned on ecah assignment out of the total but only showed the letter grade and not the percent for the class. So calculating weighted grades by hand to figure out your class percent was a huge pain for everyone (and some teachers didn't like if you asked them.to show you your percent which they had access too).
So one of the first experiences I had writing stuff with js and web technologies was writing an extension to take in all the grades, parse them, and calculate grades based on percents imputed for weighted catagories. Everyone thought it was cool and it became a big thing. I was even super stoked when I got it to save and load the weights using chrome local storage so you don't have to input it everytime. Even though it's pretty simple software, it was my first experience seing the actual impact on my peers every day by some price of software I write.<p><a href="https://chrome.google.com/webstore/detail/tripoli/jmiafjndiefejlbbgiadmfhbgcbffgio" rel="nofollow">https://chrome.google.com/webstore/detail/tripoli/jmiafjndie...</a>
Not extensions, but I have a few userscripts I use to fix minor annoyances with various websites:<p>- Netflix - Skip intros and quickly go to next episode<p>- Github - Linkify branch names in PRs<p>- Yelp - Open directions in a new tab rather than a modal<p><a href="https://github.com/matt-tingen/userscripts" rel="nofollow">https://github.com/matt-tingen/userscripts</a>
I had built and published 4 different Chrome extensions:<p>- Random Facts: a random fact about numbers with a beautiful image on new tabs. <a href="https://chrome.google.com/webstore/detail/random-facts-on-new-tab/golgobfokbeogpppkfookhgoalecliea" rel="nofollow">https://chrome.google.com/webstore/detail/random-facts-on-ne...</a><p>- Game of Thrones Quotes: a random GoT quote on every new tab. <a href="https://chrome.google.com/webstore/detail/game-of-thrones-quotes/pfdpbbjmnlfggaiecpbecgjjpfbcdecp" rel="nofollow">https://chrome.google.com/webstore/detail/game-of-thrones-qu...</a><p>- Open Wikipedia: an extension to overcome the Wikipedia blocks in Turkey. <a href="https://chrome.google.com/webstore/detail/wikipedia-a%C3%A7%C4%B1c%C4%B1/fgahdplpgmaoalaececccdphcmbinjog" rel="nofollow">https://chrome.google.com/webstore/detail/wikipedia-a%C3%A7%...</a><p>- Open Imgur: an extension to overcome the Imgur blocks in Turkey. <a href="https://chrome.google.com/webstore/detail/imgur-a%C3%A7%C4%B1c%C4%B1/adcjcicnaepmahfjlglahaehjgagjoch" rel="nofollow">https://chrome.google.com/webstore/detail/imgur-a%C3%A7%C4%B...</a><p>All of the extensions are open source; the links can be found in the extension descriptions.
I made an extension for my teachers that let them put a Google Doc onto Google Classroom, from the Google Doc. It's weird how Google doesn't have that built in, but it means that my teachers don't have to open up a new tab and go through the process, they can just do it from the Doc. <a href="https://addons.mozilla.org/en-US/firefox/addon/share-doc-to-classroom/" rel="nofollow">https://addons.mozilla.org/en-US/firefox/addon/share-doc-to-...</a><p>I also made an extension that opens the current page (or link/video/image) in a popup window. Because I have so many tabs sometimes I just want one window, and it does it. I have options for half/third/full screen size so I can have them side by side (as well as just dragging to resize the window). <a href="https://addons.mozilla.org/en-US/firefox/addon/focus-popup/" rel="nofollow">https://addons.mozilla.org/en-US/firefox/addon/focus-popup/</a><p>I also made an extension that fixed a specific issue on Apple Intranet Wikis playing videos in Chrome, but that Wiki system isn't used anymore.<p>Usually my extensions are just to fix minor problems/annoyances.
I ported Alisdair McDiarmid's bookmarklet[1] to an add-on that will hide sticky content on a site. There was already a Chrome equivalent, but nothing for Firefox. It can be found here: <a href="https://addons.mozilla.org/en-US/firefox/addon/kill-sticky/" rel="nofollow">https://addons.mozilla.org/en-US/firefox/addon/kill-sticky/</a>
It's especially handy these days with the influx of cookie/GDPR agreement overlays, or app download dickbars[2].<p>[1] <a href="https://alisdair.mcdiarmid.org/kill-sticky-headers/" rel="nofollow">https://alisdair.mcdiarmid.org/kill-sticky-headers/</a>
[2] <a href="https://daringfireball.net/2017/06/medium_dickbars" rel="nofollow">https://daringfireball.net/2017/06/medium_dickbars</a>
Deep Thought Tabs
<a href="https://addons.mozilla.org/en-US/firefox/addon/deep-thought-tabs/" rel="nofollow">https://addons.mozilla.org/en-US/firefox/addon/deep-thought-...</a><p>Adds funny, profound observations in newly opened empty tabs, with fresh images each time.<p><pre><code> - WebExtension written in plain JavaScript. No libraries. No cruft.
- Displays "deep-thoughts" even in offline-mode (no background-images).
- Fetches relevant fresh background images each-time from Unsplash and Flickr.
</code></pre>
Checkout the source to learn how to create simple webextension addons for Firefox in JavaScript.<p>Few interesting bits of code:<p><pre><code> * Fisher-Yates shuffle algorithm.
* Ken-Burns effect for still images.
* Visual (image-preview) tooltips in CSS.
* Asynchronous XMLHttpRequest.</code></pre>
Bing Wallpaper for ChromeOS<p><a href="https://github.com/chew-z/Bing-Wallpaper-for-ChromeOS" rel="nofollow">https://github.com/chew-z/Bing-Wallpaper-for-ChromeOS</a><p>Augment - simple reminder that Google is a Big brother<p><a href="https://github.com/chew-z/Augment" rel="nofollow">https://github.com/chew-z/Augment</a><p>Foogle - fool Google - my fork of TrackMeNot - which pollutes your search history with possible but random searches....<p><a href="https://github.com/chew-z/Foogle" rel="nofollow">https://github.com/chew-z/Foogle</a><p>NewTab - custom new tab page<p><a href="https://github.com/chew-z/NewTab" rel="nofollow">https://github.com/chew-z/NewTab</a>
<a href="https://github.com/choyg/ChromeNotis" rel="nofollow">https://github.com/choyg/ChromeNotis</a><p>Notifications toggle. The code is comically simple but it's the one extension besides adblocking I regularly use.
Used to love playing dice on various crypto sites. Always have been in awe at those custom dice bots that people have built on Chrome.<p>And I've noticed that there isn't one for Edgeless (dice & blackjack with 0% edge), and so I've created a dice bot that allows a multiple steps martingale strategy.<p>It's open source and 100% free, give it a roll!<p>Github repo:
<a href="https://github.com/Whatzhub/edgeless-dicebot" rel="nofollow">https://github.com/Whatzhub/edgeless-dicebot</a><p>EDG DiceBot 1st Run!
<a href="https://youtu.be/CUqNCWi6pPA" rel="nofollow">https://youtu.be/CUqNCWi6pPA</a>
<a href="https://github.com/lutostag/webextension-formsave" rel="nofollow">https://github.com/lutostag/webextension-formsave</a><p>It saves what you write in textareas so it doesn't get lost when something goes awry.<p>When the old-style Firefox extensions were going to be deprecated, I went through my installed ones, picked one that wasn't built yet and started from scratch.<p>The most interesting/difficult part was getting CI setup for both Firefox and Chrome with the always changing landscape of support for extensions in selenium.
A friend and I have been building some small tools that make it a little easier to make better investment decisions (and to get some experience with some different frameworks and technologies).<p>We released this extension recently to make it easy to jot down quick notes and keep track of stock prices.<p><a href="https://chrome.google.com/webstore/detail/yogi-invest-more-wisely/ejnbhjkjbmndbehmolegmapncflmcgfo/related" rel="nofollow">https://chrome.google.com/webstore/detail/yogi-invest-more-w...</a>
I realized I was spending a whole bunch of time tracking down web references for my grad school assignments (and forgetting most of them) so I made something super simple that generated them from my bookmarks:<p><a href="https://chrome.google.com/webstore/detail/bookmarks-to-references/aigindmbmcgegjhjnonholgaebnldmln" rel="nofollow">https://chrome.google.com/webstore/detail/bookmarks-to-refer...</a>
I made <a href="https://www.checkbot.io/" rel="nofollow">https://www.checkbot.io/</a> to check for SEO, security and speed best practices on websites. Most tools only check for a small number issues or one page at a time whereas this extension crawls from page to page checking your whole website.
Not much of an extension but I created a simplistic dark chrome theme to go with the dark menu bar on macOS.<p><a href="https://chrome.google.com/webstore/detail/dark-mode-theme-for-googl/dogmjhegnegcnfdnjdlmjfgghceifgmg" rel="nofollow">https://chrome.google.com/webstore/detail/dark-mode-theme-fo...</a>
Firefox web extension to save a page's content as an image (save recipts, etc).<p><a href="https://github.com/grafie/acceptum/tree/master/firefox/dist" rel="nofollow">https://github.com/grafie/acceptum/tree/master/firefox/dist</a>
<a href="https://chrome.google.com/webstore/detail/jump-to-hn/fopjlegcdhogedbmpkdljokglemjckdm?hl=en" rel="nofollow">https://chrome.google.com/webstore/detail/jump-to-hn/fopjleg...</a><p>Read HN discussions on any article.
<a href="https://github.com/VoIPGRID/vialer-js/" rel="nofollow">https://github.com/VoIPGRID/vialer-js/</a><p>A softphone built on top of Sip.js and Vue. It also runs in a webpage or as an Electron app.
I built a WhatsApp Web bot which runs as a Chrome extension, recently made the code public.<p><a href="https://github.com/aalsuwaidi/wabot" rel="nofollow">https://github.com/aalsuwaidi/wabot</a>
I noticed I spend too much time reading wikipedia articles, jumping from one to another, so I built a chrome extension to limit that browsing time to a few minutes per day.
extension that allows you to quickly block sites when you’re trying to focus.<p><a href="https://github.com/tmm/block-fox" rel="nofollow">https://github.com/tmm/block-fox</a>
I made an extension to make Photobucket photos visible again, since last year Photobucket suddenly put all their photos behind a huge paywall last year, and destroyed a lot of knowledge on forums that I use:
<a href="https://chrome.google.com/webstore/detail/photobucket-embedded-imag/ogipgokcopooepeipngiikdkpmcpkaon?hl=en-US" rel="nofollow">https://chrome.google.com/webstore/detail/photobucket-embedd...</a>