Listicle

35 praktische Chrome-Erweiterungen für Designer und Entwickler

Hier gibt es einige Dutzend Werkzeuge für Webdesigner und Webentwickler. (Foto: Pixabay)

Lesezeit: 12 Min. Gerade keine Zeit? Jetzt speichern und später lesen

Googles Chrome-Browser steht auch bei Designern und Entwicklern hoch im Kurs. Eben für jene unter euch haben wir 35 Chrome-Erweiterungen zusammengestellt, die euch die Arbeit erleichtern werden. 

Googles Chrome ist für die meisten Webentwickler vor allem auch in der Entwicklung die erste Wahl. Das hat sicherlich teilweise etwas mit Marktanteilen zu tun, liegt aber auch an 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 machen. Im folgenden Beitrag findet ihr einen Haufen solcher Chrome-Erweiterungen. Dabei haben wir uns auf jene fokussiert, die nicht nur, aber doch immer besonders für Designer und Developer geeignet sind.

Chrome-Erweiterungen: Kategorie Design-Tools

Prototyping im Browser ist stark im Kommen. Klar, dass man dann auch einen Haufen weiterer Tools direkt im Browser nutzen möchte. Die folgenden Helferlein erleichtern so manchen Alltags-Task.

Page Ruler und Dimensions

„Page Ruler“ vermisst eure Webseiten. (Screenshot: t3n)

„Page Ruler“ vermisst eure Webseiten. (Screenshot: t3n)

„Page Ruler“ von Peter Newnham ist eine Extension, mit deren Hilfe du eine Website im Browser vermessen kannst. Markiere ein Element und du erhältst dessen Breite und Höhe sowie die Abstände zu den vier Rändern des Browserfensters. Besonders praktisch ist, dass du das Tool mit dem Shortcut ALT+P ein- und ausblenden kannst. So ist es schnell bei der Hand und schnell wieder weg.

Fast fertig!

Bitte klicke auf den Link in der Bestätigungsmail, um deine Anmeldung abzuschließen.

Du willst noch weitere Infos zum Newsletter? Jetzt mehr erfahren

Obwohl „Page Ruler“ seit zwei Jahren kein Update mehr gesehen hat, läuft es im aktuellen Chrome einwandfrei und versieht seinen Dienst tadellos.

Page Ruler
Preis: Kostenlos

Eine Alternative ist die Erweiterung „Dimensions“. Diese misst von alleine die Abstände zwischen benachbarten Elementen. Dazu platziert ihr den Mauszeiger einfach zwischen die jeweiligen Elemente. Zwei Linien zeigen an, welcher Abstand gemessen wird, nämlich jeweils der vertikale und horizontale Abstand zu benachbarten Elementen.

Dimensions
Preis: Kostenlos

Responsive Inspektor

Responsive-Inspector-chrome

„Responsive Inspector“ überwacht deine Media-Queries. (Bild: Google)

Der „Responsive Inspector“ verspricht, die Arbeit mit Media-Queries zum Kinderspiel zu machen. So zeigt das Tool, welche Media-Queries im Dokument vorhanden sind, es kann den Browser auf die Einstellungen der jeweiligen Media-Query bringen und die genaue Position der Query im Stylesheet anzeigen. Darüber hinaus erstellt das Plugin einen Screenshot der kompletten Seite in den Dimensionen der jeweiligen Media-Query.

Responsive Inspector
Preis: Kostenlos

LivePage

Das Neuladen einer Website gehört wohl zu den am häufigsten getätigten Aktionen. Da 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.

„Live Page” kostet 5,99 Euro einmalig. Unser WP-Appbox-Plugin, das wir für die Darstellung der Store-Informationen einsetzen, zeigt leider fälschlicherweise an, es sei kostenlos.

LivePage
Preis: Kostenlos

Text

chrome-text

Mit dieser Erweiterung schreibt ihr direkt in eurem Chrome-Browser. (Bild: Google)

„Text“ ist ein simpler Text-Editor für Chrome und selbstredend Chrome OS. Man kann mehrere Dokumente gleichzeitig geöffnet haben, verfügt über Syntax-Highlighting und synchronisiert seine Daten mit Google Drive. Wer auf der Suche nach einem Text-Editor mit Markdown-Support ist, sollte sich „Textdown“ näher ansehen.

Text
Preis: Kostenlos

Web Developer

„Web Developer” ist der Bolide unter den Chrome-Erweiterungen. (Screenshot: t3n)

„Web Developer“ ist der Bolide unter den Chrome-Erweiterungen. (Screenshot: t3n)

Die Extension „Web Developer“ von Chris Pederick ist ein Urgestein im Markt der Browsererweiterungen und seit vielen Jahren vor allem Nutzern des Firefox unverzichtbar geworden. Seit einiger Zeit bietet Chris die Extension auch für den Chrome-Browser an. Tatsächlich ist Web Developer die wohl umfangreichste Tool-Sammlung für Designer und Developer, die am Markt ist. Pederick vereint die Features vieler anderer hier vorgestellter Extensions an einer Stelle und macht Web Developer damit zu einer Art Schweizer Taschenmesser für Web-Entwickler.

Ich verwende die Extension dennoch nicht für alles, was sie kann, da mir kleinere Tools teilweise den unkomplizierteren Zugang ermöglichen. Bei mir kommt die Extension hauptsächlich für das Anzeigen eines Seitenlineals, die Vermessung von Elementen und die Größenänderung des Browserfensters auf definierte Maße, wie etwa 1024 x 768 Pixel, zum Zuge. Das fällt mir nämlich ansonsten an meinem 4K-Monitor einigermaßen schwer.

Du kannst aber auch JavaScript, CSS, Bilder bearbeiten, Cookies abschalten oder Websites validieren. Alle Features des Erweiterungsboliden aufzuzählen, sprengt den Rahmen dieser Liste.

Web Developer
Preis: Kostenlos

Window Resizer

MIt dem „Window Resizer” testet ihr responsive Webseiten. (Screenshot: Google)

MIt dem „Window Resizer“ testet ihr responsive Webseiten. (Screenshot: Google)

„Window Resizer“ ist eines dieser ganz kleinen, sehr spezialisierten Tools. Es macht nichts anderes als das Browserfenster auf bestimmte Größenwerte zu ändern. Das ist sehr nützlich, wenn ihr euer responsives Design testen müsst. Die Liste festgelegter Auflösungen, die per einfachem Klick zur jeweiligen Größenänderung führt, ist vollständig anpassbar.

Window Resizer
Preis: Kostenlos

ColorZilla

colorzilla

ColorZilla zeigt euch, welche Farben auf einer Website eingesetzt werden. (Bild: Google)

Mit dem Plugin „ColorZilla“ könnt ihr herausfinden, welche Farben auf einer Webseite genutzt werden. Mit einer digitalen Pipette fahrt ihr über den entsprechenden Farbton, schon wird angezeigt, welcher HTML-Code sich dahinter verbirgt. Außerdem könnt ihr Farbverläufe erstellen und vorlagenfrei Farben aus einer Farbpalette auswählen.

ColorZilla
Preis: Kostenlos

Polarr Photo Editor

Eigentlich eine App und keine Chrome-Extension: Polarr Photo Editor. (Screenshot: Polarr)

Eigentlich eine App und keine Chrome-Extension: Polarr Photo Editor. (Screenshot: Polarr)

Keine Lust, Geld für ein Bildbearbeitungs-Tool auszugeben? Kein Problem, denn mit dem „Polarr Photo Editor“, der mittlerweile schon in der dritten Auflage veröffentlicht wurde, könnt ihr eure Bilder direkt im Browser-Fenster bearbeiten und mit Filtern versehen. Zwar kommt die Anwendung nicht an ein professionelles Tool heran, für kleine Aufgaben zwischendurch reicht es aber allemal.

Polarr Photo Editor
Preis: Kostenlos

Awesome Screenshot und Fireshot

awesome-screenshot

Ein praktisches Werkzeug zur Erstellung von Screenshots. (Screenshot: t3n)

„Awesome Screenhot“ kann als minimalistische Alternative zu „Skitch“ verstanden werden. Mit dem Plugin, das es auch für Firefox und Safari gibt, könnt ihr im Handumdrehen Screenshots erstellen und direkt mit Annotationen versehen. Dabei wird ausschließlich der Inhalt des aktuellen Tabs berücksichtigt. Außerdem entscheidet ihr, ob nur vom im Browser sichtbaren Bereich oder von der gesamten Seite ein Screenshot erstellt werden soll. So könnt ihr sogar komplette Screenshots von sehr langen, scrollbaren Seiten erstellen.

Auch das Teilen der Resultate über soziale Kanäle, Mail oder per Link ist möglich. Eine interessante Alternative ist die Extension „Fireshot“.

Whatfont

Chrome-Erweiterung: WhatFont sagt euch, welche Schriftarten eine Website verwendet. (Screenshot: t3n)

Chrome-Erweiterung: Whatfont sagt euch, welche Schriftarten eine Website verwendet. (Screenshot: t3n)

Habt ihr eine Schrift auf einer Website entdeckt, die ihr gerne selbst verwenden möchtet, hilft euch die Erweiterung „WhatFont“ weiter. Statt mühsam in den Stylesheets nach dem Schriftnamen zu suchen, reicht es, bei „WhatFont“ mit der Maus über den entsprechenden Text zu fahren. Ein kleiner Tooltip verrät euch den Namen der verwendeten Schrift. Per Klick auf den Text werden euch zusätzliche Informationen ausgegeben, etwa die Schriftgröße und -farbe.

WhatFont
Preis: Kostenlos

Eye Dropper

„Eye Dropper” verrät euch, welche Farbe wo in der Website verwendet wurde. (Screenshot: t3n)

„Eye Dropper“ verrät euch, welche Farbe wo in der Website verwendet wurde. (Screenshot: t3n)

Ähnlich wie mit Schriften verhält es sich mit Farben. Um einen exakten Farbwert aus einer Website zu extrahieren, muss dieser aus dem Stylesheet kopiert werden. Wollt ihr eine Farbe aus einem Bild holen, hilft nur ein Screenshot, der in eine Bildbearbeitung kopiert wird.

„Eye Dropper“ macht das alles überflüssig. Die Erweiterung stellt euch eine Pipette zur Verfügung, mit der ihr eine Farbe von einer Website aufnehmen könnt. Dabei beschränkt sich „Eye Dropper“ nicht nur auf jene Elemente, die per CSS eine Farbe zugewiesen bekommen haben. Ihr könnt auch aus einem Bild per Pipette einen Farbwert ziehen. Die Farbe wird euch als Hexadezimal-, RGB- und HSL-Wert einschließlich korrekter CSS-Auszeichnung ausgegeben.

Disable Cookies
Preis: Kostenlos

Project Naphta

Mit „Project Naphta” könnt ihr Texte aus Bildern kopieren. (Screenshot: t3n)

Mit „Project Naphta“ könnt ihr Texte aus Bildern kopieren. (Screenshot: t3n)

Dass längere Texte in Bitmap-basierten Bildformaten wie JPG oder PNG untergebracht werden, findet man ja eher selten. Es ist allerdings durchaus üblich, Überschriften und Begleitinformationen in Bildern zu platzieren. Auch in Screenshots findet man häufiger mal längere Texte. Diese Textinformationen zu markieren und auszulesen ist mit dem Browser nicht möglich. Die Chrome-Erweiterung „Project Naptha“ ermöglicht mit einer integrierten Texterkennung genau dieses Markieren und Auslesen von Texten.

Project Naptha
Preis: Kostenlos

Web Developer Checklist

Nichts mehr vergessen mit der „Web Developer Checklist”. (Screenshot: Google)

Nichts mehr vergessen mit der „Web Developer Checklist“. (Screenshot: Google)

Die „Web Developer Checklist” von Sayed Ibrahim Hashimi und Mads Kristensen will dafür sorgen, dass ihr im Produktionsprozess einer Website nichts Wichtiges vergesst. Das leistet die Checkliste zwar nicht vollumfänglich, die Basics deckt sie aber gut ab. Ungeachtet ihrer inhaltlichen Erweiterungsbedürftigkeit verfolgt die Checkliste insofern einen interessanten Ansatz, als sie zu jedem Punkt weiterführende Links zu nützlichen Diensten oder Grundlagen anbietet, etwa entsprechenden Guidelines und ähnliche Infos. Das Projekt steht auf Github unter Apache-Lizenz zur kostenlosen Nutzung und vor allem auch zur tätigen Mitwirkung bereit.

Die Chrome-Extension macht die Checklist von jeder Website aus zugänglich.

Web Developer Checklist
Preis: Kostenlos

Chrome-Erweiterungen: Kategorie Developers Only

Die Extensions dieser Kategorie sind von Developern für Developer gemacht. Designer interessieren sich dann dafür, wenn sie neben dem Pixelschieben auch Code-Arbeit leisten.

Code Doodles

Code Doodles: Spannende Coding-Experimente als Chrome-Erweiterung. (Screenshot: Code Doodles)

Code Doodles: Spannende Coding-Experimente als Chrome-Erweiterung. (Screenshot: Code Doodles)

Die Website „codedoodl.es“ bringt euch kreative und teilweise recht beeindruckende Coding-Beispiele auf den Bildschirm. Dank der dazugehörigen Chrome-Erweiterung könnt ihr diese Beispiele jetzt auch auf jedem neuen Chrome-Tab genießen. Bei Interesse könnt ihr euch zusätzliche Informationen anzeigen lassen. Dazu gehört jeweils auch ein Link zum Github-Account des Machers.

codedoodl.es
Preis: Kostenlos

Disable Cookies

„Disable Cookies” zeigt dir, wie eine Website auf das Verhindern von Cookies reagiert. (Screenshot: t3n)

„Disable Cookies“ zeigt dir, wie eine Website auf das Verhindern von Cookies reagiert. (Screenshot: t3n)

Javascript für eine Seite ausschalten, Cache für eine Seite ausschalten – all das ist unkompliziert mit den Entwicklerwerkzeugen in Chrome erledigt. Nur das schnelle Aktivieren und Deaktivieren von Cookies ist in Chrome nicht möglich.

Hierzu ist normalerweise der Weg über die Einstellungen nötig. Um mal schnell zu testen, wie eine Website auf deaktivierte Cookies reagiert, ist dieser Umweg jedoch ein recht komplizierter. Mit der Erweiterung „Disable Cookies“ schaltet ihr Cookies für eine Website über einen Button in der Werkzeugleiste einfach ein und aus.

codedoodl.es
Preis: Kostenlos

Githunt

Githunt zeigt euch, was auf GitHub gerade angesagt ist. (Screenshot: Githunt)

Githunt zeigt euch, was auf Github gerade angesagt ist. (Screenshot: Githunt)

Wer wissen will, welche Repositories auf Github gerade steil gehen, der kann die Chrome-Erweiterung „Githunt“ dafür nutzen. „Githunt“ zeigt euch wahlweise die populärsten Repositories für die aktuelle Woche, den aktuellen Monat oder das Jahr an. Außerdem könnt ihr alternativ auch eine Programmiersprache auswählen. Dann werden euch nur noch Projekte in der gewählten Sprache aufgelistet.

Githunt
Preis: Kostenlos

Marmoset

„Marmoset” liefert dir schöne Screenshots aus Codeschnipseln. (Screenshot: Google)

„Marmoset“ liefert dir schöne Screenshots aus Codeschnipseln. (Screenshot: Google)

„Marmoset“ ist ein Screenshot-Generetor für Codeschnipsel. Das klingt zunächst unspektakulär, ist aber durchaus dann eine willkommene Ergänzung deines Werkzeugkastens, wenn du deinen Quellcode präsentabel benötigst, zum Beispiel zur Bebilderung eines Beitrags.

Marmoset
Preis: Kostenlos

Chrome-Erweiterungen: Kategorie 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

„Booom” bringt Features, die Dribbble selber bieten sollte, es aber nicht tut. (Screenshot: t3n)

„Booom“ bringt Features, die Dribbble selber bieten sollte, es aber nicht tut. (Screenshot: t3n)

Ich kenne keinen Webentwickler, der nicht „Dribbble“ zu Inspirationszwecken nutzen würde. In der Tat ist das riesige Kreativnetzwerk immer wieder eine wahre Schatzkiste an interessanten Fundstücken. Dabei kann man neben Inspiration auch immer wieder handfeste Freebies ergattern, die einem das Leben erleichtern.

Wenn ihr euch den Umgang mit „Dribbble“ noch angenehmer gestalten wollt, könnte die Extension „Booom“ für euch interessant sein. Denn ihr Ziel ist es, das Handling von Dribbble zu verbessern. So werden die Shots größer angezeigt, sie sind direkt aus dem Feed zu liken oder in die Bucket-List zu legen. Beide Tätigkeiten kannst du ansonsten nur von der Detailansicht aus erledigen. GIFs starten automatisch schon in der Liste. Zudem verbessert Booom die Darstellung auf Monitoren mit höherer Auflösung. So werden Shots in besserer Qualität gezeigt. Beim Öffnen selbiger findet stets die @2x-Variante Verwendung.

Booom“ gibt es übrigens auch für Safari.

Exposure

Chrome-Erweitrung: Exposure bringt euch mit jedem neuen Tab inspirierende Fotos. (Screenshot: Exposure)

Chrome-Erweiterung: Exposure bringt euch mit jedem neuen Tab inspirierende Fotos. (Screenshot: Exposure)

„Exposure“ lässt sich am besten als eine Art Medium für Bilder beschreiben. Wir hatten euch die Seite bereits in unserem Artikel „Exposure macht aus euren Fotoalben stylische Webseiten“ vorgestellt. Die neue Erweiterung von „Exposure“ zeigt euch auf jedem neuen Tab ein inspirierendes Foto im Vollbildformat an. Ein Klick und ihr kommt zu dem dazugehörigen Fotoalbum.

Exposure New Tab
Preis: Kostenlos

Unsplash Instant

„Unsplash Instant” liefert ein neues Foto pro neuem Tab. (Screenshot: t3n)

„Unsplash Instant“ liefert ein neues Foto pro neuem Tab. (Screenshot: t3n)

„Unsplash Instant“ ist die Chrome-Extension aus dem Hause Crew, den Betreibern des kostenlosen Fotoproviders Unsplash. „Unsplash Instant“ nistet sich in jedem neuen Tab ein und zeigt ein formatfüllendes Foto aus dem Unsplash-Portfolio. Von dort aus könnt ihr es direkt herunterladen oder per Facebook und Twitter teilen. Mich inspiriert „Unsplash Instant“ tatsächlich mehrmals täglich, aber das ist natürlich kein Versprechen, dass es bei euch in gleicher Weise funktioniert.

Unsplash Instant
Preis: Kostenlos

Flickr Tab

Auch Flickr liefert mit „Flickr Tab” ein neues Bild pro neuem Tab. (Screenshot: t3n)

Auch Flickr liefert mit „Flickr Tab“ ein neues Bild pro neuem Tab. (Screenshot: t3n)

„Flickr Tab“ ist eine offizielle Erweiterung des Betreibers und funktioniert genau wie „Exposure“ und „Unsplash Instant“: Es besetzt die Standardeinstellung eines neuen Tabs und zeigt ein bildschirmfüllendes Foto aus der Flickr-Community an.

Flickr Tab
Preis: Kostenlos

Panda

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

Wer fortlaufend über aktuelle Tech-, Startup- und Marketing-Themen informiert bleiben möchte, sollte sich „Panda“ anschauen. Auf jedem neuen Tab bekommt ihr wahlweise die Top-Themen von Hacker News, Growth Hackers, Product Hunt, Lobster oder Sidebar.io angezeigt. Daneben zeigt die Erweiterung inspierende Bilder von Dribbble, Behance oder Awwwards an. Damit ist „Panda“ nicht nur informativ, sondern auch recht hübsch.

Muz.li

„Muz.li” vereint eine breite Vielfalt unterschiedlicher Quellen für Webentwickler unter einem Dach. (Screenshot: t3n)

„Muz.li“ vereint eine breite Vielfalt unterschiedlicher Quellen für Webentwickler unter einem Dach. (Screenshot: t3n)

„Muz.li“ ist eine Art aufgebohrtes „Panda“, aber vom Konzept her identisch. Ebenso wie auf Panda erhaltet ihr Inspiration und Information aus vielen Ecken des Netzes. Tatsächlich fokussiert sich „Muz.li“ auf Themen, die Designer und Developer interessieren werden. Wenn ihr „Muz.li“ als Ersatz für euren Feedreader verwenden wollt, freut ihr euch vielleicht über die Möglichkeit, auch eigene Feeds in das persönliche „Muz.li“ zu packen. Die Extension wurde kürzlich vom Prototyping-Provider „Invision“ gekauft. Ich bin gespannt, wohin sich das Projekt entwickelt.

Muzli 2 - Stay Inspired
Preis: Kostenlos

Color Tab

Inspiration für Designer. (Screenshot: Color Tab)

Inspiration für Designer. (Screenshot: Color Tab)

„Color Tab“ bringt mit jedem neuen Tab eine neue Farbpalette auf euren Bildschirm. Ein Klick und ihr bekommt eine andere Farbpalette angezeigt. Außerdem seht ihr zu jeder Farbe direkt den entsprechenden HEX-Farbcode und könnt ihn kopieren. Ein Klick auf das Logo in der oberen rechten Ecke wiederum bringt euch zu „Color Hunt“, dem Anbieter der Erweiterung. Von der Website aus könnt ihr die gerade aktuelle Farbpalette auf Wunsch auch direkt per Facebook mit einem Kollegen teilen.

Color Tab
Preis: Kostenlos

Sitesee

„SiteSee” liefert sehenswerte Sites to see. (Screenshot: t3n)

„Sitesee“ liefert, wie der Name bereits verrät, sehenswerte Sites to see. (Screenshot: t3n)

„Sitesee“ ist eine Erweiterung, die sich ebenfalls um die Standardbesetzung für neue Tabs bewirbt. Sie tut exakt, was der Name suggeriert: Sie stellt euch Sites vor. Das geschieht ohne Schnörkel. Installiert ihr „Sitesee“, zeigt sich jeder neue Tab künftig als ein fensterfüllendes Grid sehenswerter Websites. Klickt ihr ein Thumbnail an, gelangt ihr ohne Umschweife zur entsprechenden Site. Da „Sitesee“ sein Portfolio regelmäßig erweitert, kommt Woche für Woche eine ganze Reihe neuer Eindrücke hinzu.

Wenn ihr „Sitesee“ zwar in euren Werkzeugkasten aufnehmen, aber nicht gleich den Standardplatz als neuer Tab dafür opfern wollt, speichert einfach den Bookmark zum Projekt.

Chrome-Erweiterungen: Kategorie 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

„Check my Links” testet alle LInks einer Seite auf Funktion. (Screenshot: t3n)

„Check my Links“ testet alle Links einer Seite auf Funktionsfähigkeit. (Screenshot: t3n)

„Check my Links“ von Paul Livingstone tut genau, was der Name verspricht: Einmal aufgerufen, prüft es unverzüglich alle Links derjenigen Seite, von der aus ihr den Checker gestartet habt. Bei der Gelegenheit seht ihr auch mal, wie viele Links tatsächlich auf einer handelsüblichen Seite zu finden sind.

Ich verwende die Extension regelmäßig, wenn ich bereits bestehende Inhalte aktualisieren muss. Anstatt mühsam jeden Link einzeln aufzurufen, lasse ich „Check my Links“ den Job erledigen und nehme danach ganz bequem die toten Links raus.

Check My Links
Preis: Kostenlos

The Great Suspender

great_suspender_chrome-extension

The Great Suspender: Diese Erweiterung spart euch Arbeitsspeicher. (Screenshot: t3n)

„The Great Suspender“ sorgt dafür, dass Chrome-Tabs keinen RAM verbrauchen, indem sie regelrecht „schlafen gelegt“ werden. Ihr könnt in den Einstellungen der Erweiterung festlegen, nach welchem Zeitraum ein Tab deaktiviert wird, und auf welche Weise dieser wieder aufwacht. Auf der Website erfahrt ihr mehr über die The Great Suspender-Extension.

The Great Suspender
Preis: Kostenlos

Lastpass

Die Browser-Erweiterung von Lastpass ist für Nutzer des Managers äußerst hilfreich. (Bild: Lastpass)

Die Browser-Erweiterung von Lastpass ist für Nutzer des Managers äußerst hilfreich. (Bild: Lastpass)

Ihr braucht mehr Kontrolle im unüberschaubaren Passwortdschungel? Die Chrome-Erweiterung von „Lastpass“ hilft euch bei der Verwaltung eurer Passwörter und unterstützt euch dabei, sichere Passwörter zu erstellen. Die Autofill-Funktion erweist sich auch als praktisch, denn ihr müsst euch nie wieder auf die Suche nach Login-Daten machen. Auch für „1Passwort“ und Co. gibt es entsprechende Erweiterungen.

Clear Cache

Mit einem Klick ist alles weg. (Screenshot: Clear Cache)

Mit einem Klick ist alles weg. (Screenshot: Clear Cache)

Mithilfe der Erweiterung „Clear Cache“ könnt ihr mit einem Klick den Browser von Ballast und Cookies befreien. In den Optionen könnt ihr genau auswählen, welche Daten (App-Cache, Cookies, Downloads, Verlauf und weitere) aus welchem Zeitraum (Stunde, Tag, alles) ihr entfernen möchtet.

Clear Cache
Preis: Kostenlos

Downloads – Your Download Box

downloads-your-inbox-chrome

„Downloads – Your Download Box“ dient der schnelleren Verwaltung von Downloads. Die Extension zeigt den Downloadverlauf neben der Adressleiste an und listet alle zuletzt heruntergeladenen Dateien auf. Darüber hinaus bringt euch ein Link unter der jeweiligen Datei direkt zum Download-Ordner.

Downloads - Your Download Box
Downloads - Your Download Box
Entwickler: J K
Preis: Kostenlos
  • Downloads - Your Download Box Screenshot

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

Imagus. (Screenshot: Deathamns)

Imagus. (Screenshot: Deathamns)

„Imagus“ ist ein praktisches Plugin, mit dem ihr euch Thumbnails und andere Bilder einer Website in voller Größe ansehen könnt, ohne sie in einem neuen Fenster öffnen zu müssen. Um ein Bild zu vergrößern müsst ihr einfach nur mit dem Maus-Cursor über das gewünschte Objekt fahren, schon wird es in einem Pop-Up-Fenster angezeigt. Die Erweiterung wird auch für Firefox, Safari und Opera angeboten.

Imagus
Preis: Kostenlos

Strict Workflow

(Bild: Strict Workflow)

(Bild: Strict Workflow)

Mit „Strict Workflow“ könnt ihr konzentriert arbeiten, ohne euch ständig von den „wichtigeren“ Geschehnissen im Internet ablenken zu lassen. Das Plugin blockiert für eine Phase von 25 Minuten bestimmte Websites wie Facebook, Youtube, Reddit und weitere Prokrastinationsfallen. Anschließend werden diese Seiten für einen Zeitraum von fünf Minuten wieder freigegeben. Optional könnt ihr den Umfang der gesperrten Seiten erweitern, wie auch die Arbeits- und Pausenphasen verändern. Ach ja: Anstelle der blockierten Website wird euch eine knackige rote Tomate angezeigt.

Strict Workflow
Preis: Kostenlos

SEO for Chrome

seo-for-chrome

Eine Chrome-Erweiterung für SEOs. (Bild: Google)

Nicht immer bedarf es einer großen Lösung. Für das SEO zwischendurch reicht Schlankeres: „SEO for Chrome“ zeigt in einer umfangreichen Übersicht diverse Faktoren einer Website an – neben dem Pagerank auch die Anzahl der indexierten Seiten, die Zahl der Backlinks aus verschiedenen Diensten wie Alexa und Co. sowie weitere Werte wie Traffic-Rank und dergleichen. Außerdem kann das Plugin „Nofollow“-Links anzeigen.

Die App konnte im App Store nicht gefunden werden. :-(
Zum Weiterlesen: SEO: 20 Browser-Plugins für den täglichen Einsatz.

Ich hoffe, die kleine Liste mit Chrome-Extensions für Designer und Developer ist nützlich für euch. Einige der vorgestellten Extensions haben wir schon zuvor in anderen Zusammenhängen genannt. Sie stammen teilweise aus den Beiträgen „30 praktische Erweiterungen für den Chrome-Browser” von Andreas Flömer, „Jeder neue Tab ein Erlebnis: Die 15 besten New-Tab-Erweiterungen für Chrome” und „Wie der Browser eure Produktivität steigern kann: Mit diesen 8 Chrome-Erweiterungen erledigt ihr mehr in kürzerer Zeit” von Kim Rixecker.

Meistgelesen

Bitte beachte unsere Community-Richtlinien

Wir freuen uns über kontroverse Diskussionen, die gerne auch mal hitzig geführt werden dürfen. Beleidigende, grob anstößige, rassistische und strafrechtlich relevante Äußerungen und Beiträge tolerieren wir nicht. Bitte achte darauf, dass du keine Texte veröffentlichst, für die du keine ausdrückliche Erlaubnis des Urhebers hast. Ebenfalls nicht erlaubt ist der Missbrauch der Webangebote unter t3n.de als Werbeplattform. Die Nennung von Produktnamen, Herstellern, Dienstleistern und Websites ist nur dann zulässig, wenn damit nicht vorrangig der Zweck der Werbung verfolgt wird. Wir behalten uns vor, Beiträge, die diese Regeln verletzen, zu löschen und Accounts zeitweilig oder auf Dauer zu sperren.

Trotz all dieser notwendigen Regeln: Diskutiere kontrovers, sage anderen deine Meinung, trage mit weiterführenden Informationen zum Wissensaustausch bei, aber bleibe dabei fair und respektiere die Meinung anderer. Wir wünschen Dir viel Spaß mit den Webangeboten von t3n und freuen uns auf spannende Beiträge.

Dein t3n-Team

4 Kommentare
JeiBie
JeiBie

Ja super, wollte gerade LivePage installieren, da verlangen die 5.99€. Ihr sagt aber, dass die Extension kostenlos ist – was nun?

Antworten
Stafan Braun
Stafan Braun

entweder 5,99 bezahlen oder nicht installieren

Antworten
Dieter Petereit

Das ist leider ein Fehler unseres Plugins WP-Appbox, das die Erweiterung fälschlicherweise als kostenlos deklariert. Sorry. Ich habe es im Text ergänzt.

Antworten
Jens
Jens

Eine sehr gute Auflistung. Einige kannte ich noch gar nicht. Ich habe noch den robots.txt viewer (https://chrome.google.com/webstore/detail/robotstxt-viewer/agckgmkiigllflmahknlkhhhhmchodcb) installiert. Damit sehe ich direk in die robots.txt rein

Schönen Abend
Jens

Antworten

Melde dich mit deinem t3n Account an oder fülle die unteren Felder aus.

Bitte schalte deinen Adblocker für t3n.de aus!

Hey du! Schön, dass du hier bist. 😊

Bitte schalte deinen Adblocker für t3n.de aus, um diesen Artikel zu lesen.

Wir sind ein unabhängiger Publisher mit einem Team bestehend aus 70 fantastischen Menschen, aber ohne riesigen Konzern im Rücken. Banner und ähnliche Werbemittel sind für unsere Finanzierung sehr wichtig.

Danke für deine Unterstützung.

Digitales High Five,
Luca Caracciolo (Chefredakteur t3n) & das gesamte t3n-Team

Anleitung zur Deaktivierung