Easily modify your most used websites with this extension
Tags: browser, extension, webdev, javascript
Published: 2023-03-09 16:44:41

> Who never wanted some feature in our most used websites?

Last week I was thinking and searching about that and I came across [tamper monkey](https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo?hl=pt), a browser extension that allows the user to run specific javascript scripts everytime we go to a website.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c6rj7cd1nknzg1r1lkfd.png)
example: github — change private repositories color
With this extension you will be able do the following:

- hide sections you dont want to see;
- show a new valuable information (maybe a sum of values);
- change the web site appearence;
- combine the current information to information from other sites;
- and whatever more your imagination (and js skills) allow you to do.


## Examples

I basically use this extension to change my most used websites: twitch and github.

a) GITHUB — navigation menu

Github’s navigation bar to me is not the most effeciant since most of its items I’ve literally never used. So I change them to pages I use frequently:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lnozqpvcna11ha1bvz78.png)

b) GITHUB — private repositories

I felt like everytime I need to find a repository I was taking longer because github was not proper showing differences between private and public repositories. So I decide to change this.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qi0h3hxqqmh635r8dj8b.png)

c) TWITCH — hide recommendations

One of the things I taking more serious this year is to reduce my exposition to over information and recomendations in the websites I use. It was making me distract a lot of the times. In twitch, it was common to going from streamer to stremer a lot of times per day.

So I made a script to hide recommendation sections, and the result looks like this:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s4zeimj23x0qgumy2rc5.png)

## CONCLUSION

My main goal in this article was to show that is quite easy to modify you most used websites, and I believe I’ve archived that.

It is worth mentioning that there are a lot of tamper monkey scripts available by its great comunity, but you can always create your own.

For me the best benefit is to reduce time when changing website things, that in other way would needed a own browser extension.

If you have any questions, comment it bellow.

Take care! 🥋

<div align="center"><a href="#"><img src="https://github.com/lucasvtiradentes/my-tutorials/blob/master/.github/images/divider.png?raw=true"></a></div>
<br>

## RELATED

👉 If you need some tutorials to use tamper monkey, there are a lot of [tutorials in youtube](https://www.youtube.com/results?search_query=how+to+use+tampermonkey)
👉 If you want my obove showed scripts, you can use find them in [this repository](https://github.com/lucasvtiradentes/my-tutorials/tree/master/content/005%20-%20Easily%20modify%20your%20most%20used%20websites%20with%20this%20extension/src)
👉 See also all [my projects](https://github.com/lucasvtiradentes/lucasvtiradentes/blob/master/portfolio/PROJECTS.md#TOC)
👉 See also all [my tutorials](https://github.com/lucasvtiradentes/my-tutorials/blob/master/README.md#TOC)