33 Chrome-Erweiterungen für Webdesigner und -entwickler

  1. Chrome-Erweiterungen: Design-Tools
    1. Dimensions
    2. Responsive Inspektor
    3. LivePage
    4. Text
    5. Web Developer
    6. Window Resizer
    7. ColorZilla
    8. Awesome Screenshot und Fireshot
    9. WhatFont
    10. Eye Dropper
    11. Web Developer Checklist
  2. Developers Only
    1. Disable Cookies
    2. Githunt
    3. Marmoset
  3. Inspiration und Information
    1. Booom
    2. Exposure
    3. Unsplash Instant
    4. Flickr Tab
    5. Panda
    6. Muzli 2
    7. Color Tab
    8. SiteSee
  4. Sonstige Helferlein
    1. Check my Links
    2. The Great Suspender
    3. LastPass
    4. Clear Cache
    5. Downloads - Your Download Box
    6. Imagus: Bilder vergrößern, ohne sie im Extra-Fenster zu öffnen
    7. Strict Workflow

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

Mit der Wiedergabe dieses Videos werden Daten an Youtube übertragen.

Hinweise dazu erhalten Sie in der Datenschutzerklärung.

Inhalte von Youtube laden

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

Text

Mit dieser Erweiterung nutzt ihr den Chrome-Browser als Text-Editor
Text Extension für HTML-Datei

Web Developer

Web Developer ist ein Urgestein und Must-Have für Entwickler
Web Developer

Window Resizer

Der Window Resizer ist auf eine einzige Aufgabe fokussiert.
duckduckgo

ColorZilla

ColorZilla zeigt euch, welche Farben auf einer Website eingesetzt werden.
colorzilla

Awesome Screenshot und Fireshot

Ein praktisches Werkzeug zur Erstellung von Screenshots
awesome

WhatFont

WhatFont sagt euch, welche Schriftarten eine Website verwendet.
whatfont

Eye Dropper

Eye Dropper zeigt dir die Farben einer Website an.
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

Githunt zeigt euch, was auf GitHub gerade angesagt ist
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

Exposure zeigt inspirierende Fotos in jedem neuen Tab.
Landschaft

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

Panda bereitet die wichtigsten Designer- und Entwickler Quellen gebündelt und in ansprechender Optik auf.

Muzli 2

Unterschrift: Branchennews im neuen Tab.

Color Tab

Farbinspiration für Designer.

SiteSee

Schöne Sites im formatfüllenden Grid.

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.

Tote Links schnell ausfindig gemacht

The Great Suspender

Diese Erweiterung schont euren Arbeitsspeicher

LastPass

Die Browser-Erweiterung von LastPass ist für Nutzer des gleichnamigen Managers äußerst hilfreich

Clear Cache

Mit einem Klick ist alles weg

Downloads - Your Download Box

Schnell die Downloads checken, per Popdown

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

Vergrößert Bilder on Hover.

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.

Ähnliche Artikel:

Kommentar hinzufügen

    Weitere Informationen zum Datenschutz findest du hier.