There are a ton of different Chrome extensions out there, and it can be tough to know which ones are worth your time.
If you’re a developer, though, you will likely already have a collection of favourite Chrome extensions you use on a daily basis. Extensions that make life easier, make you more productive or perform an essential task better than a dedicated tool. This list may build on that collection, there are a few more extensions that you should definitely check out. Here are seven of the best:
daily.dev is the fastest growing online community for developers to stay updated on the best developer news. Get all the content you love in one place collected from +400 sources.
The Web Developer extension adds a toolbar button to the browser with various web developer tools. This is the official port of the Web Developer extension for Firefox.
Goto Web Developer
This extension re-sizes the browser’s window in order to emulate various resolutions. It is particularly useful for web designers and developers by helping them test their layouts on different browser resolutions.
The resolutions list is completely customizable (add/delete/re-order).
You can set the window’s width/height, window’s position, preset icon (phone, tablet, laptop, desktop) and even the option to apply the new dimensions to the entire window or just to the viewport.
The extension also features customizable global key shortcuts, an option to export your settings and import them on another computer and more!
Goto Window Resizer
Wappalyzer is a technology profiler that shows you what websites are built with.
Wappalyzer is more than a CMS detector or framework detector: it uncovers more than a thousand technologies in dozens of categories such as programming languages, analytics, marketing tools, payment processors, CRM, CDN and others.
A zoomed eyedropper & color chooser tool that allows you to select color values from webpages and more.
If you’re looking for a quick and easy to use color eye dropper with zoomed drag-able preview for fine tuning you’ve come to the right place.
A tool for designers to measure screen dimensions
This extension measures the dimensions from your mouse pointer up/down and left/right until it hits a border. So if you want to measure distances between elements on a website this is perfect.
Measure between the following elements: images, input-fields, buttons, videos, gifs, text, icons. You can measure everything you see in the browser.
Your designer handed you mockups as PNGs or JPEGs? Just drop them into Chrome, activate Dimensions and start measuring.
A simple CSS property viewer.
CSSViewer is a simple CSS properties viewer originally made by Nicolas Huon as a FireFox add-on (2006-2008).
8. Askify [BONUS]
📒Watch video and take notes with ease.
🧑🎓Reduce distraction and increase active learning
Specially recommended for anyone building a knowledge management system (researchers, content creators, students).
Take Notes and screenshot from YouTube, Udemy wiki and every website in just One Click.
There you have it! The top 8 Chrome extensions that every developer loves. These extensions are essential for any developer looking to improve their workflow and efficiency. Be sure to comment and share it with your developer friends to help them out!