Inhalt
- 01. Vereinfachen Sie Google Mail
- 02. Spektrum
- 03. CSS Scan 2.0
- 04. Amino
- 05. Sizzy
- 06. Site-Palette
- 07. Checkbot
- 08. Toby
- 09. DomFlags
- 10. Highly Highlighter
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. Weitere Informationen finden Sie in unserem bevorzugten Beitrag zu Webdesign-Tools. Im Moment sind hier jedoch 30 unserer bevorzugten Chrome-Erweiterungen für Webdesigner und -entwickler.
01. Vereinfachen Sie Google Mail
Wenn Sie feststellen, dass Google Mail für das eigene Wohl etwas zu chaotisch wird, begrüßen Sie Simplify Google Mail, das alle Trümmer und schlechten UI-Entscheidungen beseitigt, die sich in den letzten Jahren eingeschlichen haben. Erstellt von Michael Mail, dem früheren Hauptdesigner von Google Mail, beseitigt er alle störenden Unordnung und bietet Ihnen eine abgespeckte und funktionale Version.
02. Spektrum
Eine Art von Farbenblindheit betrifft weltweit rund 200 Millionen Menschen, aber die Versorgung der Designer steht häufig auf der Checkliste für die Barrierefreiheit von Designern. Mit Spectrum können Sie Ihre Website jedoch schnell auf verschiedene Arten von Farbsehschwächen testen und sicherstellen, dass alles klar ist.
03. CSS Scan 2.0
Mit den Dev Tools von Chrome können Sie unter der Motorhaube überprüfen, wie eine Website funktioniert. CSS Scan 2.0 ist jedoch 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 damit bestimmte Elemente aus Themen oder Vorlagen kopieren, um sie an Ihren eigenen Gebrauch anzupassen. Sie können damit auch Ihren eigenen Code debuggen.
04. Amino
Hier ist ein weiteres großartiges CSS-Tool. Amino ist ein Live-CSS-Editor, mit dem Sie Stylesheets im Browser erstellen und in Echtzeit auf Websites anwenden können. Auf diese Weise können Sie an jeder Website, die Sie besuchen, dauerhafte Designänderungen vornehmen. 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
Responsive Webdesign ist heutzutage eine Selbstverständlichkeit und Sie möchten auf einfache Weise Ihre Designs in mehreren Ansichtsfenstern ü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.
06. Site-Palette
Wenn Sie das nächste Mal eine Website sehen, auf der Farben optimal genutzt werden, können Sie diese auf einfache Weise nutzen. Die Website-Palette extrahiert die Hauptfarben einer Website und generiert eine gemeinsam nutzbare Palette, die Sie den Mitarbeitern problemlos anzeigen können. Sie können auch eine Skizzenvorlage herunterladen. Außerdem wird Adobe Swatch unterstützt.
07. Checkbot
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.
08. Toby
Es ist eine allgemein anerkannte Wahrheit, dass es zu dem Zeitpunkt, zu 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. Damit können Sie alle diese Registerkarten als Alternative zu vielen einzelnen Lesezeichen in Sammlungen von Links organisieren, wodurch die Verwaltung erheblich vereinfacht wird.
09. DomFlags
Beschleunigen Sie die Gestaltung von Elementen mit DomFlags radikal, einer wirklich großartigen Erweiterung, mit der Sie Tastaturkürzel für DOM-Elemente erstellen können. Es ist so, 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
Hier ist eine interessante Möglichkeit, Menschen in eine Diskussion einzubeziehen: Sie können Highlights aus Artikeln im Web in hohem Maße teilen, um die Aufmerksamkeit auf die wichtigsten Schriftstellen zu lenken.
Weiter: 10 weitere Chrome-Erweiterungen
