"Tekken 3 APK Download Best Android Fighting Game Free"
"Discuss with Us on Our Forums"
"30+ Short Love Poems For Her That Will Make Her Cry"

15 Google Chrome Extensions For Web Designers And Developers


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 Chrome extensions and addons, those can be very handy for designers and developers.

Here, we have compiled a list of 15 most useful and best Google 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.

1. Speed Tracer

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.

15. WhatFont

WhatFont allows you to inspect the fonts a web page uses with ease!

  • 15 Google Chrome Extensions For Web Designers And Developers
    [See the full post at: 15 Google Chrome Extensions For Web Designers And Developers]

  •  George

    very useful chrome extensions. thanks for sharing.

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

  •  Mona Ditz

    Where is the plugin that stops Chrome from spying on you? As in sending information back to Google?

  •  Sunil Jain

    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

  •  Danillo

    very useful… thanks.. =)

  •  Duane

    Have recently made Chrome my primary browser, so these are much appreciated! Thank you!

  •  Freddy Schwarz

    Great post. thanks for sharing.
    I use chrome intense recently and that’s what I was looking for.

  •  SeanJA

    Chrome can already do the firebug thing itself…

    [Paper] -> Developer -> Developer Tools



    no need to install an extension.

  •  Ferman

    thanks for the tip 🙂

  •  cchana

    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!

  •  SM

    Great collection. Thanks

  •  Shini

    This is Purrrrfect, thank you so much.

  •  Web Design Maidstone

    great list, have got 2 new and useful extensions thank you (SEO & Res Test)

  •  Name (required)

    Thanks for suggesting these handy and important extension as I prefer to use chrome I think these are the best to use …

  •  Vlad

    This is good one!!! =D

  •  inspirationfeed

    Wow, great finds. I really need to check out lastpass, looks very useful. Thaks for sharing!

  •  Joshua Dominguez

    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.



Reply To: 15 Google Chrome Extensions For Web Designers And Developers

<a href="" title="" rel="" target=""> <blockquote cite=""> <code> <pre> <em> <strong> <del datetime=""> <ul> <ol start=""> <li> <img src="" border="" alt="" height="" width="">