30 awesome Google Chrome Extensions for Web Developers and Graphic Designers

Share

Google Chrome browser, which has been released in later part of 2008, has been getting support from lot of users since its early release. Though it was the product of the big brother Google, for the larger parts it couldn’t pose any threat to the market share of the good old Mozilla firefox browser. The Google Chrome was sleek, faster and is well designed. Though it possessed all this advantages, the reason it stayed behind Mozilla Firefox is largely due to the fact that Google Chrome doesn’t  have support for the wonderful and innovative Addons which Firefox has long been donning. But now the situation may change with the release of the new shiny Google Chrome Extensions. The new versions of Google Chrome support extensions and have bring about the new flavour to the browser.

The Web Developer and Designer community has long been preferring Firefox over Google Chrome for development due to the former’s excellent support for addons which help in Web Development and Graphic Design. Google Chrome too is now developing that craze among the Web Developers and Designers with some greatly designed extensions. Here is the list of 30 Google Chromes Extensions essential for WebDevelopers and Graphic Designers.

1.Firebug Lite

Firebug is the first extension that comes to mind when someone thinks of web development on browsers. Though there is no full-fledged Firebug for Google Chrome, the Firebug Lite Google Chrome extension brings the lite version of Firebug to your Google Chrome installation.

PS:Don’t install the other version of Firebug Lite extension that has been around from some time.This new version is officially supported.

2.Javascript Console

This extension provides a JavaScript console for Chrome. Allows you to do simple JS prototyping on any web page. Very handy for development

3.BuiltWith Technology Profiler

BuiltWith finds out what the website you are visiting is built with. Upon looking up a page, BuiltWith returns all the technologies it can find on the page which include widgets (snap preview), analytics (Google, Nielsen), frameworks (.NET, Java), publishing (WordPress, Blogger), advertising (DoubleClick, AdSense), CDNs (Amazon S3, Limelight), standards (XHTML,RSS), hosting software (Apache, IIS, CentOS, Debian). It helps developers, researchers and designers find out what technologies pages are using which may help them to decide what technologies to implement themselves.

4.Eye Dropper

All this extension does it to provide an Eye Dropper which enables you to pick color from any webpage or from advanced color picker. This comes very handy for UI Designers.

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

6.Lorem Ipsum Generator

Lorem Ipsum is the standard dummy text used on the prototypes. This extension generates the Lorem Ipsum for use in your webpages and prototypes.

7.Aviary Screen Capture

This quick screen capture extension is a must-have for Web Developers and designers alike! It will perform a screen capture of the visible portion of any webpage and then open the capture INSTANTLY in a basic image editor where you can do markup (draw arrows and rectangles), edit (crop, rotate and resize) and get the exact pixel colors of the image.

8.IE Tab and IE Tab Classic

Both these extensions do the same thing but to the perfection. They render the website you are viewing using the internal IE rendering engine. Helpful for Developers for debugging those nasty CSS errors committed by the IE deamon.

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.

10.Validity

Validity is a Google Chrome Extension that can be used to quickly validate your HTML documents from the address bar.Just click the icon in the address bar to validate the current document without leaving the page.The number of validation errors can be seen in the tool tip.

11.Ibrii

Ibrii allows users to snip every type of content found on the internet no matter if it is simple text, a photo, a video or even an embedded object, like streaming audio. It allows users to mix videos, text or photos from different pages into a single note and later share that note with friends.

12.Snippy

Snippy is an extension pretty much the same as Ibrii.It allows you to grab snippets of web pages and save them for future use.It captures the rich contents preserving formatting, so you can capture paragraphs, images, links and more.The major difference from Ibrii is that it supports saving the captured snippets in your own browser , so you can use it even while offline.

13.Copy Without Formatting

This extension provides various ways (customizable keyboard shortcut, floating button, or auto-copy) to copy your selection without any formatting.

14.jQuery Selectors

This extension can be used to apply a jQuery selector to any web pages. This is suitable for new jQuery users who want to learn jQuery selectors. Also useful for experienced Testers for fast testing of the elements.

15.Inline Code Finder

Inline Code Finder is a tool to traverse through all elements in a web page, and when it finds a HTML element with Inline Javascript Events, Inline Style or Javascript:links it will highlight them.Helpful in finding elements with inline code.

16.Library Detector

The Library Detector extension discovers which Javascript libraries are being utilized on webpages you visit and displays their icons in the address bar. Currently supports jQuery, jQuery UI, Dojo, Prototype, Scriptaculous, MooTools, Spry, YUI, Qooxdoo, Ext JS, base2, Google Closure, and Raphael.

17.SEOQuake

SeoQuake is an SEO extension (toolbar) for Google Chrome, it shows PageRank, Alexa and tons of SEO parameters, also works in SERP

18.PlainClothes

This extension styles the web.You can specify a style for all the webpages you visit and this automatically delivers those pages in your configured style.

19.Webpage Screenshot

This extension lets you save PNG image of any webpage.Even long pages are saved in one image file in just one click.Designers can choose to resize the window before capturing and save the screenshots.

20.Chrome Sniffer

This extension will help web developer to inspect web framework / CMS and javascript library running on current browsing website. An icon will appear on address bar indicates the detected framework.Currently, this extension can detect up to 45 popular CMS and javascript libraries.

21.MeasureIt

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

22.WOT

WOT’s safe browsing tool warns you about risky sites that can’t be trusted: Online shops that cheat customers; download sites that deliver malware; sites that send spam; and those with inappropriate content for kids.

23.Ultimate Chrome Flag

This extension displays country or region name, Google PageRank, Alexa Rank and WOT information for the websites you’re visiting.

24.Meta SEO Inspector

This extension is mainly aimed at web developers that need to verify the description tag of their site to follow the Webmasters’ Google Guidelines, SEO, or even to who is curious about page contents that are usually not visible, but can reveal interesting site properties.

25.Pendule

This extension bolster the inbuilt Developer Tools in Google Chrome browser by providing lots of extended developer tools. A compulsory extension for web developers.

26.Picnik Extension

The Picnik Extension for Chrome lets you easily edit the images you come across while browsing the web. With a click you can create a snapshot of your current web page and open it in Picnik for easy editing, annotation and sharing. You can do the same for all the image on the current page – just by picking the image from the dynamic hot list and then editing with Picnik.

27.Personalized Web

This extension enables you to personalize web pages on the fly.It can inject custom HTML, JavaScript and CSS to a given web page while it is being loaded by the browser. It can significantly decrease page load time by preventing the browser from loading and rendering unwanted parts of a web page.

28.Resolution Test

This is an extension for developers to test web pages in different screen resolutions, with an option to define your own resolutions.It is particularly useful for web designers and developers by helping them preview their layouts on different browser sizes.

29.Window Resizer

This is a similar extension to the Resolution Test extension in functionality.The different is that it supports different screen types- Desktop, Laptop/Notebook and Mobile.

30.View Selection Source

This extension enables you to view selection source in a resizable popup. Drag the bottom right corner to resize. Simple, but very useful for web developers.

Tags: addons, Firebug, Google, Google Chrome, Google Chrome Browser, Google Chrome Designer Extensions, Google Chrome Extensions, Google Chrome Resource, Google Chrome Web Developer Extensions, Graphic Designer Resources, Graphic Designer Tools, graphic designers, Web Designing, Web Developer Resources, Web Developer Tools, web developers, Web Developers Extensions, Web Development