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 is an open source extension which allows you to pick colors from web pages.
Creates a color palette from any image. Just right-click on the image and select the ‘Palette for Chrome’ option.
See all images shown or linked on a web page and download them.
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!
A fantastically simple on-screen ruler for lining up and measuring type, line height, strokes and just about anything on the web.
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.
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.
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.
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.
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.
Display pages using IE within Chrome. Supports ActiveX controls, Sharepoint, ICBC, alipay. Currently only available for Windows.
An extension for developers to test web pages in different screen resolutions, with an option to define your own resolutions.
Generate random corporate double-speak for use as filler text.
Creates random dummy text. You can set the amount of words per paragraph and the amount of paragraphs required.
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.
Using QrURL you can translate any literal URI to a QR code and then use it to share your site in the physical world.
Extended web developer tools for Chrome.
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.
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.
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.
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.
Quickly launch apps from your browser toolbar. Organize apps and extensions into groups and manage apps and extensions with ease.
With this extension you can save all your open tabs either to favorites or to the clipboard.
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.
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.
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.
This extension checks the availability of a domain name straight from your toolbar. A great time-saving tool for designers and developers.
Detects the theme or template being used on sites running on Joomla or WordPress.
Detect ad networks, affiliate networks and ad serving platforms run on websites.
Delete everything about a website – cookies, history, localstorage, sessionstorage… everything! Just click the icon and nobody will ever know you visited that website.