Magazin für digitale Arbeit & Kultur
Design

Chrome Extensions für Webdesigner und Entwickler

admin
#chrome extensions

Chrome ist zwar mit Abstand der jüngste, aber mittlerweile ein ernstzunehender Browser unter den großen Top Five, zu denen sich auch Internet Explorer, Firefox, Opera und Safari gesellen. Chromes Erfolg liegt sicherlich zum Einen in der großzügigen Aktualisierungsfrequenz begründet, zum Anderen aber auch in den zahlreichen Extensions, die bereits für Googles Browser verfügbar sind. Diese machen ihn zudem besonders populär für Webdesigner und Developer, die dadurch direkt im Browser auf wichtige Tools zurückgreifen können.

Wir haben uns die breite Palette an verfügbaren Extensions ein wenig genauer angesehen und einige herausgepickt, die jedem Webdesigner bzw. Developer eine nützliche Stütze sein können. Es gibt inzwischen zahlreiche Erweiterungen des Chrome, die bei simplen Bildbearbeitungen, der Social Media Planung sowie Analysen behilflich sein können und damit den Browser in seiner Wichtigkeit als Arbeitsinstrument bestärken.

Pendule

Pendule ist ein Tool speziell für Webentwickler. Die Extension kann als Ergänzung zu den built-in Developer Tools verwendet werden, die man über das Tastaturkürzel STRG+SHIFT+I aufrufen kann.

Chrome Web Developer Tools

Das Hauptanliegen der Macher der Chrome Web Developer Tools ist das Schaffen eines Klons der bekannten “Web Developer Toolbar”, die Firefox Usern bekannt sein dürfte.

IE Tab

Die Extension IE Tab simuliert die Ansicht einer Webseite durch den Internet Explorer innerhalb des Chrome.

Window Resizer

Mit dem Window Resizer verändert man die Größe des Browserfensters, um so verschiedene Auflösungen testen zu können.

Xdebug Helper

Der Xdebug Helper spricht vorrangig PHP Entwickler an. “Debugging and profiling PHP code with Xdebug is very powerful, but enabling Xdebug by setting a cookie or adding POST/GET variables is unnecessary hard. This extension will help you to enable/disable debugging and profiling with a single click.”

MeasureIt!

MeasureIt! aktiviert ein Maßband im Browser, mit dem man Höhe und Breite einzelner Objekte auf Webseiten ermitteln kann.

Chrome Editor

Die Chrome Editor-Extension ist ein vollwertiger Editor direkt im Browser.

Aviary Screen Capture

Mit dem Aviary Screen Capture lassen sich Screenshots kompletter Webseiten erstellen und direkt im Browser bearbeiten.

Color Picker

Mit dem Color Picker lassen sich schnell und bequem die Hex- und RGB-Werte bestimmter Farben ermitteln.

Speed Tracer (by Google)

Der Speed Tracer von Google zeigt an, wo auf einer Webseite Zeit verschwendet wird.

Lorem Ipsum Generator

Der Lorem Ipsum Generator erzeugt schnell und bequem den oft benötigten Dummy-Text.

PlainClothes

Mit PlainClothes lassen sich Farben, Bilder und Typografie einer Webseite problemlos und nach eigenem Belieben editieren und verändern.

Turn off the lights

Turn off the lights schafft die richtige Atmosphäre, falls man sich nach getaner Arbeit mal ein Video anschauen will.

After the Deadline

After the Deadline findet Fehler in Tweets, E-Mails und Formularen und korrigiert diese.

Über den Autor
Kommentare

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>