8 Useful Chrome Extensions for Web Developers

Nowadays, most developers use Google Chrome as their primary browsers. Chrome is great because it offers a wide range of option for many extensions and tools which increase productivity and makes daily tasks less difficult. Below is a list of some of the most useful chrome extensions for web developers and even web designers too!

8 Useful Chrome Extensions for Web Developers

1) Web Developer

This extension is the official port of the Web Developer extension for Firefox. This lets you add a toolbar button with various developer tools on your browser.

web-developer_Useful Chrome Extensions for Web Developers
View the Extension

2) What Font

Every developer knows that the most traditional way of identifying a font on a web page is by using Firebug and Webkit Inspectors but What Font extension is a game-changer! This extension allows you to identify fonts on web pages in the easiest way possible. All you have to do to inspect web fonts is just to click the extension then start hovering on the text. Simple and time-saving, isn’t it?

It also detects the services used for serving the web fonts, Support Typekit and Google font API.

what-font_Useful Chrome Extensions for Web Developers
View the Extension

3) Nimbus Screenshot and Screencast

Need to QA a site or show a visual explanation to your client through a screenshot? Then this extension is what you’re looking for! Capture the web page – either a selected or the whole page, the browser window and even your desktop. You can then edit your screenshots in their very user-friendly interfaces or record screencasts.

Nimbus makes creating tutorials and QA so much easier because you no longer have to write down an explanation in text, just create a screenshot or screencast.

Nimbus _Useful Chrome Extensions for Web Developers
View the Extension

4) Page Ruler

The Page Ruler extension is most useful to web developers and designers when they want to measure the size or distance between elements on a web page The extension lets you draw or drag out a ruler on any page and displays the width, height and position of the element you’re measuring. It also displays a guide and has an “Element Mode” to outline elements on the page.

page-ruler_Useful Chrome Extensions for Web Developers
View the Exentension

5) ColorZilla

ColorZilla is an extension that assists web developers and graphic designers with color related tasks that are both basic and advanced especially with web pages. With ColorZilla, you can get a hex color code reading from any point in your browser. All you have to do is use the ColorZilla eyedropper to select any color, copy the hex code and paste it into another program like Photoshop or Illustrator.

The ColorZilla extension also includes a Color Picker, Eye Dropper, Gradient Generator and many additional advanced color tools.

ColorZilla _Useful Chrome Extensions for Web Developers
View in the Extension

6) Stylebot

Want to manipulate and experiment with the appearance of any site with custom CSS? Then Stylebot is the extension for you! It’s pretty simple to use but can save you a lot of time and hassle. All you have to do is install the Stylebot extension, activate it and then choose the element you want to manipulate. You’re not free to get creative and adjust style settings on the editor.

Stylebot_Useful Chrome Extensions for Web Developers
View the Extension

7) Wappalyzer

Have you ever visited a site and became curious about what CMS, framework and web server it runs on? Wappalyzer is the extension that offers you the answer to all of your questions! Similar to Ghostery, it lets you identify the software that has been installed on any website, the technology it uses and what platform it runs off.

wappalyzer _Useful Chrome Extensions for Web Developers
View the Extension

8) Lastpass

Manage and organize your passwords in one place using the Lastpass chrome extension. This is incredibly useful for developers working with multiple accounts. LastPass lets you save your passwords and gives you secure access from any computer or mobile devices. You just have to make sure you can remember the master password for your Lastpass vault. The rest of your credentials for every site you work on will be remembered by this powerful and handy extension.

lastpass_Useful Chrome Extensions for Web Developers
View the Extension

Kristine Bandojo

Kristine is a Web Developer at Project Assistant who specializes on front-end development. In her free time, she likes to do calligraphy, try sketching, surf the Internet and read blogs. She loves to eat Pringles too!