7 hilfreiche Google Chrome Erweiterungen für Webdesigner
Chrome Erweiterungen für Webdesigner: 1. Fonts Ninja, 2. CSS Peeper, 3. BuiltWith, 4. ColorPick Eyedropper, 5. Viewport Resizer, 6. SVG-Grabber, 7. Checkbot
Fonts Ninja
Wer kennt es nicht: Auf der Suche nach Inspiration landest du auf einer Webseite mit einer genialen Typography und möchtest wissen, um welche Schriftart es sich handelt? Fonts Ninja identifiziert Schriftarten auf Webseiten. Mit der Erweiterung erhältst du auch zusätzliche Informationen über die Schrift: verfügbare Stile, den Hersteller und den Preis. Ebenso werden die CSS-Eigenschaften durch den Algorithmus untersucht.
CSS Peeper
Durch CSS Peeper ist es möglich, wertvolle Einblicke in die CSS-Eigenschaften einer Webseite zu erhalten. Neben generellen CSS-Eigenschaften erfährst du noch mehr über verwendete Farbpalette mit Hexadezimal-Werten und Bild-Assets. Die perfekten Informationen, um dich von einer Webseite für dein neues Design-Projekt inspirieren zu lassen.
BuiltWith
Mit BuiltWith lassen sich die Technologien, die zum Aufbau einer Webseite verwendet wurden, analysieren. In dem Ergebnis werden CMS-Systeme, Marketing-Tools, Cookie-Technologien, Frameworks, Hosting-Provider oder Meta-Informationen aufgelistet. So kannst du einen Blick hinter jede Website werfen.
ColorPick Eyedropper
Mit der gezoomten Pipette kannst du exakt Farbwerte von einer Webseite auswählen und mit diesem Farbwert weiterarbeiten. Die Farbwerte werden in Hexadezimal- und RGB-Werten angezeigt. Den Wert kannst du einfach kopieren und in einem Grafikprogramm deiner Wahl einfügen.
Viewport Resizer
Wenn du als Webdesigner eine Webseite programmierst, musst du natürlich auch testen, ob diese in verschiedenen Bildschirmgrößen optimal angezeigt wird. Mit dem Viewport Resizer lassen sich diverse Größen und Auflösungen testen. Ein hilfreiches Tool, um zu sehen, ob sich deine Webseite wie geplant responsiv verhält.
SVG-Grabber
SVG-Grabber ist ein Tool um, alle SVG-Assets von einer Website herunterzuladen. Das ist extrem hilfreich, wenn du interessante Logos oder Icons als Inspiration für dein eigenes Projekt verwenden möchtest. Einfach mit einem Klick herunterladen und damit weiterarbeiten.
Checkbot
Checkbot ist ein leistungsfähiges Website-Test-Tool. Die Chrome-Erweiterung prüft deine Webseite auf unterschiedliche Bereiche wie Ladegeschwindigkeit, Suchmaschinenoptimierung und Sicherheit. Aus dem Bericht erhältst du wertvolle Insights, wie du deine Webseite nach empfohlenen Best Practices verbessern kannst.
Weitere hilfreiche Listen für Webdesigner:
