The chrome extensions I use as a Full Stack Developer and why

I’ve been using Chrome for 10+ years and over the years “collected” a few extensions that I use daily. P.S. I even use the canary version to get the latest features!

I’ve also written a list of the extensions that I use on Visual Studio Code to help me code faster/better.

Let me know if you got an extension that I should be using!

Table of Contents

  1. Adblock Plus - free ad blocker
  2. BetterTTV
  3. Bishop Vulnerability Scanner
  4. Dark Reader
  5. Decentraleyes
  6. EditThisCookie
  7. Enhanced GitHub
  8. Full Page Screenshot
  9. GitHub File Icons
  10. Grammarly for Chrome
  11. GraphQL developer tools
  12. Honey
  13. LastPass: Free Password Manager
  14. META SEO inspector
  15. MonkeyECHO - GearBest Price Tracker
  16. OctoLinker
  17. Octotree
  18. React Developer Tools
  19. Redux DevTools
  20. Session Buddy
  21. Simplify Gmail
  22. StayFocusd
  23. Stylish - Custom themes for any website
  24. Syntaxtic!
  25. Tampermonkey
  26. The Great Suspender
  27. Toggl Track: Productivity & Time Tracker
  28. Twitch Channel Points Auto-Clicker
  29. WOT Web of Trust, Website Reputation Ratings
  30. YouTube Captions Search

Adblock Plus - free ad blocker

Block YouTube™ ads, pop-ups & fight malware!

Ad blocking. All said.

I recently switched from AdBlock — best ad blocker to Adblock Plus - free ad blocker because for some reason I was still getting ads! Like I said above I use the canary version of Chrome but this went on for multiple versions without a fix. There were also some changes coming to Chrome which were supposed to break ad blockers because of the big lists they use.

BetterTTV

BetterTTV enhances Twitch with new features, emotes, and more.

It provides an overall better Twitch experience. I use it to have better chat readability and other small tweaks.

Bishop Vulnerability Scanner

Search websites for git repos, exposed config files, and more as you browse.

A pretty unique extension that warns me if I have (or find) a website with its .git exposed, because an attacker can clone it and get extra information.

Dark Reader

Dark mode for every website. Take care of your eyes, use dark theme for night and daily browsing.

This is one of my favorite extensions! It adds Dark mode to every single website by inverting the colors. This saves my eyes a lot from looking at bright and white screens all day.

Decentraleyes

Protects you against tracking through “free”, centralized, content delivery.

I don’t use this extension for its intended purpose. I use it to slightly speed up page loading. Because this extension caches locally several well-known files like the jQuery library.

I currently have my counter at 4,709. That means I saved some bandwidth almost 5000 times!

EditThisCookie

EditThisCookie is a cookie manager. You can add, delete, edit, search, protect and block cookies!

The quote above says it all.

Enhanced GitHub

Display repo size, size of each file, download link and option to copy file contents

It makes downloading a single file from GitHub easy! As well as other improvements.

Full Page Screenshot

Take awesome screenshots of entire websites and capture page elements. No sign up. Offline. By Conceptboard

As the name suggests, it takes screenshots of entire pages, it scrolls down and keeps adding to the final image. Unlike a normal screenshot. This can be very useful sometimes.

GitHub File Icons

Display file icons on GitHub

Have you ever noticed how boring the GitHub icons are? It’s just a plain white icon. No more! With this extension, you will have beautiful icons matching the file type as you do on your code editor.

Grammarly for Chrome

Write your best with Grammarly for Chrome.

Since I’m not a native English speaker, Grammarly is a lifesaver! It fixes my typos and grammatical errors! I also run my blog posts through it! I wish I could afford the paid version but I currently can’t.

GraphQL developer tools

Devtools panel for GraphQL development

I’ve not used this extension that much yet but from the name, you can see its an inspector for GraphQL requests/queries.

Honey

Automatically find and apply coupon codes when you shop online!

Honey is the number 1 extension to save you money. It supports thousands of sites and it gives ou coupons when checking out.

LastPass: Free Password Manager

LastPass, an award-winning password manager, saves your passwords and gives you secure access from every computer and mobile device.

LastPass is my password manager of choice. It generates long and secure passwords and saves them very securely and finally syncs it to my other devices. This allows me to use unique and safe passwords everywhere without having to remember them.

Pro tip: Don’t store the most important ones. Keep your top 5 in your head, for example, email, Facebook, Twitter, bank, secondary email, etc.

META SEO inspector

Useful to inspect the meta data found inside web pages, usually not visible while browsing.

I use this extension to inspect SEO data on my blog to make sure its good. I check that I got all the meta tags, titles aren’t too long, and that the page has a description.

MonkeyECHO - GearBest Price Tracker

GearBest Price Tracker & Daily Coupons

I’m a big GearBest user/buyer and this extension allows me to see when the prices are lower and save some money. There’s also a great website with all GearBest coupons

OctoLinker

OctoLinker – Links together, what belongs together.

Its another extension for GitHub. It turns require or import into links to the files being required/imported.

Octotree

Browser extension that enhances GitHub code review and exploration.

It provides an easier/faster way to browse GitHub thought a file tree explorer.

React Developer Tools

Adds React debugging tools to the Chrome Developer Tools. Created from revision fed4ae024 on 7/15/2020.

I think the title says it all. It allows you to see the components, the properties being passed and other React things.

Redux DevTools

Redux DevTools for debugging application’s state changes.

If you are a ReactJS developer you already know this extension. It allows you to inspect/manipulate the state of your application.

Session Buddy

Manage Browser Tabs and Bookmarks with Ease

This one is very specific to me because I run Chrome Unstable and usually have dozens if not hundreds of tabs open and if Chrome happens to crash I will lose them. I use this extension to save my tabs in case Chrome didn’t save them when it crashed.

Simplify Gmail

Simplifies Gmail interface to the bare minimum

I think this one is self-explanatory. It cleans the Gmail UI and allows you to focus on your unread emails.

StayFocusd

StayFocusd increases your productivity by limiting the amount of time that you can spend on time-wasting websites.

This one is a recent addition and I’m still experimenting with it but it allows me to block a few sites that I shouldn’t be on during the day, like, Facebook, Twitter, games, etc.

Stylish - Custom themes for any website

Customize any website to your color scheme in 1 click, thousands of user styles with beautiful themes, skins & free backgrounds.

I don’t use this extension anymore because of Dark Reader. But I used to use it to have a dark theme on some websites like GitHub.

Syntaxtic!

Performs syntax highlighting on files visited in the browser based on their extension

If you are a coder like me you need this extension. Every time you open a .css or .js or any other code file it will do syntax highlighting on your browser page. that makes it way easier and faster to read code.

Tampermonkey

The world’s most popular userscript manager

I use Tampermonkey daily to run dozens of JavaScript scripts (62) on my browser. Since I’m a JavaScript developer its easy to automate tasks. From auto-closing tabs after X seconds or clicking things for me, I have scripts for all kinds of things.

The Great Suspender

Make your computer run smoothly by suspending the tabs you aren’t using

A lightweight extension to reduce chrome’s memory footprint. Perfect if you have a lot of tabs open at the same time.

Awesome RAM saver! If you don’t use a tab for a while it “unloads it” from memory. That’s how I can have 100+ tabs open 😅

Toggl Track: Productivity & Time Tracker

Puts a timer into any web tool and allows quick real time productivity tracking with all the data stored on your Toggl account

I use the Toggle service (extension + site) to track my billable hours on freelance projects for clients. I use it in conjunction with Trello because it gives me a start/stop button on each card and even each list item which makes it easy to know how long I took to implement a given feature.

Twitch Channel Points Auto-Clicker

Auto-click those channel point bonuses

If you use Twitch a lot you know what this extension is for 😎

WOT Web of Trust, Website Reputation Ratings

Ever wondered how to check if a website is safe? Get the community to do the checks for you.

I’ve been using WOT for almost 10 years. This extension warns you if a website is dangerous or not even before you click. It will add a green/rea/grey circle after each link letting you know if it’s safe to click. Of course, it saves you from getting a virus but if a website is known to be dangerous it will let you know.

It’s like ‘ctrl + f’ (or ‘cmd + f’), but for YouTube

If you are like me and listen to long-form content (Podcasts) and then you want to share it with a friend but you don’t remember at which timestamp something was said you can search through the YouTube captions and find it with this extension.

Let me know if you got an extension that I should definitely be using!


A personal blog by Rodrigo Graça about coding, p2p, health, and much more (Psst... I am open to opportunities.)

Reach out to me on your favorite social :)