9 Extensões para Web Designers no Google Chrome

Compared to the other major web browsers, Google Chrome is still relatively new. However, it’s popularity continues to grow rapidly. Here on WDL, Chrome is the second most used browser by our readers, right behind Firefox. With that in mind, and considering that most of you are web designers or in a related field, we thought it would be a good idea to show you some extensions for Chrome that you might find useful.

Web Developer

chrome extensions

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

BuiltWith

chrome extensions

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.

Eye Dropper

chrome extensions

Eye Dropper is extension for Google Chrome and Chromium. It allows you to pick color from any webpage or from advanced color picker. It is great tool for web developers.

MeasureIt!

chrome extensions

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

Window Resizer

chrome extensions

This extension resizes the browser’s window in order to emulate various resolutions. It is particularly useful for web designers and developers by helping them test their layouts on different browser resolutions.

csscan

chrome extensions

Inspired by the Firefox Extension CSSViewer, this Chrome extension allows you to easily scan an element’s basic CSS properties without having to delve into the inspector window.

MultiSwitch

chrome extensions

Whenever you have the need to simply switch between development, test and productive hosts you should use MultiSwitch.

Speed Tracer

chrome extensions

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.

Awesome Screenshot

chrome extensions

Awesome Screenshot lets you capture the whole page or any portion, annotate it with rectangles, circles, arrows, lines and text, blur sensitive info, one-click upload to share. Support PNG and shortcuts.

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s