30 Chrome-Erweiterungen für Webdesigner und Entwickler

Seite 1 von 3: Chrome-Erweiterungen 01-10

Die Dev Tools von Chrome sind großartig, aber es ist möglich, Ihrem Internetbrowser noch aufregendere Funktionen hinzuzufügen, um das Webdesign und die Webentwicklung zu vereinfachen.

Es gibt natürlich eine Menge anderer Tools, um die Dinge zu beschleunigen. Sehen Sie sich unseren Favoriten an Webdesign-Tools Post. Im Moment sind hier jedoch 30 unserer bevorzugten Chrome-Erweiterungen für Webdesigner und -entwickler.

01. Vereinfachen Sie Google Mail

Chrome-Erweiterungen: Vereinfachen Sie Google Mail



Gönnen Sie sich ein abgespecktes Google Mail(Bildnachweis: Michael Leggett)

Wenn Sie feststellen, dass Google Mail etwas zu chaotisch wird, sagen Sie Hallo zu Vereinfachen Sie Google Mail , das all die Trümmer und schlechten UI-Entscheidungen wegfegt, die sich in den letzten Jahren eingeschlichen haben. Erstellt von Gmail's ehemaligem Hauptdesigner Michael Leggett, beseitigt es alle störenden Unordnung und bietet Ihnen eine abgespeckte und funktionale Version.

02. Spektrum

Chrome-Erweiterungen: Spektrum

Mit Spectrum können Sie Websites mit farbenblinden Augen sehen(Bildnachweis: Spektrum)

Eine Art Farbenblindheit betrifft weltweit rund 200 Millionen Menschen, aber die Versorgung mit ihnen steht auf der Checkliste für die Barrierefreiheit von Designern häufig nur unzureichend. Mit Spektrum Sie können Ihre Website jedoch schnell auf verschiedene Arten von Farbsehstörungen testen und sicherstellen, dass alles klar ist.

wie man Verzerrungen in Photoshop korrigiert

03. CSS Scan 2.0

Chrome-Erweiterungen: CSS Scan 2.0

Holen Sie sich cooles CSS ohne Dev Tools(Bildnachweis: CSS Scan)

Die Dev Tools von Chrome sind eine praktische Möglichkeit, unter der Motorhaube zu überprüfen, wie eine Website funktioniert CSS Scan 2.0 ist noch einfacher, wenn Sie sich CSS ansehen möchten. Wenn Sie den Mauszeiger über ein Element bewegen, wird dessen CSS in einer Popup-Ansicht angezeigt, sodass Sie die Regeln mit einem einzigen Klick kopieren können. Sie können es verwenden, um bestimmte Elemente aus Themen oder Vorlagen zu kopieren, um sie für Ihren eigenen Gebrauch anzupassen, und es eignet sich hervorragend zum Debuggen Ihres eigenen Codes.

04. Amino

Chrome-Erweiterungen: Amino

Mit Amino können Sie Ihre Lieblingsseiten im laufenden Betrieb neu gestalten(Bildnachweis: Amino)

Hier ist ein weiteres großartiges CSS-Tool. Amino ist ein Live-CSS-Editor, mit dem Sie Stylesheets im Browser generieren und in Echtzeit auf Websites anwenden können. Sie können effektiv dauerhafte Designänderungen an jeder Website vornehmen, die Sie besuchen. Wenn Sie mit Ihrem Google-Konto bei Chrome angemeldet sind, werden die Stylesheets synchronisiert, sodass Sie auf allen Desktop-Geräten von Chrome aus darauf zugreifen können.

05. Sizzy

Chrome-Erweiterungen: Sizzy

Eine einfache Möglichkeit, Ihre Website in mehreren Ansichtsfenstern zu testen

Sich anpassendes Webdesign Heutzutage ist dies eine Selbstverständlichkeit, und Sie möchten eine einfache Möglichkeit, Ihre Designs in mehreren Ansichtsfenstern zu überprüfen. Sizzy ist einen Blick wert. Es zeigt Ihnen eine interaktive Ansicht Ihrer Seite, die auf verschiedenen Bildschirmgrößen des Geräts gerendert wurde. Sie können auch eine simulierte Gerätetastatur ein- und ausblenden und zwischen Hoch- und Querformat wechseln.

Verwendung eines Leuchtkastens zur Verfolgung

06. Palettenstandort

Chrome-Erweiterungen: Site-Palette

Wenn Ihnen ein Farbschema gefällt, können Sie es mit der Site-Palette ausleihen

Wenn Sie das nächste Mal eine Website sehen, auf der Farben optimal genutzt werden, können Sie diese auf einfache Weise nutzen. Palettenstandort extrahiert die Hauptfarben von einer Website und generiert eine gemeinsam nutzbare Palette, die Sie den Mitarbeitern problemlos anzeigen können. Sie können auch eine Skizzenvorlage herunterladen, und es gibt auch Unterstützung für Adobe Swatch.

07. Checkbot

Chrome-Erweiterungen: Checkbot

Sortieren Sie all diese defekten Links aus und erhalten Sie einen kostenlosen SEO-Schub

Wenn Sie sicherstellen, dass alle Links auf Ihrer Website tatsächlich funktionieren, ist dies ein sofortiger Gewinn für die Benutzerfreundlichkeit und eine gute Möglichkeit, Ihre SEO zu verbessern. Checkbot ist eine Chrome-Erweiterung, die nach defekten Links, doppelten Titeln, Weiterleitungsketten, ungültigem HTML / JS / CSS und vielem mehr sucht, sodass Sie Ihre Website schnell auf fehlerhafte Links überprüfen und diese beheben können.

beste Manga-Künstler aller Zeiten

08. Toby

Chrome-Erweiterungen: Toby

Verwandeln Sie all diese widerspenstigen Registerkarten in nützliche Sammlungen von Lesezeichen

Es ist eine allgemein anerkannte Wahrheit, dass es zu dem Zeitpunkt, an dem Sie Chrome für ein paar Stunden geöffnet haben, ein verwirrendes Nest von Registerkarten in der Breite Ihres kleinen Fingers sein wird. Toby ist eine großartige Möglichkeit, sie zu zähmen. Mit dieser Funktion können Sie alle diese Registerkarten als Alternative zu zahlreichen einzelnen Lesezeichen in Sammlungen von Links organisieren, wodurch die Verwaltung erheblich vereinfacht wird.

09. DomFlags

Chrome-Erweiterungen: DomFlags

Eine neue Art, mit DevTools zu arbeiten

Beschleunigen Sie radikal die Prozesse der Styling-Elemente mit DomFlags , eine wirklich großartige Erweiterung, mit der Sie Tastaturkürzel für DOM-Elemente erstellen können. Es ist, als hätten Sie Lesezeichen für die Navigation im DOM. Dies ändert die Art und Weise, wie Sie mit DevTools arbeiten.

10. Highly Highlighter

Chrome-Erweiterungen: Sehr

Hoch, eine neue Art, an Branchengesprächen teilzunehmen

Hier ist eine interessante Möglichkeit, Menschen in eine Diskussion einzubeziehen: Höchst Mit dieser Option können Sie Highlights aus Artikeln im Web teilen, um die Aufmerksamkeit auf die wichtigsten Schriftstellen zu lenken.

Weiter: 10 weitere Chrome-Erweiterungen

Schwarzweiss-Malerei mit Farbe

Aktuelle Seite: Chrome-Erweiterungen 01-10

Nächste Seite Chrome-Erweiterungen 11-20