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

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

Aber jetzt ändert sich alles wieder. Es ist keine Überraschung, dass andere Geeks die gleiche Liebe zu Chrome haben und beschlossen, Chrome Extension zu erstellen, die eine ähnliche Funktion wie Firefox Addon hat. Ich habe mich mit diesen Erweiterungen beschäftigt und war sehr zufrieden mit ihnen, deshalb habe ich beschlossen, 40 Erweiterungen zu sammeln, was sehr hilfreich für Webdesigner ist und mit euch teilen.

Hier sind sie also für Sie, richten Sie Ihr Chrome ein und steigern Sie Ihre Produktivität.

Farbe

Farbwähler

Genau wie sein Name, ist ColorPicker eine praktische Erweiterung, die hauptsächlich erstellt wurde, um den Farbwert von überall auf der Webseite auszuwählen und zu erhalten. Außerdem 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 des Farbschemas vom Bild? Die Chrome-Palette löst Ihr Problem effizient, indem Sie aus dem Bild der Website bis zu 64 Farbpaletten für Ihre Design- oder Inspirationsbedürfnisse erstellen.

Farboptimierer

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

Typografie

Schrift-Editor

Mit dem Font Editor können Sie nicht mehr raten und ermüdende Programmwechsel durchführen. Sie können die Schriftgröße wie Größe, Zeilenhöhe und variantenreiche Schrift ändern und beobachten.

Google Schrift-Vorschau

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

Entwicklung

Web-Entwickler

Wahrscheinlich die unverzichtbare Erweiterung für Webdesigner und Entwickler. Von der Anzeige von Skripts bis zur Anzeige von Objektinformationen bietet Web Developer alle Informationen, die Sie von einer bestehenden Website benötigen. Die Erweiterung ist auch mit nützlichen Tools wie Farbwähler, Fenster Resizer, Validator, etc. bewaffnet.

Pendule

Leichtes und handliches Entwicklertool, das dem Web Developer ähnlich ist, aber nur mit den notwendigen Tools wie Style Viewer, Source Viewer und Validator ausgestattet ist.

Firebug Lite

Anders als in Firefox bietet Firebug Lite eine Firefox-ähnliche visuelle Darstellung, wenn es um HTML-Elemente, DOM-Elemente und Boxmodell-Sharing geht. Es bietet auch die Möglichkeit, HTML-Elemente mit der Maus zu untersuchen, und Sie können CSS-Eigenschaften mit dieser Erweiterung lebendig bearbeiten.

Stylebot

Mit StyleBot können Sie jede Webseite direkt formatieren, ohne den CSS-Code zu berühren. Das spart viel Tipparbeit. Die beste Eigenschaft dieser Erweiterung ist wahrscheinlich ihre Fähigkeit, CSS-Code für Ihre Verwendung zu generieren, jedes Mal, wenn Sie eine Änderung an der Website vornehmen.

CSSViewer

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

Stylesheet Reloader

Lädt das CSS-Stylesheet neu, ohne die gesamte Website zu aktualisieren, was vor allem für Designer mit langsamer Internetverbindung die Wartezeit erheblich verkürzt.

BuiltWith Technologie Profiler

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

IE Registerkarte Multi

Der IE Tab Multi ist der Internet Explorer in Chrome, der die meisten 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-Prüfer

Eine der besten Validierererweiterungen, die den HTML-Code der Online- oder Localhost-Webseite im automatischen oder manuellen Modus validieren können. Sie können das Validierungsergebnis auch auf der Webseite anzeigen oder auf einer komplett neuen Registerkarte anzeigen.

Sicht

Mit verschiedenen Themen- und Schriftoptionen hebt Sight den Quellcode der Website in einer visuell angenehmeren Form hervor.

PHP-Konsole

Von PHP-Fehlern abgehört zu werden, aber nicht wissen, was und wo es ist? PHP Console unterstützt Sie bei Anzeigefehlern, Ausnahmen und Debug-Meldungen im Benachrichtigungsformular.

JavaScript-API-Suche

Die JavaScript-API-Suche bietet Unterstützung für die Chrome Omnibox oder die so genannte Adressleiste, um mit der Autocomplete-Funktion nach JavaScript-Funktionen online zu suchen. Wenn die Erweiterung die von Ihnen gesuchte Funktion nicht finden kann, wird sie Ihnen weitere Suchanfragen aus Google Codesearch, der Such- und Codierungssuche und der Mozilla Developer Network-Suche vorschlagen.

jQuery API Suche

Während sich jQuery als die führende JavaScript-Bibliothek erwiesen hat, die die Benutzerfreundlichkeit verbessert, bietet Ihnen die jQuery API-Suche die Möglichkeit, über die jQuery-API von Chrome Omnibox zu suchen. Geben Sie einfach "jq" gefolgt von einem Leerzeichen in Omnibox ein, dann sind Sie unterwegs.

PHP-Suche

Ähnlich wie bei der jQuery-API-Suche bietet diese Erweiterung Unterstützung für Ihre Chrome Omnibox, um nach PHP-Code für Ihre Referenz zu suchen.

Produktivität

Konzentriert bleiben

Gepflegt, um sich von der zeitverschwendenden Website fernzuhalten, aber nie erfolgreich? Stay Focused fungiert als Ihr virtueller Supervisor, der die zeitverschwendende Website für eine bestimmte Zeit blockiert und Sie ernsthaft berät, wenn Sie versuchen, die Sperrzeit für die Site zu entsperren oder zu verringern. Es ist auch mit entscheidenden Features wie nukleare Option und Challenge-Modus bewaffnet, die Ihre Zeit verschwendet Begierde in einer gnadenlosen Weise zu töten.

PopChrom

Mit PopChrom können Sie Ihre eigenen Abkürzungen für Textphrasen definieren, wie "ty" für "danke". Der Aktivierungsschlüssel wird benötigt, um die Abkürzung in die definierten Textphrasen umzuwandeln. Wählen Sie also eine Tastenkombination, die nicht mit einem anderen Tastenkürzel abstürzt.

Quickrr Produktivität Kit

Quickrr Productivity Kit bietet Ihnen ein Bündel von grundlegenden, aber nützlichen Tools wie Übersetzer, Taschenrechner, Task-to-do, Einheitenumrechner usw.

Todoist

Mit einem leicht zu konfigurierenden Konto können Sie auf diesen Task-Manager zugreifen, um alle Aufgaben, die Sie erledigen müssen, zu notieren und zu bearbeiten. Der beste Teil dieser Erweiterung ist, dass Ihre Aufgaben online gespeichert werden, sodass Sie mit dieser Erweiterung auf den Aufgabeneintrag in jedem Chrome zugreifen können.

Ananker-Timer

Verfolgen Sie Ihre Zeit für eine bestimmte Aufgabe oder zeichnen Sie die Zeit auf, die Sie auf einer bestimmten Website verbracht haben. Ananke Timer unterstützt auch mehrere Zeiterfassung und ermöglicht es Ihnen zu durchsuchen, was Sie in der Vergangenheit verfolgt haben.

Chrome-Toolbox

Google Chrome Toolbox wurde von Google entwickelt und bietet Ihnen benutzerdefinierte Funktionen wie die Änderung des Tab-Verhaltens, die Wiederherstellung von Formulardaten und die Verknüpfungserstellung, mit der vordefinierte Links aus dem Lesezeichenordner gestartet werden.

Chrome-Seite erweitert

Niemand möchte mehr klicken, um auf eine bestimmte Seite zuzugreifen. Chrome Page Extended ist Ihre schnellste Verknüpfung, um auf alle erforderlichen Chrome-Seiten wie Erweiterungen zuzugreifen.

AppJump

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

Lesezeichen-Umschalter

Zu viele Lesezeichen und konnten sie nicht effizient organisieren? Boorkmark Bar Switcher ermöglicht es Ihnen, eine neue Lesezeichenleiste zu erstellen und zwischen ihnen zu wechseln.

TabCloud

Speichern Sie Ihre Windows-Sitzungen und stellen Sie sie später auf jedem Computer mit TabCloud wieder her. Dadurch sparen Sie viel Zeit beim erneuten Öffnen einer anderen Website aus einem anderen Teil des Lesezeichenordners.

Ressourcen

Ähnliche Seiten

Google wurde von dem Suchmaschinengiganten Google entwickelt und durchsucht das Web nach ähnlichen Webinhalten, die Sie gerade lesen und interessieren.

Universelle Suche

Resourcing oder Referenzierung sind einfacher mit Universal Search, die Ihnen ein Suchfeld mit der Option bietet, auf Wikipedia, Bing und anderen Suchmaschinen zu suchen. Das Suchfeld wird auch angezeigt, wenn Sie Text von der Website, die Sie gerade anzeigen, markieren.

Super Screenshot

Eine total tolle Screenshot-Erweiterung, die jeden Teil der Website einfängt und mit Rechtecken, Kreisen, Pfeilen, Linien und Text beschriftet. Sie können den Screenshot dann im PNG-Dateiformat auf Ihren Computer oder das Internet exportieren.

Clip auf Evernote

Offizielle Erweiterung von Evernote, um Ihre Entdeckung im Internet zu erfassen und zu notieren und dann nach Evernote hochzuladen. 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 zu markieren, zu kommentieren oder zu veröffentlichen, damit Sie sie jederzeit auf der Webseite anzeigen können.

Überlegung

Denk Thinkery als dein Online-Gehirn und speichere dann deine Linkadresse und Textauswahl zur späteren Betrachtung.

meine Notizen

Die Notiz sollte ein einfacher Vorgang sein und mit myNotes ist es möglich, ausgewählten Text mit nur einem Klick im Kontextmenü zu markieren.

Microstock Photo Power Suche

Wahrscheinlich die einzige Suche Erweiterung für Sie für qualitativ hochwertige Stock Foto von berühmten Agenturen wie Fotolia, Dreamstime und Shutterstock suchen.

Betrachtung

Da Chrome-Erweiterungen und -Anwendungen weiter wachsen und sich ständig weiterentwickeln, ist es möglich, dass immer mehr Firefox-Liebhaber Google Chrome als Standard-Webbrowser verwenden. Werden Sie Ihr Gesicht mit der aktuellen Anzahl an Erweiterungen und Anwendungen auf Google Chrome ausrichten? Welche Erweiterung, Anwendung oder Funktion werden Sie motivieren, zu Google Chrome zu wechseln?

Teilen Sie uns auch mit, wenn Sie eine schöne Erweiterung in Ihrem Chrome haben, da ist immer Platz für ein tolles Tool!

Index Weitere Dateien in Suchabfragen in Windows 8.1 [Quicktip]

Eine Sache, die Windows 8.1-Benutzer frustriert, ist die Tatsache, dass sie nicht in der Lage sind, ihre Dateien mithilfe der eingebauten Suchfunktionen von Metro zu suchen. Aus irgendeinem Grund können Sie nur nach Dateien suchen, die auf Ihrem Desktop und Ihrer Bibliothek verfügbar sind, aber nirgendwo anders.

(Tech- und Design-Tipps)

Kostenloses Open Source Reddit User Analyse Tool

Die Reddit Community ist absolut massiv mit so viel zu tun und so viel Inhalt zu durchsuchen. Aber Subreddits sind nicht der einzige interessante Teil von Reddit.Sie können auch in die Benutzerdatenbank eintauchen, die Reddit zu einer wirklich benutzergesteuerten Website macht. Mit Reddit User Analyzer können Sie jeden Benutzernamen durchsuchen und sofort Ergebnisse zu ihren Kommentarmustern, ihren Top-Subreddits, ihren am häufigsten verwendeten Wörtern und vielem mehr erhalten.Am

(Tech- und Design-Tipps)