Top Google Chrome Extensions For Devs 🔥🚀
Tags: showdev, productivity, career, webdev
Published: 2021-03-07 14:01:05

{% link  https://dev.to/brandonwallace/top-firefox-extensions-for-developers-3l5j %}

`Hello world!`In this post I'm gonna show you my favorite chrome extensions! They makes me more productive. And gives me inspiration to do more coding. 

🔖 - Bookmark the article to save it

> And remember the like ❤

You absolutely need to read that:
{% link https://dev.to/devlorenzo/200-js-resources-to-master-programming-3aj6 %}

## My Google Chrome extensions:

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f3os8q1nu27jkzsxlmi5.png)
 
1. [Grepper](https://chrome.google.com/webstore/detail/grepper/amaaokahonnfjjemodnpmeenfpnnbkco?hl=it) → Allow you to save code

---

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jpn5fqcoxutj1r22o5kl.png)
 
2 - [Shortcuts for google](https://chrome.google.com/webstore/detail/shortcuts-for-google/baohinapilmkigilbbbcccncoljkdpnd?hl=it) → Open google apps with a click

---

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g3hwbsrzow5mxpkq9xwg.png)
 
3 - [Video Speed Controller](https://chrome.google.com/webstore/detail/video-speed-controller/nffaoalbilbmmfgbnbgppjihopabppdk) → Allow you to control the speed of a video with shortcuts and to overcome the 2x speed

---

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d342nr5kloi9ul8c001b.png)
 
4 - [Code Line Daily](https://chrome.google.com/webstore/detail/code-line-daily/jfgojeolhopchbgfdgodicnaimmkbpbg?hl=it) → every day a line of code in your browser (HTML, CSS, and Javascript)

---

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ef6zp0yzkezsvkls2wg3.png)
 
5 - [Volume Manager](https://chrome.google.com/webstore/detail/volume-manager/abnhonfioiokelhdappjknfaannlncac?hl=it) → Manage the volume of a tab

---

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uibyp9q3elq4qz9zysyg.png)
 
6 - [VisBug](https://chrome.google.com/webstore/detail/visbug/cdockenadnadldjbbgcallicgledbeoc?hl=it) → Open source web design debug tools built with JavaScript: "a FireBug for designers".

---

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z277w3039by36qbkei4d.png)
 
7 - [Better-OneTab](https://chrome.google.com/webstore/detail/better-onetab/eookhngofldnbnidjlbkeecljkfpmfpg?hl=it) → Allow you to manage and save your tabs

---

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o1fbdubumznkr0dmn3b5.png)
 
8 - [Grammarly for chrome](https://chrome.google.com/webstore/detail/grammarly-for-chrome/kbfnbcaeplbcioakkpcpgfkobkghlhen?hl=it) → Correct my English 😀

---

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gab6gdvslooqdjhc2kh0.png)
 
9 - [Color Zilla](https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp?hl=it) → Pick up a color from any web page and copy the hex

Or:

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fxon66c8zc1qjv6vb6yg.png) 
 
9 - [Quick color picker](https://chrome.google.com/webstore/detail/quick-color-picker/medhnjegdfgmhpammlpfokdacikkdpjj?hl=it)

---

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bt9s19qblygdyj3new78.png)
 
10 - [What Font](https://chrome.google.com/webstore/detail/what-font-find-font/djgfpbegnihdgbngpmhjnlchgglngcdn?hl=it) → Check the font of any web page.

---

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e4ekcq0zb6ou0uq8310b.png)
 
11 - [Dimension](https://chrome.google.com/webstore/detail/dimensions/baocaagndhipibgklemoalmkljaimfdj) → Check the dimensions (in pixels) of elements / their distance

---

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2pv3g03yyw0hzr5k3m3n.png)
 
12 - [Lorem Ipsum Generator](https://chrome.google.com/webstore/detail/lorem-ipsum-generator-def/mcdcbjjoakogbcopinefncmkcamnfkdb?hl=it) → Generate lorem ipsum test quickly

---

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pbsjgmzrjn385icvoa80.png)
 
13 - [CSS viewer](https://chrome.google.com/webstore/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce?hl=it) → CSS property viewer

---

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l60ciw6x1tkwmr66yfue.png)
 
14 - [Window Resizer](https://chrome.google.com/webstore/search/window%20resizer?hl=it&_category=extensions) → Allow you to resize the web page (for responsive webpages)
Web Developer → Adds a toolbar button with various web developer tools.

---

15 - You can also install an Ad Blocker like [AdBlock](https://chrome.google.com/webstore/detail/adblock-%E2%80%94-best-ad-blocker/gighmmpiobklfepjocnamgkkbiglidom?hl=it) or [AdGuard](https://chrome.google.com/webstore/detail/adguard-adblocker/bgnkhhnnamicmpeenaelnjfhikgbkllg?hl=it)

---

Your extensions:

[JSON formatter](https://chrome.google.com/webstore/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa)

[Fonts ninja](https://chrome.google.com/webstore/detail/fonts-ninja/eljapbgkmlngdpckoiiibecpemleclhh) - Alternative to what font

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cf2vp2s5isijhgbk7m5u.png)
 
[Vinium](https://chrome.google.com/webstore/detail/vimium/dbepggeogbaibhgnhhndojpepiihcmeb)
--> The Hacker's Browser. Vimium provides keyboard shortcuts for navigation and control in the spirit of Vim.

+ I add this extension I just discovered:

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z7o2q30wk6k218paa4dj.png)
 
[Calculator](https://chrome.google.com/webstore/detail/calculator/lanchoggmnkmkehofmdonkbcdolfonmf/related?hl=en) - very useful when you have to use the calculator while staying in the same tab (open as a popup)

---

Hope this helps!

Comments your favorite chrome extensions!

> And remember the like! ❤

---

Recommended reading:

{% link https://dev.to/devlorenzo/the-ultimate-compilation-of-cheat-sheets-100-268g %}

---

## **[Subscribe to my Newsletter!](https://worldindev.ck.page)**
A loooong, and fun, weekly recap for you 
Free PDF version of my articles
Highly customizable inbox
That's --> free <-- and you help me!

---

Join us on [Discord](https://discord.gg/aWS2YKk6) to participate in hackathons with us / participate in our giveaways (we are offering a free Udemy course at 200 members)!

---

Linked article --> Check out this awesome list of [Firefox extension](https://link to my article) created by [Brandon Wallace] 🚀

{% link  https://dev.to/brandonwallace/top-firefox-extensions-for-developers-3l5j %}

Image by <a href="https://pixabay.com/users/geralt-9301/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=773217">Gerd Altmann</a> from <a href="https://pixabay.com/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=773217">Pixabay</a>