Hey there, How are you? In this article, you’ll see the 10 best Google Chrome extensions for developers these extensions will help a lot in coding and will raise your productivity.
We’re going to focus on Google Chrome, as it’s the most popular browser and the one that I use. However, a lot of these extensions are also on other browsers.
Daily Dev
The daily.dev is one of my favorite extensions. Every time you open a new tab, this extension will show you the most popular articles about programming and new technologies.
BlockSite
The BlockSite extension will block the websites that distract you.
Notion Web Clipper
In my opinion, Notion is the best productivity tool so if you are using it you should use this extension Notion Web Clipper with it you can save any page on the web to your Notion workspace.
Wappalyzer
Wappalyzer is a technology profiler that shows you what websites are built with. Find out what CMS a website is using, as well as any framework, e-commerce platform, JavaScript libraries, and many more.
Fonts Ninja
The Fonts Ninja extension rolls over any text to get the font name and CSS properties. The main extension window will also display a summary of all fonts used on a website.
Web Developer
The Web Developer extension for Chrome adds a little toolbar with different tools available. The Google extension web developers have a lot of handy tools a developer can use in their day-to-day work – for designers and programmers. It allows you to do a lot more than the standard Chrome Inspector, like being able to easily add outlines to elements just by clicking, displaying rulers, finding all broken images on a page, and lots more.
Image downloader - Imageye
With this Image Downloader you can find, browse and download all the images present on a web page.
Awesome Screenshot and Screen Recorder
The best screen recorder and screen capture & screenshot tool to record screen. Here are ten reasons to choose Awesome Screenshot and Screen Recorder.
- Provide stable service for more than 10 years
- Loved by more than 3 millions users across different platforms 👍
- Local Screen Recorder & Cloud Screen recorder 2 in 1
- Screenshot / Screen capture & Screen recorder 2 in 1
- Quick Customer support
- Powerful features special designed for work and educational scenarios
- No ads and respect your privacy
- Easy to use
- Instant sharing your screenshots and screen recordings
- Most importantly, your voice matters! 🗣 & Continuous improvements
Window Resizer
The Window Resizer extension re-sizes the browser's window to emulate various resolutions. It is particularly useful for web designers and developers by helping them test their layouts on different browser resolutions.
ColorPick Eyedropper
Features
- Eyedropper - get the color of any pixel or area on the page
- An advanced Color Picker similar to ones that can be found in Photoshop and Paint Shop Pro
- Webpage Color Analyzer - analyze DOM element colors on any Web page, locate corresponding elements
- Palette Viewer with 7 pre-installed palettes
- Color History of recently picked colors
Link: ColorZilla
Top comments (10)
This is a great collection! Thanks, Momen!
My pleasure ♥
Nice! Thanks.
I've also found Edit this Cookie really useful as well
I will add it the next time I update the article. Thanks !
The first one is great!
Thank You
Every single one of these extensions is also available for other browsers. Why make the article about Chrome?
Thank you for this note I will updated soon.
Love the Wappalyzer and ColorPick Eyedropper. I'm always curious about what something I come across in the wild consists of. Great post!
Thank you!