loading...
Cover image for My 12 Favorite Chrome Extensions as a Web Developer βš‘πŸš€

My 12 Favorite Chrome Extensions as a Web Developer βš‘πŸš€

otomer profile image Tomer Ovadia ・3 min read

The way to gain your expertise in web development can be done more quickly with the help of the following Chrome extensions ✌️


1. PixelZoomer

πŸ”— View on Chrome web store

Dimension and Size Checker

PixelZoomer takes a screenshot of the current website and provides various tools for pixel analysis. You can zoom into websites (up to 3200%), measure distances and pick colors with an eye dropper.

PixelZoomer

2. Colorblinding

Accessibility: colour-blind generating

πŸ”— View on Chrome web store

This extension simulates the website as a color vision impaired person would see.

Colorblinding

3. URI Splitter

Productivity

πŸ”— View on Chrome web store

Easily and quickly edit the URL/URI from the current page.

URI Splitter

4. dataslayer

Productivity

πŸ”— View on Chrome web store

Debug and test tag management (Google Tag Manager, DTM, Tealium) and analytics implementations.

dataslayer

5. Night Eye

Accessibility: Dark mode on any website

πŸ”— View on Chrome web store

Night Eye enables dark mode on any website using its proprietary algorithm, instead of inverting the colours like its competitors.

Night Eye

6. BrowserBuddy

Productivity // Developed by me :)

πŸ”— View on Chrome web store

BrowserBuddy lets you view all the data available about you when browse a page. The extracted information will include your browser details, supported features, page activity, device, screen sizes, storage, geolocation, ip and more!

BrowserBuddy

7. The Great Suspender

Productivity

πŸ”— View on Chrome web store

A lightweight extension to reduce Chrome's memory footprint. Perfect if you have a lot of tabs open at the same time. Tabs that have not been viewed after a configurable length of time will be automagically suspended in the background, freeing up the memory and CPU being consumed by that tab.

The Great Suspender

8. JSONView

Productivity

πŸ”— View on Chrome web store

Validate and view JSON documents

JSONView

9. Fonts Ninja

Font Identifier

πŸ”— View on Chrome web store

Speed up your design workflow! Identify fonts from any website, bookmark, try, and buy them.

Fonts Ninja

10. ColorZilla

Color Picker and Generator

πŸ”— View on Chrome web store

Advanced Eyedropper, Color Picker, Gradient Generator and other colourful goodies

ColorZilla

11. Momentum

Productivity

πŸ”— View on Chrome web store

Replace new tab page with a personal dashboard featuring to-do, weather, and inspiration.

Momentum

12. Checkbot

SEO, Web Speed & Security Tester

πŸ”— View on Chrome web store

Test SEO/speed/security of 100s of pages in a click! Check broken links, HTML/JavaScript/CSS, URL redirects, duplicate titles...

Checkbot


I hope you find this helpful as I am 😊
If you have any comments or suggestions to add, feel free to comment! πŸ’¬


If you liked this article...

Please click the ❀️ below so other people will see it on DEV.to :) ! πŸ‘€ Feel free to follow me on Github

Discussion

pic
Editor guide
Collapse
nimrodkra profile image
Nimrod Kramer

Hi Tomer, have you heard about daily.dev? We'd love to hear your thoughts on it. It's one of the most loved Chrome Extensions for web devs.

chrome.google.com/webstore/detail/...

Collapse
otomer profile image
Tomer Ovadia Author

To be honest I didn't, but it looks interesting I'll definitely give it a try :) !

Collapse
nimrodkra profile image
Nimrod Kramer

Thanks :)

Collapse
shriji profile image
Shriji
  1. Night Eye

isn't free! But checkout darkreader which is fully free!

Collapse
otomer profile image
Tomer Ovadia Author

Thanks sounds like great alternative

Collapse
shriji profile image
Shriji

Absolutely, I use it.

Collapse
metruzanca profile image
Samuele Zanca

Was not expecting an actual good list. Very nice. Going to try a few of these out.
Might I recommend trying out:

  • wappalyzer: which detects technologies used client and server side
  • dark reader (set to opt-in per website)
  • nightTab: a customizable start page, very handy for getting places and fast while looking sleek in the process. (I'm a contributor, a complete over haul is in the pipeline)
Collapse
otomer profile image
Tomer Ovadia Author

Thank u Samuele! Well I also agree about Wappalyzer, this is a great one, sorry I did not include it in the list but I wanted to focus on those extensions that I feel are more handy for everyday rather than using once in a while. As for the other two, definitely great additions! :)

Collapse
seanw profile image
Sean Wilson

Thanks Tomer for mentioning Checkbot (I'm the developer behind it). πŸ˜„ There's more information about Checkbot on the homepage (checkbot.io/) and the list of web best practices it tests for (checkbot.io/guide/). Let me know if you've got any questions.

Collapse
otomer profile image
Tomer Ovadia Author

Sure mate, was happy to mention it :) great work and thanks for the support

Collapse
thiscodeworks profile image
Mishka

And Save Code to save snippets that work for later!

Collapse
otomer profile image
Tomer Ovadia Author

That's a really nice one, thank you for sharing it Mishka :)

Collapse
paras594 profile image
Paras

quite helpful list...I like the checkbot extension to check website stats

Collapse
rizqyhi profile image
Rizqy Hidayat

For JSON previewing, I prefer JSON Viewer. I like its configurable and theme selections.
chrome.google.com/webstore/detail/...

Collapse
weakish profile image
Jang Rush

Hi, I'd like to translate this awesome list to Chinese. Can you give me the permission?

Collapse
otomer profile image
Tomer Ovadia Author

Hey Jang, thank you for showing this interest. Yes sure, but please do attach a link to the original article :)

Collapse
weakish profile image
Jang Rush

Oh, I forgot to mention that Chinese translation has been published at the end of October: nextfe.com/12-chrome-extensions/ There is a back link to this original article at the beginning of the translated text.

Collapse
amandeepmicro profile image
amandeepmicro

I would like you to check some of my recommendations and feel free to add some of them in your list.

πŸ“Œ Awesome Screenshot & Screen Recorder - As the name says it's really awesome, let's us record and capture browser screen. Although there is a limit for free users but I think most of the people use it for small tasks. Link - chrome.google.com/webstore/detail/...

πŸ“Œ Color by Fardos - Color Picker - Pick colors from websites, save colors & gradients, get matching shades and tints and create beautiful gradients. Link - chrome.google.com/webstore/detail/...

πŸ“Œ Volume Master - Control volume of any tab. Link - chrome.google.com/webstore/detail/...

πŸ“Œ Bookmark Sidebar - Adds a toggleable sidebar with all your bookmarks at the edge of your browser window. Link -chrome.google.com/webstore/detail/...

Hope you find them useful.πŸ‘

Collapse
ramitmittal profile image
Ramit Mittal

Hi Tomer,
This is a great list.
I would recommend checking out Quick Copy if you find yourself copy-pasting multiple items across browser tabs and such. I would love to hear your thoughts on it.

Collapse
d3sox profile image
Nico

Check out tabliss.io/ for a free alternative to Momentum

Collapse
otomer profile image
Tomer Ovadia Author

Thank you for sharing it Nico

Collapse
bsitruk profile image
Benjamin Sitruk

Some cool extensions and comments !
Thanks !

Collapse
robsonquaresma profile image
Robson Quaresma

Excellent! Thanks!