Top 5 Must-have Chrome Erweiterungen für Entwickler und Designer

Hast du schon mal eine Website besucht und dich gefragt, mit welcher Software sie erstellt wurde? Mit Wappalyzer kannst du das direkt im Browser herausfinden.

Der Wappalyzer ist in vielen Situationen sehr nützlich. Wenn du es einmal hast, wirst du dich fragen, wie du ohne es ausgekommen bist. Die Mitglieder des InMotion-Supportteams nutzen es, um Kunden dabei zu helfen, herauszufinden, welches CMS sie verwenden. Wenn du ein Webentwickler bist, kannst du damit vor allem herausfinden, welche Frameworks hinter einer Website stecken.

Sobald du Wappalyzer installiert hast, wird ein kleines Symbol in deiner Symbolleiste angezeigt. Bei den meisten Websites ist die Form dieses Symbols das CMS, das du gerade besuchst, denn das CMS ist oft die wichtigste Software, die hinter der Website steckt.

Wenn die Website, die du dir ansiehst, jedoch ein nicht standardisiertes oder benutzerdefiniertes CMS verwendet, siehst du alle Technologien, die Wappalyzer identifizieren kann - vom JavaScript-Framework bis hin zum eigentlichen Webserver und Betriebssystem, das hinter den Kulissen läuft. Ziemlich beeindruckend.

Wenn du schon einmal mit JSON gearbeitet hast, erinnerst du dich wahrscheinlich an eine lange, unleserliche Zeichenkette, aus der du Daten ziehen musst. JSON ist wichtig, denn damit kannst du wichtige Daten von Websites abrufen - in der Regel über eine API.

Aber JSON kann sehr schwierig bis unmöglich sein, wenn man es alleine liest. Deshalb gibt es viele Tools, die helfen, JSON besser lesbar zu formatieren. Nichts kann die Augen so sehr strapazieren wie eine lange, ununterbrochene Textzeile, die deinen Breitbildmonitor ausfüllt.

Zu diesem Zweck kannst du dir den JSON Formatter ansehen. Er nimmt rohes, unformatiertes JSON und stellt es in schönen, geordneten Objekten dar, eingerückt und farbig für dein visuelles Vergnügen.

Wenn du dir lange HEX-Codes oder noch längere RGB-Werte merken musst, kannst du mit Colorzilla direkt in deinem Browser eine schöne Farbe abrufen. Du kannst für jedes Element, das du auf dem Bildschirm siehst, Farbdaten abrufen. Dann kannst du die Werte einfach in deine App kopieren. Farbe ist entscheidend, wenn du eine schöne Benutzeroberfläche erstellen willst.

Immer wieder denselben Text zu schreiben, ist einer der mühsamsten Aspekte der Entwicklung. Ebenso kann es sich als schwieriger erweisen, sich die mühsame Syntax für eine Vielzahl von Sprachen zu merken (ohne zwanghaftes Googeln), als es scheint. Heutzutage reicht es nicht mehr aus, nur eine Sprache zu beherrschen. Die meisten der besten Entwickler/innen der Welt sind professionelle Polyglotten (die viele Sprachen sprechen).

Es kann sehr hilfreich sein, einen Texter zu haben: ein Tool, mit dem du lange Codeschnipsel in praktische, bytegroße Tastaturbefehle umwandeln kannst.

Es gibt viele beliebte Optionen. TextExpander funktioniert im Browser oder auf deinem Desktop, je nachdem, was du bevorzugst, und ermöglicht dynamischen Text wie Datumsangaben oder benutzerdefinierte Dropdown-Menüs.

Einer der lästigsten Aspekte der Webentwicklung ist die Umgehung des Caching. Wenn du Änderungen an einer Seite vornimmst, diese aber nicht angezeigt werden, wenn du die Seite neu lädst, steht das Caching deiner Arbeit im Weg. Oft ist es notwendig, den Cache deines Browsers komplett zu leeren. Aber viele Browser erschweren das Löschen des Caches, weil sie wollen, dass die Mehrheit der Nutzer/innen ein schnelles Surferlebnis hat. Browser-Caching macht das tägliche Surfen im Internet zwar schneller, aber es kann einem Entwickler das Leben sehr erschweren.

Mit der Browsererweiterung Clear Cache kannst du den Cache mit einem Klick leeren. Auch hier gilt: Einfachheit ist Trumpf.

Der beste Test für eine Browsererweiterung ist, wie du sicher schon bemerkt hast, dass sie eine einfache Aufgabe schnell und effizient erledigen kann, ohne eine Menge überflüssiger Details. Die meiste Software, die du täglich verwendest, ist voll mit Menüs, Schaltflächen, Symbolen, Optionen und vielen Knöpfen und Reglern, die du nie benutzen wirst. Die Einfachheit eines kleinen Programms wird in der Eile der Suche nach der größeren, besseren und neueren Killer-App oft vergessen.

Die Auswahl einer guten Browsererweiterung sollte dich daran erinnern, dass weniger manchmal mehr ist.