This extension will allow users to block unused or distracting features on YouTube such as, YouTube shorts, the merch store under videos no one uses, thumbnails, the create button, the mic button next to search, and other annoying stuff.
So the aim of this project is to improve youtube’s usage experience through small tweaks.
This is my first time doing anything related to websites I know nothing 😭
So I started off the project by creating a manifest.json file which contains all the data required to run the extension. For this the Mozilla docs were a huge help.
Next, I started by creating the first feature of blurring thumbnails. I somehow managed to inspect element the youtube website and select the correct element id to select the thumbnails ig. But this came with three issues:
To fix these Issues I first searched for the issue on w3schools but I dint understand anything I found; so after a bit more digging I came across someone facing a similar issue on stack overflow and after a very long while of trying to understand his code I managed to modify it to work for my extension. This fixed the third issue but not the other 2.
.png)