10 besten Safari-Erweiterungen für Webdesigner und -Entwickler

Apples Safari-Webbrowser wird von vielen Apple- und Mac-Enthusiasten geschätzt. Es ist eine solide Alternative zu Chrome (und leistet oft gute Arbeit im Bereich Privatsphäre und Sicherheit). Es gibt einige großartige Safari-Erweiterungen, mit denen Designer ihre Produktivität steigern und ein besseres Browsererlebnis schaffen können.

Sie finden alle diese Erweiterungen in der Erweiterungsgalerie von Apple. Nachfolgend haben wir einige unserer Favoriten zusammengestellt. Egal, ob Sie Ihre Schrifterkennung verbessern möchten, wissen möchten, was eine Website hinter den Kulissen auslöst, oder ob Sie Ihre Grammatik besser überprüfen möchten - wir haben alles für Sie!

1. Fontface Ninja

Fontface Ninja ist eine kostenlose Browsererweiterung, mit der Sie Schriftarten herausfinden und ausprobieren können. Mit nur wenigen Klicks können Sie beliebige Schriften auf jeder Website prüfen, ausprobieren, kaufen und mit einem Lesezeichen versehen.

Wenn Sie installiert sind, bewegen Sie den Mauszeiger über eine Schrift, um den Namen, die Größe, den Zeilenabstand, die Zeilenhöhe und die Farbe der Buchstaben anzuzeigen. Sie können dann klicken, um eine Schrift auszuprobieren, ohne die Website zu verlassen, auf der Sie surfen. Darüber hinaus kann Fontface den Preis und die Links zum Kauf von mehr als 30.000 Schriften liefern.

Ich frage mich nie wieder, was eine Schrift ist.

2. Everhour Time Tracker

Everhour Time Tracker verfolgt, wie viel Zeit Sie mit Projektmanagement-Tools verbringen. Es ist eine großartige Erweiterung, mit der Designer (und Freelancer) genau sehen können, wie viel Zeit sie für bestimmte Funktionen aufwenden.

Sie können das Zeiterfassungstool verwenden, um eine Verknüpfung mit Rechnungs- und Abrechnungssystemen herzustellen.

Der wahre Bonus ist, dass es eine Vielzahl von Apps anbietet - insbesondere beliebte Projektmanagement-Tools wie Asana, Trello, Basecamp und JIRA.

3. HoverSee

Mit HoverSee können Benutzer mit der Maus über ein Bild oder einen Link fahren, um Fotos zu vergrößern oder den Inhalt der Website in der Vorschau anzuzeigen, bevor Sie auf einen Link klicken.

Mit HoverSee können Benutzer erweiterte Inhalte für Miniaturbilder auf Social-Media- und Nachrichten-Websites, Links zu Bildergalerien, Links zu Videoinhalten, direkte Links zu Bildern und Likes zu Websites anzeigen, die vom Benutzer aktiviert werden.

Dies ist eine clevere Erweiterung, wenn Sie Informationen schnell anzeigen möchten, ohne den Überblick über Ihre Arbeitsumgebung zu verlieren. Es kann Zeit sparen.

4. Notifier für GitHub

Benachrichtigungen für GitHub zeigt ein großartiges Werkzeug zum Lesen von Benachrichtigungen, die Sie über GitHub haben. Dies kann ein hilfreicher Begleiter für aktive Benutzer sein, die sich nicht anmelden möchten, um zu sehen, was mit ihren Gabeln passiert.

5. Theme und Plugins Detector für WordPress

Haben Sie sich jemals gefragt, welche Tools eine andere Website unterstützen? Der Theme and Plugins Detector für WordPress zeigt Ihnen genau, was im Hintergrund anderer Websites auf dem beliebten Content-Management-System funktioniert.

Mit einem Klick auf eine kleine Schaltfläche in der Symbolleiste können Sie das Design und die Version sowie die aktuelle Version von WordPress sehen. Es erkennt auch andere Plugins, die verwendet werden, und enthält kurze Beschreibungen mit Links und Preisen.

6. Grammatisch

Die Grammatikerweiterung hilft, Ihr Schreiben direkt im Webbrowser zu verbessern. Das Tool, das mit kostenlosen, kostenpflichtigen Versionen der Software geliefert wird, ermöglicht ein einfaches und genaues Korrekturlesen während des Schreibens.

Es kann Grammatik-, Rechtschreib- und Stilfehler erkennen und so das Design Ihrer Website von Anfang bis Ende sauber und aufgeräumt halten. Es werden Änderungen auf dem Bildschirm vorgeschlagen, sodass Sie klicken können, um einen Vorschlag anzupassen oder zu ignorieren und vorwärts zu gehen. (Dies ist eines dieser Tools, die Sie wirklich davor bewahren können, wegen eines Fehlers dumm auszusehen.)

7. Track Duck

TrackDuck ist ein Feedback-Tool, das mit einem bezahlten Plan geliefert wird. Sie erhalten Feedback zu allen Schritten des Website-Design-Prozesses.

Sie können Modelle, Entwicklungsphasen und mehr freigeben und Feedback von anderen Benutzern erhalten. Es funktioniert mit mehreren CMS-Plattformen wie WordPress, MODX, Squarespace und Shopify.

8. Rebrandly

Sind Ihre Weblinks lang und umständlich? Mit der Erweiterung und Plattform Rebrandly können Sie kürzere Linker mithilfe Ihrer benutzerdefinierten Domäne erstellen und freigeben.

Sie können Links mit Marken versehen, um sie für Benutzer leichter zu merken. Außerdem hilft dieses Tool dabei, die Sichtbarkeit der Marke zu verbessern, da Sie Ihre Domain und keine Drittanbieter verwenden. Es hilft Benutzern auch, Ihren Links zu vertrauen, da sie keinen Text enthalten und für die Suche optimiert sind.

Die Erweiterung ist einfach zu verwenden und spart Zeit in Ihrem Workflow. Sie müssen keine alten und unübersichtlichen Links ändern, was die etablierten Links verletzen kann. Außerdem können Sie direkt auf Social-Media-Kanälen teilen.

9. SEOquake

Mit SEOquake können Sie die Suchmaschinenoptimierung mit dieser Erweiterung schnell überprüfen.

Sie können ein SEO-Audit durchführen, interne und externe Links anzeigen, Domänen und URLs (auch in Echtzeit) vergleichen und Ihre Informationen exportieren.

Die Erweiterung funktioniert schnell und bringt Ihrem System keinen großen Widerstand, während es eine schnelle und einfache SEO-Überprüfung Ihrer Website ermöglicht. Die mitgelieferte Symbolleiste enthält auch Informationen über SEO für andere Websites, während Sie browsen, um einen Vergleich mit Ihrer eigenen zu ermöglichen. Eine weitere wichtige Funktion des Tools ist die Keyword-Analyse, mit der Sie alle in einem bestimmten Website-Design verwendeten Keywords visualisieren können.

Außerdem können Sie diese Erweiterung so anpassen, dass nur die Informationen angezeigt werden, die Sie anzeigen möchten. Es gibt also keine umständliche Benutzeroberfläche.

10. Stilvoll

Mit Stylish können Sie Ihre Lieblingswebseiten anpassen - denken Sie, Facebook ein Facelift zu verleihen - mit benutzerdefiniertem CSS oder mit Tausenden anderer Benutzerstile, die von der aktiven Stylish-Community unterstützt werden. Die Erweiterung funktioniert mit Google Analytics.

Fazit

Das Beste an großartigen Webbrowsererweiterungen ist, dass sie verhindern können, dass bestimmte Aufgaben den ganzen Tag wiederholt werden. Für viele Designer kann dies eine große Zeitersparnis bedeuten. Sie finden alle diese Erweiterungen auf der Seite Apple Safari Extensions im App Store.

Gibt es irgendwelche Safari-Erweiterungen, die Sie nicht auf dieser Liste finden? Erzählen Sie uns auf Twitter. Stellen Sie sicher, dass Sie @designshack mit einem Tag versehen.