15 Google Chrome Extensions For Web Designers And Developers

Posted on 07. Mar, 2010 by Ferman in Tools View Comments

Google Chrome is not a popular browser yet but still it’s growing fast and as a web developer or designer, you must be among the earliest to adopt new browser technologies. What help you a lot are extensions of browsers though Chrome does not offer many extensions but still there are lots of extensions, those can be very handy for designers and developers.

Here, we have compiled a list of 15 most useful Chrome extensions for web developers and designers. Don’t hesitate to try all of them and if you already have used any of it don’t forget to share your experience with us.

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

Speed Tracer Chrome Extension

2. Eye Dropper

Eye Dropper and Color Picker extension which allows you to pick color from any webpage or from advanced color picker.

Eye Dropper Chrome Extension

3. Firebug Lite

Firebug Lite is a tool for web developers, that allows you to edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

Firebug Lite Chrome Extension

4. Chrome SEO

The Google Chrome SEO Extension provides easy access to Search Engine Optimization Tools that can help you with Competitive Analysis, Keyword Research, Backlink Checks, PageRank Checks and other daily SEO tasks.

SEO Chrome Extension

5. Pendule

Pendule displays linked and embedded style sheets of the current page in a new tab.

Pendule Chrome Extension

6. Aviary Screen Capture

Take a screenshot of any webpage and edit it directly in your browser with Aviary.com applications. Plus convenient access to the Aviary website and tools.

Aviary Chrome Extension

7. Resolution Test

Resolution Test changes the size of the browser window for developers to preview their websites in different screen resolutions. It includes a list of commonly used resolutions as well as a custom option for you to input your own.

Resolution Chrome Extension

8. PlainClothes

This extension styles — or rather “unstyles” — the web. Just imagine: text is black, backgrounds are white, unread links are blue, visited links are purple, all links are underlined. Or any other colors you like.

PlainClothes Chrome Extension

9. Snippy

Snippy allows you to grab snippets of web pages, save them for future use and upload them to Google Docs.

Snippy Chrome Extension

10. FlashBlock

Flashblock is an extension for the Google Chrome that blocks all Flash content from loading. It then leaves placeholders on the webpage that allow you to click to download and then view the Flash content.

FlashBlock Chrome Extension

11. IE Tab

Use Internet Explorer to display web pages in a Chrome tab. Some sites can only be displayed using IE, and with this extension you can now see those sites without leaving Chrome.

IE Tab Chrome Extension

12. Validity

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

Validty Chrome Extension

13. BuiltWith Technology Profiler

BuiltWith is a web site profiler tool. Upon looking up a page, BuiltWith returns all the technologies it can find on the page.

Built With Chrome Extension

14. MeasureIt!

Draw out a ruler that will help you get the pixel width and height of any elements on a webpage.

measure-it-extensions

15. LastPass

LastPass is a free online password manager and Form Filler that makes your web browsing easier and more secure.

LastPass Chrome Extension

You might also like:

Related Posts:


Tags: , , , ,


Blueprint For A Successful Design BlogLogoBee – Leading Online Logo Design Company

Author : Ferman

About me? hmmmm Follow me Twitter: @pelfusion and ask directly :)

Like this post?
Share it!

  • 18530c39a2904cb58d7348245b510196
  • Share

  • SEO Site Tools is like "chrome seo" on steroids... it pulls metrics from everywhere including social media sources like facebook and digg. It also enhances common tools like GA, WMT, and YSE
  • I was using a few already on here and found some neat ones on here. Thanks for sharing! Checking out the chrome extension websites and testing each new extension is a lot of fun, lot of new stuff coming out all the time. Enjoyed the list.

    Josh
  • Wow, great finds. I really need to check out lastpass, looks very useful. Thaks for sharing!
  • Thanks for suggesting these handy and important extension as I prefer to use chrome I think these are the best to use ...
  • great list, have got 2 new and useful extensions thank you (SEO & Res Test)
  • This is Purrrrfect, thank you so much.
  • Great collection. Thanks
  • nice collection, having seo and optimization tools as part of the browser is always useful, but i find they conflict a lot. the extension HTML Validator is a little annoying, so I might give the one you mentioned a go!
  • Chrome can already do the firebug thing itself...

    [Paper] -> Developer -> Developer Tools

    -or-

    ctrl-shift-i

    no need to install an extension.
  • thanks for the tip :)
  • Great post. thanks for sharing.
    I use chrome intense recently and that's what I was looking for.
  • Have recently made Chrome my primary browser, so these are much appreciated! Thank you!
  • very useful... thanks.. =)
  • Nice list ferman
    Some are really important for web designers and developers , also its good to see SEO extension which you have listed here :) :)
    Thanks for the list
  • Mona Ditz
    Where is the plugin that stops Chrome from spying on you? As in sending information back to Google?
  • Vlad
    This is good one!!! =D
  • Medium Jones
    Nice list. Many useful plugins I wasn't aware of. Although Speed Tracer and Pendule are a bit redundant to Chrome's already polished advanced features.
  • George
    very useful chrome extensions. thanks for sharing.
blog comments powered by Disqus