30 Best Google Chrome Extensions for Web Developers & Designers

84 Flares 84 Flares ×

Before I used Google Chrome as my primary web browser, I’m so comfortable with Firefox because There are thousands of cool add-ons available for Firefox. But since Mozilla released the final version of Firefox 4, I think the new version of Firefox was buggy, and had multiple memory leaks. And after that, I have stopped using Firefox and I have start using Google chrome until now.

The number of  Google Chrome extensions in the Chrome web store is growing day by day. If you are a web designer/developer or both,  Google Chrome has some cool extensions which make the job of website designers more faster, more easier and save time.

In this post, I made a list of what Google Chrome extensions you must have as a designers and developers. The following list includes the best 30 Google Chrome extensions that are actually worth a try. I hope you like my post and don’t forget to share or tweet my post if you find them useful :) .

300X250 BANNER 1

You Might Also Like:

1. Firebug Lite

Must have Google Chrome extensions, Firebug Lite for Google Chrome.

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

2. SEO Site Tools

On-Page / External metrics, Social Media info, PR / numbering on Yahoo, Bing, Google SERPs.Extends WMT, YSE and GA with metrics3.

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

3. StayFocusd

StayFocusd is a productivity extension for Google Chrome that helps you stay focused on work by restricting the amount of time you can spend on time-wasting websites.

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

4. WordPress Stats

WordPress Stats for chrome provides you the referrers, top posts, search term and clicks of your blog without the need to login your blog dashboard.

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

5. Resolution Test

An extension for developers to test web pages in different screen resolutions, with an option to define your own resolutions.

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

6. WhatFont

The easiest way to identify fonts on web pages.

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

7. Web Developer

 Adds a toolbar button with various web developer tools. The official port of the Web Developer extension for Firefox.

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

8. ScribeFire

An easy-to-use blog editor lets you post to all of your blogs.

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

9. Speed Tracer

Speed Tracer is a tool to help you identify and fix performance problems in your web applications. It visualizes metrics that are taken from low level instrumentation points inside of the browser and analyzes them as your application runs.

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

10. Screen Capture

appthemes vantage money 300x250

Capture visible content of a tab, a region of a web page, or the whole page as a PNG image. Support horizontal and vertical scroll when capturing whole page, with an all new autosave capability.

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

11. PageRank Status

Shows Google PageRank and AlexaRank of current web page, quick access to Geo IP Location, Whois, Alexa, backlinks and indexed pages.

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

12. Lorem Ipsum Generator

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

13. Pendule

Web developer tools for Chrome.

  • View CSS (and beautify it!)
  • Reload CSS
  • Disable all styles
  • View JavaScript (and beautify it!)
  • View generated source (syntax highlighted code appears in a newtab)
  • Display ruler
  • Display color picker
  • Remove cookies from current site
  • Resize your browser to various sizes
  • Etc….
Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

14. Google Font Previewer

Lets you choose a font from the Google Font directory with a few text styling options, and preview them on the current tab.

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

15. iScribe Tools

Writer, Paint Board, Code Editor, Code Tidy ( Javascrit / HTML), Code Converter, Offline HTML Tools, Etc..

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

16 . Proxy Switchy!

 Proxy Switchy! is an advanced proxy manager for Google Chrome, it allows users to manage and switch between multiple proxy profiles quickly and easily.

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

17. jQuery API Browser

 Quickly browse through jQuery API documentation with autocomplete search.

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

18. JSONView

JSONView is an extension that helps you to parse and view JSON documents

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

19. Scraper

 Scraper is a simple data mining extension for Google Chrome™ that is useful for online research when you need to quickly analyze data in spreadsheet form.

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

20. IE Tab Multi (Enhance)

MultiTab type IE inside Chrome. This is the neatest one among other IE extensions.

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

21. REST Console

‘REST Console’ is a REST Client for Google Chrome to visualize and construct custom HTTP requests to test with any web service.

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

22. Html5 Snippet

[ads-3]

html5 / js / css playground & snippet sharing platform

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

23. Guides

Keep your elements in line with Guides! Check distances, alignments and more to make sure your websites are pixel-perfect.

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

24. Stylebot

Stylebot allows you to quickly create and apply custom CSS to websites.

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

25. Validity

Validity can be used to quickly validate your HTML documents from the address bar.

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

26. PHP Console

 Display PHP errors/debugs in Google Chrome console or by notification popups

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

27. iMacros for Chrome

 Automate your web browser. Record and replay repetitious work

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

28. HTML5 Pointers!

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

29. META SEO inspector

 Useful to inspect the meta data found inside web pages, usually not visible while browsing.

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

30. ruul

A fantastically simple on-screen ruler for lining up and measuring type, line height, strokes and just about anything on the web.

Google Chrome Extensions For Web Developer and Designer

Google Chrome Extensions For Web Developer and Designer

4 comments

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

84 Flares Twitter 42 Facebook 4 StumbleUpon 1 Pin It Share 0 Google+ 37 84 Flares ×