The way to gain your expertise in web development can be done more quickly with the help of the following Chrome extensions βοΈ
1. PixelZoomer
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.
2. Colorblinding
Accessibility: colour-blind generating
This extension simulates the website as a color vision impaired person would see.
3. URI Splitter
Productivity
Easily and quickly edit the URL/URI from the current page.
4. dataslayer
Productivity
Debug and test tag management (Google Tag Manager, DTM, Tealium) and analytics implementations.
5. Night Eye
Accessibility: Dark mode on any website
Night Eye enables dark mode on any website using its proprietary algorithm, instead of inverting the colours like its competitors.
6. BrowserBuddy
Productivity // Developed by me :)
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!
7. The Great Suspender
Productivity
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.
8. JSONView
Productivity
Validate and view JSON documents
9. Fonts Ninja
Font Identifier
Speed up your design workflow! Identify fonts from any website, bookmark, try, and buy them.
10. ColorZilla
Color Picker and Generator
Advanced Eyedropper, Color Picker, Gradient Generator and other colourful goodies
11. Momentum
Productivity
Replace new tab page with a personal dashboard featuring to-do, weather, and inspiration.
12. Checkbot
SEO, Web Speed & Security Tester
Test SEO/speed/security of 100s of pages in a click! Check broken links, HTML/JavaScript/CSS, URL redirects, duplicate titles...
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
Top comments (22)
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/...
To be honest I didn't, but it looks interesting I'll definitely give it a try :) !
Thanks :)
isn't free! But checkout darkreader which is fully free!
Thanks sounds like great alternative
Absolutely, I use it.
Was not expecting an actual good list. Very nice. Going to try a few of these out.
Might I recommend trying out:
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! :)
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.
Sure mate, was happy to mention it :) great work and thanks for the support
And Save Code to save snippets that work for later!
That's a really nice one, thank you for sharing it Mishka :)
For JSON previewing, I prefer JSON Viewer. I like its configurable and theme selections.
chrome.google.com/webstore/detail/...
quite helpful list...I like the checkbot extension to check website stats
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.π
Hi, I'd like to translate this awesome list to Chinese. Can you give me the permission?
Hey Jang, thank you for showing this interest. Yes sure, but please do attach a link to the original article :)
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.
Check out tabliss.io/ for a free alternative to Momentum
Thank you for sharing it Nico
Some comments may only be visible to logged-in visitors. Sign in to view all comments.