10 Must Have Google Chrome Extensions For Designers And Developers

August 26th, 2010 Posted in Various

Google Chrome is a fantastic web browser from Google itself. It is light, it is fast and it starts itself in split seconds. With the amount of development Google is doing at the back end, it’s no surprise that Google Chrome is becoming the favorite web browser of many people out there. And indeed, many now use it as their primary web browser. But is Chrome as good as good old Firefox for web designers and developers? Is Chrome also having those powerful web development add ons and extensions available? Well, yes. And here we have compiled the best 10 Must Have Google Chrome Extensions For Designers And Developers:

FireBug Lite

FireBug is an indispensable tool for all web developers and designers. I don’t know about you, but I can’t imagine to survive without FireBug even for a single day! For those who are not familiar with it, FireBug is a well known addon for Firefox web browser that helps web developers and designers to monitor and edit CSS/JS/HTML in real time on any web page. Now the addon is also available for Google Chrome in the name of FireBug Lite.

Speed Tracer

We all hate those pages that take forever to load and respond. Speed matters everywhere and there are not many tools available when it comes to checking your website’s speed and loading times. But Speed Tracer is a very nice addon available for Google Chrome that let’s you calculate and optimize your website loading and response times. Using Speed Tracer you are able to get a better picture of where time is being spent in your application.

Web Developer

This addon adds a very useful toolbar button to your Google Chrome web browser. It has all the functionalities that you would be needing on your tips as a web designer or developer. A real must have addon for everyone.

Resolution Test

As web developers and designers, this is always among one of our main concern that our website layout should look equally amazing on every possible screen resolution. Since not all of your customers could be having high end HD monitors, it is always advisable to check your website against all standard resolutions and see how it looks. This nifty addon saves your time by doing that for you.

IE Tab

And here comes the biggest annoyance remover. Internet Explorer, as we all know is the worst web browser out there which fail to render modern complex CSS codes and styles. Yet, it is a nightmare for all the web developers and designers that still, majority of people use IE as their standard web browser. And that requires web developers to test their application on IE before making it public. This addon removes the need of opening IE exclusively for testing and provides you with an IE tab right inside your existing browser. Sweet!

MeasureIt!

Being pixel perfect is every is in every designer’s blood. Good designers go insane over a single millimeter mis-alignment in their designs. This add on is for those perfection seeking designers and includes a ruler that will tell you pixel widh and height of any element on the web page.

Pendule

Pendule can be said as an all round and complete add on for Google Chrome. It offers many great functionalities that are much needed while developing and designing any website.

BuiltWith Technology Profiler

Ever came across a cool web service and wondered on which platform it may have been based? Well, this add on will make your day! BuiltWith is a web site profiler tool. Upon looking up a page, BuiltWith returns all the technologies it can find on the page. BuiltWith’s goal is to help developers, researchers and designers find out what technologies pages are using which may help them to decide what technologies to implement themselves.

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.

Eye Dropper

Colors are an integral part of each and every web design. Selection of a good color scheme may have a direct effect on the success of your web product. Eye Dropper and Color Picker extension which allows you to pick color from any webpage or from advanced color picker.

Author -

who has written 82 posts on [Re]Encoded.com.


Contact the author


One Response to “10 Must Have Google Chrome Extensions For Designers And Developers”

  1. Sergey Says:

    See also:

    PHP Console – Display PHP errors/debugs in Google Chrome console or by notification popups:
    https://chrome.google.com/extensions/detail/nfhmhhlpfleoednkpnnnkolmclajemef

    JavaScript Errors Notifier – Notify about JavaScript errors by icon in address bar:
    https://chrome.google.com/extensions/detail/jafmfknfnkoekkdocjiaipcnmkklaajd


Leave a Reply