33 Chrome-Erweiterungen für Webdesigner und -entwickler

von Dieter Petereit25.09.2018

©unsplash

Laptop auf Schreibtisch

Googles Chrome-Browser hat nicht nur den Markt der Internetbesucher erobert. Auch Designer und Developer setzen auf den Seitenbetrachter aus Mountain View. Eben für jene unter euch habe ich Dutzende Chrome-Erweiterungen zusammengestellt, die euch die Arbeit erleichtern werden. Googles Chrome ist für Webentwickler auch und gerade in der Entwicklung die erste Wahl. Das hat sicherlich etwas mit Marktanteilen zu tun. Vor allem resultiert es indes aus der guten Performance und den großartigen DevTools, sowie der nahezu unüberschaubaren Flut an Erweiterungen, die den Funktionsumfang des Browsers erweitern und ihn so zu einem noch mächtigeren Werkzeug verwandeln. Im folgenden Beitrag findet ihr einen Haufen solcher Extensions. Gesammelt habe ich nicht nur reine Entwicklungstools, aber doch solche, die in besonderem Maße für Designer und Developer geeignet sind.

Chrome-Erweiterungen: Design-Tools
Developers Only
Inspiration und Information
Sonstige Helferlein

Chrome-Erweiterungen: Design-Tools

Prototyping im Browser gewinnt immer mehr an Beliebtheit. Dazu bedarf es allerdings entsprechender Tools, die für diesen Arbeitsort geeignet sind. Die folgenden Helferlein erleichtern so manche Alltagsaufgabe.

Dimensions

Vermessungshelfer für den Browser — Dimensions, Chrome-Extension für Webdesigner

Responsive Inspektor

„Responsive Inspector” überwacht deine Media-Queries — Anwendung der Extension "Responsive Inspector" im Browser

LivePage

LivePage 2.2.0 - Overview

Das Neuladen einer Website gehört zu den meist getätigten Aktionen. Hierbei werden Änderungen an HTML-, CSS- und JavaScript-Dateien vorgenommen, die anschließend im Browser getestet werden müssen. Die Erweiterung „LivePage“ erspart euch das ständige manuelle Neuladen. Denn immer, wenn eine eingebundene Ressource – also zum Beispiel eine CSS-Datei – auf dem Server geändert wurde, lädt die Erweiterung die Seite automatisch neu. Die Extension ist jedoch nicht kostenlos, sie kostetet 2,99 €. LivePage im Chrome Web Store

Hier gibt’s passende Hosting-Lösungen für dein Business.

Mehr erfahren

Text

Web Developer

Window Resizer

ColorZilla

Awesome Screenshot und Fireshot

Ein praktisches Werkzeug zur Erstellung von Screenshots — awesome

WhatFont

Eye Dropper

Web Developer Checklist

Gedankenstütze für Webentwickler. — Web Developer Checklist

Developers Only

Die Extensions dieser Kategorie sind von Entwicklern für Entwickler gemacht.

Disable Cookies

Nettes Helferlein in Zeiten der DSGVO — cookies

Githunt

Marmoset

Schicke Code-Präsentationen sind möglich

Inspiration und Information

Immer neue Ideen zu entwickeln, ist keine einfache Aufgabe. Erleichterung könnt ihr euch verschaffen, indem ihr einige schnelle Inspirations- und Informationsquellen zur Hand habt. Schneller als direkt im Browser kann es nicht sein.

Booom

Boom verbessert die UI von Dribbble. — booom

Exposure

Unsplash Instant

Formatfüllende Fotos in jedem neuen Tab. — See, Berge

Flickr Tab

Unterschrift: Bilder aus der Flickr-Community verschönern jeden neuen Tab — Eisberg

Panda

Muzli 2

Unterschrift: Branchennews im neuen Tab.

Color Tab

SiteSee

Sonstige Helferlein

Die folgenden Extensions sind nützlich, um den täglichen Umgang mit dem Browser zu erleichtern und zu beschleunigen. Sie richten sich nicht ausdrücklich oder gar ausschließlich an Entwickler, sind aber besonders für diese Zielgruppe interessant.

Check my Links

The Great Suspender

Diese Erweiterung schont euren Arbeitsspeicher

LastPass

Clear Cache

Downloads - Your Download Box

Schnell die Downloads checken, per Popdown

Imagus: Bilder vergrößern, ohne sie im Extra-Fenster zu öffnen

Strict Workflow

Die Extension zwingt euch zum Arbeiten — Statusmeldung, wenn Website geblockt wurde, die von der Arbeit ablenkt

Ich hoffe, ihr könnt die eine oder andere Extension für euch verwenden. Habt ihr Favoriten? Dann schreibt sie uns gerne in einem Kommentar.

Dieter Petereit

Dieter Petereit ist seit 1994 im Netz unterwegs, aber bereits seit über 30 Jahren in der IT daheim. Seit Anfang des neuen Jahrtausends schreibt er für diverse Medien, hauptsächlich über die Themenfelder Technik und Design. Seit einem halben Jahrzehnt ist er Chefredakteur des deutschen Designmagazin-Urgesteins Dr. Web, das im Jahre 2017 sein zwanzigjähriges Bestehen feierte.