15 Chrome-Erweiterungen für Webdesigner und -entwickler

Ich verwende Google Chrome als Hauptwebbrowser. Warum? Weil es schnell, einfach zu bedienen, zuverlässig, sicher, benutzerfreundlich, hochgradig anpassbar und mit einem eigenen Webshop ausgestattet ist. Wenn Sie Google Chrome noch nicht verwenden, sollten Sie dies unbedingt berücksichtigen. Installieren Sie es mindestens und versuchen Sie es etwa eine Woche lang zu verwenden.

ich weiß das und ich liebe dich meme

Als Webdesigner oder Entwickler verbringen Sie wahrscheinlich viel Zeit in Chrome. Was mich an Nutzern von Chrome am meisten überrascht, ist, dass sie keine Erweiterungen nutzen.

Erweiterungen sind im Grunde benutzerdefinierte Tools, mit denen Sie Chrome optimal nutzen können. Sie können beispielsweise Screenshots mit einem Klick oder einer Schaltfläche erstellen, Websites mit Freunden teilen, Ihre Musik steuern, Ranking-Informationen zu verschiedenen Websites abrufen und vieles mehr.



Der Chrome Store ist vollgepackt mit Erweiterungen, die Ihre Produktivität steigern und Ihren gesamten Workflow verbessern. Sie können also genauso gut die Tools verwenden, die es gibt, um Ihnen das Leben zu erleichtern. Das Beste daran ist, dass sie alle * kostenlos sind!

Schauen Sie sich diese 15 Chrome-Erweiterungen an, die Ihnen bei Ihrer Arbeit helfen können:

Chrome-Erweiterungen

Inhaltsverzeichnis

1. FireBug Lite

FireBug ist ein bekanntes FireFox-Add-On, das den Weg zu Chrome gefunden hat. Dies ist besonders hilfreich beim Debuggen von Code. Außerdem können Sie JavaScript, HTML und CSS live für jede Webseite überwachen.

Installieren

2. WhatFont

Mit WhatFont können Designer mit einem einfachen Mauszeiger herausfinden, welche Schriftart auf einer Webseite verwendet wird. Sie können dies auch herausfinden, indem Sie FireBug verwenden und den Code durchsuchen. Diese Erweiterung macht es jedoch viel einfacher.

danke für die inspirierenden worte

Installieren

3. Chrome Sniffer

Haben Sie sich jemals eine Website angesehen und gedacht: 'Wie ist das überhaupt möglich?' Mit Chrome Sniffer können Sie herausfinden, wie. Es kann Ihnen den Rahmen der meisten Websites sagen. Derzeit können mehr als 100 Frameworks erkannt werden.

Installieren

4. Code Cola

Mit Code Cola können Benutzer CSS visuell bearbeiten. Dies bedeutet, dass Benutzer auf einen Bereich einer Webseite klicken und das CSS einfach bearbeiten können. Dies könnte Designern möglicherweise viel Zeit sparen.

Installieren

5. ColorZilla

ColorZilla enthält einen Farbwähler, eine Pipette sowie eine Gradientengenerator . Es gibt auch einige fortgeschrittenere Farbwerkzeuge . Mit der Farbauswahl können Sie die HTML-Farbe eines beliebigen Teils einer Webseite bestimmen und diese Farbe in einer benutzerdefinierten Palette speichern. Jeder braucht einen Farbwähler, und ColorZilla ist einer der besten.

lustiger Namensgenerator mit Ihrem Namen

Installieren

6. Klebeband

Tape ist perfekt für Designer, die sicherstellen möchten, dass ihr Layout perfekt ist. Sie können die Größe von Elementen leicht bestimmen, indem Sie Hilfslinien festlegen, die am Inhalt der Seite ausgerichtet sind. Sie müssen keine Screenshots mehr machen, um die Abmessungen von Elementen zu bestimmen.

Installieren

7. Auflösungstest

Webdesigner und -entwickler müssen ihre Websites in unterschiedlichen Auflösungen ausprobieren. Wie geht das am besten? Mit der Erweiterungstest-Erweiterung für Chrome können Benutzer die Größe des Browserfensters ändern, um ihre Website in verschiedenen Auflösungen anzuzeigen. Sie können aus gängigen Bildschirmauflösungen auswählen oder eine benutzerdefinierte eingeben.

Installieren

8. Speed ​​Tracer

Waren Sie schon einmal in einer Situation, in der Ihre Website langsam geladen wird und Sie nicht herausfinden konnten, warum? Speed ​​Tracer kann helfen. Speed ​​Tracer kann Probleme finden, die durch JavaScript, CSS, Timer-Brände und mehr verursacht werden.

Installieren

9. Lorem Ipsum Generator

Manchmal benötigen Sie Text, um eine Seite zu füllen, damit Sie eine Vorstellung davon bekommen, wie sie aussehen wird, wenn sie gefüllt ist. Lorem Ipsum Mit Generator können Sie genau das tun. Sie können auswählen, wie viele Wörter Sie pro Absatz und wie viele Absätze Sie möchten. Das Füllen Ihrer Website mit Inhalten war noch nie einfacher.

Installieren

10. Registerkarte Internet Explorer

Beim Entwickeln oder Entwerfen müssen Sie Ihre Website in verschiedenen Browsern testen, von denen einer Internet Explorer ist. Auf der Registerkarte Internet Explorer können Sie Ihre Website im IE über Chrome problemlos anzeigen. Das ist ein Browser weniger, den Sie öffnen müssen.

Installieren

11. Alexa Traffic Rank

Als Webentwickler oder Designer interessieren Sie sich wahrscheinlich dafür, wie viel Verkehr andere Websites erhalten. Das Alexa Mit dem Traffic Rank können Sie sehen, wie viel Traffic eine Website erhält. Dies kann eine interessante Statistik sein. Sie können es sogar auf Ihrer eigenen Website verwenden, obwohl Sie wahrscheinlich andere Möglichkeiten haben, dies festzustellen.

Süßer Guten-Morgen-Text an ein Mädchen

Installieren

12. Microstock Photo Power Search Tool

Das Suchen nach Archivbildern kann zeitaufwändig und irritierend sein. Das Microstock Photo Power Search Tool erleichtert diesen Vorgang erheblich. Mit dieser Erweiterung können Sie Bilder von den 5 besten Bildagenturen wie Fotolia und Shutterstock durchsuchen.

Installieren

13. Palette für Chrome

Palette for Chrome ist ein unterhaltsames und nützliches Tool für Webdesigner. Sie können ein beliebiges Bild auswählen und ein erstellen Farbpalette von diesem Bild. Sie können Paletten mit 16, 24 oder 32 Farben erstellen. Wenn Sie ein Lieblingsbild haben, können Sie ein erstellen Farbpalette davon und benutze das Farbpalette im Design Ihrer Website.

Installieren

Ich liebe dich lustiges Meme für ihn

14. TooManyTabs

Während der Entwicklung einer Website sind möglicherweise unzählige Browser-Registerkarten geöffnet. TooManyTabs können Ihnen bei der Verwaltung helfen. Mit dieser Chrome-Erweiterung können Sie eine Miniaturansicht Ihrer geöffneten Registerkarten anzeigen. Es ist leicht zu vergessen, ob ein bestimmter Tab geöffnet ist, aber TooManyTabs kann Ihnen dabei helfen, ihn genauso einfach zu finden.

Installieren

15. PlainClothes

Mit PlainClothes können Sie eine Website in anzeigen Schwarz und weiß . Dies kann Ihnen helfen, Fehler auf Websites zu finden oder herauszufinden, wie die Dinge funktionieren. Es ist ein hilfreiches Tool, das Sie sowohl auf Ihrer eigenen Website als auch auf anderen Websites verwenden können.

Chrome bietet viele Erweiterungen für Webentwickler und Designer, die jeweils etwas Einzigartiges bieten. Die obige Liste enthält 15 Tools, die für die meisten Webdesigner nützlich sind. Wenn Sie jedoch ein bestimmtes Bedürfnis haben, das durch eine der oben genannten Erweiterungen nicht erfüllt wird, können Sie im Chrome Web Store nachsehen, ob eine Erweiterung für Sie vorhanden ist.