40 Nützliche Google Chrome-Erweiterungen für Webdesigner

Ich liebe Google Chrome. Ihre Einfachheit, Geschwindigkeit und Leistung sind zweifellos erstklassig. Aber manchmal ist es auch ein Problem, zu einfach zu sein, insbesondere für uns Webdesigner, die stark auf Firefox-Addons wie Web Developer angewiesen sind. Ich bin von Chrome weggegangen, ja, nur weil es 2008 kein Addon gab.

Aber jetzt ändert sich alles wieder. Es überrascht nicht, dass andere Geeks die gleiche Liebe zu Chrome haben und beschlossen, eine Chrome-Erweiterung zu erstellen, die eine ähnliche Funktion wie Firefox Addon hat. Ich habe mich in diese Erweiterungen eingegraben und war sehr zufrieden mit ihnen 40 Erweiterungen, die für Webdesigner äußerst hilfreich sind und mit euch teilen.

Also hier sind sie für Sie, bereiten Sie Ihr Chrome vor und steigern Sie Ihre Produktivität.

Farbe

Farbwähler

Genau wie der Name ist ColorPicker eine praktische Erweiterung, die hauptsächlich dazu dient, den Farbwert von jedem beliebigen Punkt der Webseite zu ermitteln und abzurufen. Darüber hinaus können Sie einen Bereich auswählen und dann auf die Farbpalette klicken, um zu sehen, wie sich die Farbe des Bereichs ändert, ohne Code zu berühren.

Chrome-Palette

Haben Sie Kopfschmerzen beim Finden eines Farbschemas aus dem Bild? Die Chrome-Palette löst Ihr Problem effizient, indem Sie aus dem Image der Website bis zu 64 Farbpaletten für Ihr Design oder Ihre Inspiration erstellen.

Farbe Tweaker

Color Tweaker kann die Farbe der Website wie Color Picker ändern, jedoch mit einer spezifischeren Methode. Geben Sie einfach den CSS-Selektor in diese Erweiterung ein und passen Sie die Farbe des Textes, des Hintergrunds und der Rahmenfarbe an Ihren Willen an.

Typografie

Schrift-Editor

Sie müssen nicht mehr raten und ermüden das Programm wechseln. Mit dem Font Editor können Sie die Schriftarteinstellungen wie Größe, Zeilenhöhe und Variantenvielfalt ändern und beobachten.

Google Font Previewer

Wie im Namen angegeben, können Sie mit dieser Erweiterung eine Vorschau der Schriftart aus dem Google Font Directory mit Textstiloptionen wie Größe, Stil, Gewicht und Schatten anzeigen. Wenn Sie mit einer bestimmten Schriftart zufrieden sind, können Sie den Link und den in der Erweiterung enthaltenen CSS-Code in den Code Ihrer Website einfügen, um die Schriftart zu verwenden.

Entwicklung

Web-Entwickler

Wahrscheinlich die unverzichtbare Erweiterung für Webdesigner und Entwickler. Web Viewer zielt darauf ab, vom Skript zum Anzeigen von Objektinformationen alle Informationen bereitzustellen, die Sie auf einer vorhandenen Website benötigen. Die Erweiterung ist außerdem mit nützlichen Tools wie Farbauswahl, Fenstergrößenänderung, Validator usw. ausgestattet.

Pendel

Leichtes und handliches Entwicklertool, das dem Web Developer ähnelt, jedoch nur mit den notwendigen Werkzeugen wie Style Viewer, Source Viewer und Validator ausgestattet ist.

Firebug Lite

Im Gegensatz zu Firefox bietet Firebug Lite eine Firefox-artige visuelle Darstellung, wenn es um HTML-Elemente, DOM-Elemente und Box-Model-Sharing geht. Darüber hinaus können Sie HTML-Elemente mit der Maus untersuchen. Mit dieser Erweiterung können Sie die CSS-Eigenschaften auf lebhafte Weise bearbeiten.

Stylebot

Stylebot gibt Ihnen die Möglichkeit, jede Website direkt zu gestalten, ohne den CSS-Code zu berühren, was viel Tipparbeit spart. Die beste Funktion dieser Erweiterung ist wahrscheinlich die Möglichkeit, bei jeder Änderung der Website CSS-Code für Ihre Verwendung zu generieren.

CSSViewer

Sind Sie es leid, "Inspect Element" zu drücken, wenn Sie wissen möchten, welcher CSS-Stil auf ein bestimmtes Element angewendet wird? CSS Viewer hilft Ihnen dabei, wichtige Informationen wie Schriftart, Farbe und Positionierung des Elements lebendig anzuzeigen.

Stylesheet Reloader

Lädt das CSS-Stylesheet erneut, ohne die gesamte Website zu aktualisieren, was besonders für Designer mit langsamer Internetverbindung erhebliche Wartezeiten bedeutet.

BuiltWith Technology Profiler

Der coolste Teil dieser Erweiterung ist, dass sie jede implementierte Web-Technologie wie Frameworks und Web-Standard mit sehr detaillierten Informationen auflistet.

IE Tab Multi

IE Tab Multi ist der Internet Explorer in Chrome, das eine Vielzahl von IE-Standardfunktionen wie Multi Tabbing unterstützt.

Fenstergröße ändern

Mit Window Resizer können Sie die Bildschirmauflösung Ihrer Website mit Standard- oder benutzerdefinierten Bildschirmauflösungen testen.

HTML-Validator

Eine der besten Validator-Erweiterungen, die den HTML-Code der Online- oder Localhost-Webseite entweder im automatischen oder manuellen Modus überprüfen kann. Sie können das Validierungsergebnis auch auf der Webseite anzeigen oder auf einer völlig neuen Registerkarte anzeigen.

Sicht

Mit verschiedenen Design- und Schriftartoptionen hebt Sight den Quellcode der Website visuell ansprechend hervor.

PHP-Konsole

Von PHP-Fehlern verwirrt sein, aber nicht wissen, was und wo es ist? PHP Console unterstützt Sie durch Anzeige von Fehlern, Ausnahmen und Debugmeldungen im Benachrichtigungsformular.

JavaScript-API-Suche

Durch die JavaScript-API-Suche wird die Chrome Omnibox oder die so genannte Adressleiste für die Online-Suche nach JavaScript-Funktionen mit Autocomplete-Funktion unterstützt. Wenn die Erweiterung die gesuchte Funktion nicht finden kann, werden weitere Suchvorgänge von Google Codesearch, Development and Coding Search und der Mozilla Developer Network-Suche vorgeschlagen.

jQuery-API-Suche

Während jQuery sich als die führende Javascript-Bibliothek erwiesen hat, die die Benutzererfahrung verbessert, können Sie mit jQuery API Search die jQuery-API von Chrome Omnibox aus durchsuchen. Geben Sie einfach 'jq' gefolgt von einem Leerzeichen in der Omnibox ein, dann sind Sie unterwegs.

PHP-Suche

Ähnlich wie bei der jQuery-API-Suche fügt diese Erweiterung Ihrer Chrome Omnibox Unterstützung hinzu, um PHP-Code für Ihre Referenznutzung zu suchen.

Produktivität

Konzentriert bleiben

Haben Sie sich vorgenommen, die Zeit zu verschwenden, die Ihre Website verschwendet, aber es nie geschafft hat? Stay Focused fungiert als Ihr virtueller Supervisor, der die Zeitverschwendung einer Website für eine bestimmte Zeit blockiert und Sie ernsthaft darauf hinweist, wenn Sie versuchen, die Blockierungszeit für die Site aufzuheben oder zu verringern. Es ist auch mit wichtigen Funktionen wie Nuklearoption und Herausforderungsmodus ausgestattet, die Ihre Zeit mit gnadenloser Lust aufgeben.

PopChrom

Mit PopChrom können Sie eigene Tastenkombinationen für Textphrasen definieren, z. B. "ty" für "Danke". Der Aktivierungsschlüssel wird benötigt, um die Abkürzung in die definierten Textphrasen umzuwandeln. Wählen Sie daher eine Tastenkombination, die nicht mit einer anderen Tastenkombination abstürzt.

Quickrr-Produktivitätskit

Das Quickrr Productivity Kit bietet Ihnen ein Bündel grundlegender, jedoch nützlicher Tools wie Übersetzer, Taschenrechner, Task-to-do, Einheitenumrechner usw.

Todoist

Mit einem einfach einzurichtenden Konto können Sie auf diesen Task-Manager zugreifen, um alle Aufgaben zu notieren und zu bearbeiten, die Sie ausführen müssen. Das Beste an dieser Erweiterung ist, dass Ihre Aufgaben online gespeichert werden, sodass Sie mit jeder installierten Erweiterung auf den Aufgabeneintrag in jedem Chrome zugreifen können.

Ananke Timer

Verfolgen Sie Ihre Zeit für eine bestimmte Aufgabe oder zeichnen Sie die Zeit auf, die Sie auf einer bestimmten Website verbracht haben. Der Ananke-Timer unterstützt auch mehrfache Zeiterfassung und ermöglicht Ihnen das Durchsuchen der von Ihnen in der Vergangenheit aufgezeichneten Informationen.

Chrome Toolbox

Chrome Toolbox wurde von Google erstellt und bietet Ihnen benutzerdefinierte Funktionen, wie z. B. das Verhalten von Registerkarten, die Wiederherstellung von Formulardaten und die Erstellung von Verknüpfungen, durch die vordefinierte Links aus dem Lesezeichenordner gestartet werden.

Chrome-Seite erweitert

Niemand möchte mehr auf bestimmte Seiten klicken, Chrome Page Extended ist die schnellste Verknüpfung für den Zugriff auf alle erforderlichen Chrome-Seiten, z. B. Erweiterungen.

AppJump

Mit AppJump können Sie die Chrome-Anwendung über die Browser-Symbolleiste organisieren und schnell starten.

Lesezeichen Bar Switcher

Zu viele Lesezeichen und nicht effizient organisiert? Mit dem Boorkmark Bar Switcher können Sie eine brandneue Lesezeichenleiste erstellen und problemlos zwischen ihnen wechseln.

TabCloud

Speichern Sie Ihre Windows-Sitzungen und stellen Sie sie später auf einem beliebigen Computer mit TabCloud wieder her. Dadurch sparen Sie viel Zeit, wenn Sie verschiedene Websites aus verschiedenen Bereichen des Lesezeichenordners erneut öffnen.

Beschaffung

Universelle Suche

Resourcing oder Referenzierung sind mit Universal Search einfacher. Sie erhalten ein Suchfeld mit der Option zur Suche in Wikipedia, Bing und anderen Suchmaschinen. Das Suchfeld wird auch angezeigt, wenn Sie Text von der gerade angezeigten Website markieren.

Toller Screenshot

Eine absolut fantastische Screenshot-Erweiterung, die jeden Teil der Website erfasst und mit Rechtecken, Kreisen, Pfeilen, Linien und Text versehen. Sie können den Screenshot dann im PNG-Format auf Ihren Computer oder das Internet exportieren.

Clip auf Evernote

Offizielle Erweiterung von Evernote zum Erfassen und Notieren Ihrer Entdeckung im Internet und Hochladen auf Evernote. Die Erweiterung unterstützt auch die Funktion zum Suchen und Synchronisieren Ihrer gespeicherten Notiz.

Diigo

Verwenden Sie Diigo, um Haftnotizen privat oder öffentlich auf der Webseite hervorzuheben, zu kommentieren oder zu veröffentlichen, sodass Sie sie jederzeit anzeigen können, wenn Sie die Webseite erreichen.

Denkmal

Denken Sie an Thinkery als Ihr Online-Gehirn und speichern Sie dann Ihre Link-Adresse und Textauswahl, um sie später anzusehen.

meine Notizen

Das Notieren sollte ein einfacher Prozess sein. Mit myNotes können Sie markierten Text mit einem Klick im Kontextmenü mit einem Lesezeichen versehen.

Microstock Photo Power-Suche

Wahrscheinlich die einzige Sucherweiterung für Sie, die nach qualitativ hochwertigen Bildern von bekannten Agenturen wie Fotolia, Dreamstime und Shutterstock sucht.

Reflexion

Da Chrome-Erweiterungen und -Anwendungen immer weiter wachsen und sich rasant weiterentwickeln, ist es möglich, dass immer mehr Firefox-Liebhaber Google Chrome als Standard-Webbrowser nutzen. Wenden Sie sich angesichts dieser Tatsache zu Google Chrome mit seiner aktuellen Anzahl von Erweiterungen und Anwendungen? Was ist die Erweiterung, Anwendung oder Funktion, die Sie dazu motiviert, zu Google Chrome zu wechseln??

Teilen Sie uns auch mit, wenn Sie eine schöne Erweiterung in Ihrem Chrome haben, es gibt immer Platz für großartiges Werkzeug!