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.
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.
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.
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.
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.
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.
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.
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.