30 Essential Google Chrome Extensions for Web Designers and Developers

Google Chrome was fully introduced in December 2008, and as of February 2013, Chrome has a 37% worldwide usage share of web browsers, making it the most widely used web browser in the world, and with those kind of statistics, it is no wonder there are thousands of extensions available for Chrome. Here we have collected some of the most useful and essential google chrome extensions available for web designers and developers.

Essential Google Chrome Extensions for Web Designers and Developers

Eye Dropper

Eye Dropper is an open source extension which allows you to pick colors from web pages.

Eye Dropper

Palette for Chrome

Creates a color palette from any image. Just right-click on the image and select the ‘Palette for Chrome’ option.

Palette for Chrome

Image Downloader

See all images shown or linked on a web page and download them.

Image Downloader

TinEye Reverse Image Search

Find out where an image came from, how it’s used, or find higher resolution versions. This is an excellent extension for either finding out if you can legally use an image, or seeing where your images are being published. This example is the image of one of my gradient sets, I knew it was popular, but was surprised by the return of 125 matches!

TinEye Reverse Image Search

ruul. Screen Ruler

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

ruul. Screen Ruler

Tape

Tape is a tool for pixel-perfect website development. It lets you put down guides and helps you easily measure positions and sizes of elements.

Tape

WhatFont

The easiest way to identify fonts on web pages. You can identify web fonts by just hovering on them. It also detects the services used for serving the web fonts. Supports Typekit and Google Font API.

WhatFont

Screen Capture

Capture the visible content of a tab, a region of a web page or the whole page as a .png image. You can also edit your captured image before saving, sharing, copying or sending it.

Screen Capture

Stylebot

Stylebot allows you to quickly manipulate the appearance of any website. You pick an element and choose any changes you want to make from the editor. You can change the font size, color, margins, visibility and more. Advanced users can also write the CSS manually.

Stylebot

Pixlr Editor

Pixlr presents a full featured photo editor direct in your browser, no download, no waiting and 100% free. This editor contains a lot of features that you normally see in desktop applications, including red eye reduction, spot heal tool, drawing tools, clone tools, sharpen and blur tools and many more.

Pixlr Editor

IE Tab

Display pages using IE within Chrome. Supports ActiveX controls, Sharepoint, ICBC, alipay. Currently only available for Windows.

IE Tab

Resolution Test

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

Resolution Test

Corporate Ipsum

Generate random corporate double-speak for use as filler text.

Corporate Ipsum

Lorem Ipsum Generator

Creates random dummy text. You can set the amount of words per paragraph and the amount of paragraphs required.

Lorem Ipsum Generator

Web Developer

The Web Developer extension adds a toolbar button to the browser with various web developer tools. This is the official port of the Web Developer extension for Firefox.

Web Developer

QrURL

Using QrURL you can translate any literal URI to a QR code and then use it to share your site in the physical world.

QrURL

Pendule

Extended web developer tools for Chrome.

Pendule

HTML Validator

HTML Validator is an extension to validate the HTML code of the current web page. You can choose to get the validation results directly inline in the current web page or open them in a new tab with the W3C validator results.

HTML Validator

Check My Links

Check My Links is a link checker that crawls through any webpage and looks for broken links. Ideal if you want to update older blog posts.

Check My Links

BuiltWith Technology Profiler

This extension lets you find out what a website is built with. It returns all the technologies it can find on a page with the goal of helping developers to decide what technologies to implement themselves.

BuiltWith Technology Profiler

Quickrr Productivity Kit

An all-in-one tool for your online productivity needs. Applications are: Tranlator, Dictionary, Calculator, Tasks To-Do, Notepad, Calendar, World Clock, Unit Converter, Currency Converter, Stopwatch & Timer, Search Tools.

Quickrr Productivity Kit

AppJump App Launcher and Organizer

Quickly launch apps from your browser toolbar. Organize apps and extensions into groups and manage apps and extensions with ease.

AppJump App Launcher and Organizer

Save my Tabs

With this extension you can save all your open tabs either to favorites or to the clipboard.

Save my Tabs

Alexa Traffic Rank

The Alexa extension accompanies you as you surf, providing you with Alexa data about the sites yo visit without interrupting your browsing. Get quick and easy access to a site’s Alexa Traffic Rank and sites linking in.

Alexa Traffic Rank

SEO for Chrome

SEO for Chrome provides SEO stats and tools that make your daily SEO tasks easier. Provides easy access to search engine optimization tools that can help you with competitive analysis, keyword research, backlink checks, pagerank checks and other more.

SEO for Chrome

WordPress Stats

Get the daily statistics of your blog in your Chrome browser. See the referrers, top posts, search term and clicks of your blog without the need to login to your blog dashboard.

WordPress Stats

Domain Availability Checker

This extension checks the availability of a domain name straight from your toolbar. A great time-saving tool for designers and developers.

Domain Availability Checker

Theme Sniffer

Detects the theme or template being used on sites running on Joomla or WordPress.

Theme Sniffer

Ad Sniffer

Detect ad networks, affiliate networks and ad serving platforms run on websites.

Ad Sniffer

Forget Me

Delete everything about a website – cookies, history, localstorage, sessionstorage… everything! Just click the icon and nobody will ever know you visited that website.

Forget Me
Advertisement