Drücke die Tasten ◄ ► für weitere Artikel  

15 Chrome-Extensions, die Webdesigner und Entwickler kennen sollten

Für den Google Chrome Browser gibt es eine Menge Erweiterungen, die nützliche Zusatzfunktionalitäten für die Arbeit mit Websites wie das Ausschneiden von Bildern oder das Überprüfen von Ladezeiten bieten. Smashingapps hat eine Liste von 15 besonders hilfreichen Chrome-Extensions für Webdesigner und Entwickler zusammen getragen. Wir stellen euch ein paar davon kurz vor.

15 Chrome-Extensions, die Webdesigner und Entwickler kennen sollten
Chrome-Extensions: Image Cropper

Tools für Bilder und Code

Google bringt standardmäßig schon einige Werkzeuge mit, die beim Entwickeln, Designen und Analysieren von Websites helfen. Wem das nicht ausreicht, der kann sich im Chrome Web Store Extensions für die gewünschte Zusatzfunktionalität herunterladen. Smashingapp listet in einem Artikel 15 nützliche Extensions auf, die den Weballtag von Designern und Entwicklern ungemein erleichtern können.

Dabei sind z.B. Erweiterungen wie Image Cropper, mit dem man unkompliziert Bildausschnitte erstellen und speichern kann. Speed Tracer visualisiert Ladezeiten aller einzelnen Elemente einer Webanwendung mit übersichtlichen Graphen und Diagrammen, sodass man Performance-Problemen besser auf die Schliche kommt.

Chrome-Extensions: Speed Tracer

Jsshell sorgt für ein kleines Kommandozeilenfenster um einfach jQuery und jLing Befehle abzusetzten.

Chrome-Extensions: Jsshell

Wer gern die Funktionalitäten der bekannten Web Developer Extension für Firefox als Chrome-Extension nutzen möchte, kann dafür auf Web Developer zurück greifen, das ebenfalls von Chris Pederick entwickelt wurde.

Chrome-Extensions: Web Developer

ColorPicker und Colour Tweaker erleichtern das Arbeiten mit Farbwerten, sodass man keine Farbwerte mehr schätzen oder z.B. selbst in Hex-Werte umrechnen muß.

Chrome-Extensions: Colour Tweaker

Google Similar Pages ist noch im Betastadium, aber auch jetzt kann man sich mit dieser Erweiterung Webseiten anzeigen lassen, die der aktuell angezeigten Seite ähnlich sind.

Chrome-Extensions: Google Similar Pages

Die komplette Liste mit 15 Google Chrome Extensions, die einen Blick wert sind, findet ihr im Smashingapp-Artikel.

Kennt ihr noch weitere gute Chrome-Extensions, die man sich als und Entwickler unbedingt mal anschauen sollte?

Weiterführende Links:

Bildnachweis für die Newsübersicht: aka shauser / flickr.com, Lizenz: CC-BY

166 Shares bis jetzt – Dankeschön!

Bewerten
VN:F [1.9.22_1171]
9 Antworten
  1. von Paul am 08.05.2012 (15:21Uhr)

    Anstatt der Jsshell kann man genauso gut auch die eingebaute JavaScript-Konsole verwenden (Strg + Umschalt + J)

  2. von Frank am 08.05.2012 (17:50Uhr)

    Da passt doch gut ein Fundstück aus meinen Favoriten: Awesome Chrome Extensions For Web Developers

  3. von Lars Ebert via facebook am 09.05.2012 (09:14Uhr)

    Also ich bleibe trotzdem - und wenn auch nur aus Gewohn- und Sturheit - bei Firefox :D

  4. von Pavel Lessa via facebook am 09.05.2012 (10:06Uhr)

    Firefox ist der neue IE ;)

  5. von Philipp Lategahn via facebook am 09.05.2012 (10:54Uhr)

    Flashbug, Firebug und co sind dennoch nicht ersetzbar.

  6. von Pavel Lessa via facebook am 09.05.2012 (11:14Uhr)

    Firebug nicht ersetzbar? Finde die Developer Tools von Chrome gut genug :)

  7. von Pavel Lessa via facebook am 09.05.2012 (11:18Uhr)

    ps, es heißt mitlerweile FlashFireBug hell yeah!

  8. von Shuttle: SSH-Tool für den Systemtray er… am 22.07.2013 (09:31Uhr)

    [...] 15 Chrome-Extensions, die Webdesigner und Entwickler kennen sollten – t3n News [...]

Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema Browser
Chrome: So kaufen Firmen bestehende Erweiterungen und verseuchen sie mit Adware
Chrome: So kaufen Firmen bestehende Erweiterungen und verseuchen sie mit Adware

Entwickler kaufen regelmäßig bestehende Chrome-Erweiterungen mit großer Nutzerbasis und versehen sie mit Ad- oder Malware. Automatische Updates bringen die schadhaften Änderungen direkt in... » weiterlesen

Chrome: Google Now endlich auch auf dem Desktop
Chrome: Google Now endlich auch auf dem Desktop

Google Now gibt es jetzt auch für den Desktop. Zumindest, wenn ihr die Beta des Chrome-Browsers nutzt. » weiterlesen

Responsive Webdesign: Browserunterstützung und Tools [t3n-Video-Workshop]
Responsive Webdesign: Browserunterstützung und Tools [t3n-Video-Workshop]

Heute führen wir auf t3n.de die Video-Serie weiter, in der wir euch in Zusammenarbeit mit Galileo Press Video-Workshops zu verschiedenen Themen für Webentwickler und Digitalarbeiter präsentieren... ... » weiterlesen

Kennst Du schon unser t3n Magazin?

t3n 35 jetzt kostenfrei probelesen! Alle Inhalte des t3n Magazins Diesen Hinweis verbergen