Top Google Chrome Browser Extensions for Designers and Developers

Services: Law Firm Website Design . SEO . Internet Marketing . Law Firm Marketing Guide . Content Marketing . PPC

Leveraging browser extensions can really speed up your productivity as a designer and developer. Google Chrome has a healthy extension community with tons of extensions to choose from. While on one hand this can be great, on the other hand it can also be tough to find extensions that work best etc. I’ve compiled a list of my favorite extensions that I find myself using everyday as a developer and designer. 

Visual Inspector


This is one of my favorite chrome extensions out right now. Visual Inspector allows you to make design changes to live web pages without actually messing with the live website’s code. You are able to inspect design properties–everything from positioning to styling–and modify them accordingly. In addition, you can measure the distance between elements and make design and text changes without having to dig into the code. This is helpful for design reviews and saves time when trying to get a quick idea of how something should look.


This extension is specifically for measuring between images, form input-fields, buttons, videos, gifs, text, and icons. You can essentially measure everything you see in the browser. In addition, it includes a few keyboard shortcuts that allow you to quickly enable the extension and also be able to measure the dimensions of a elements connected area. 

Window Resizer


This handy extension pretty much does exactly what it’s called. It allows you to re-size browser window in order to emulate various different resolutions. It helps you to easily test layouts at certain resolutions, which you can completely customize. In addition, the extension supports customizable shortcuts and an option to export your settings and then import them on another computer.

Fontface Ninja

I recently came across this extension that allows you to inspect, try, buy and bookmark any fonts on any website you come across. Once you have the extension installed, you can find the names of a particular font by just hovering over it. In addition, you can also see the size, letter spacing, line height and color, which I found pretty convenient.

Hopefully you find at least one of these extensions helpful.


Related Posts

Ready to Take Your Website to the Next Level? Great Ideas & Results Only a Phone Call Away

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Let's get started.

Leave a Reply

Your email address will not be published.