10 meilleures extensions Safari pour les concepteurs et les développeurs Web

Le navigateur Web Safari d’Apple est apprécié par de nombreux passionnés d’Apple et de Mac. C'est une alternative solide à Chrome (et fait souvent un excellent travail sur le front de la confidentialité et de la sécurité). Il existe d'excellentes extensions Safari qui peuvent aider les concepteurs à augmenter leur productivité et à améliorer leur expérience de navigation.

Vous pouvez trouver toutes ces extensions dans la galerie des extensions d'Apple, mais nous avons sélectionné ci-dessous certains de nos favoris. Que vous souhaitiez améliorer la reconnaissance de vos caractères, comprendre ce qui motive un site Web dans les coulisses ou mieux vérifier votre grammaire, nous sommes là pour vous!

1. Fontface Ninja

Fontface Ninja est une extension de navigateur gratuite qui vous aide à comprendre et à essayer les polices. Vous pouvez inspecter, essayer, acheter et mettre en signet toutes les polices d'un site Web en quelques clics.

Une fois installé, survolez une police de caractères pour voir le nom de la police, sa taille, son espacement, sa hauteur et la couleur des lettres. Ensuite, vous pouvez cliquer pour essayer une police de caractères sans quitter le site Web sur lequel vous naviguez. De plus, Fontface peut fournir le prix et les liens à acheter pour plus de 30 000 caractères.

Ne vous demandez jamais ce qu'est une police.

2. Traqueur de temps Everhour

Everhour Time Tracker enregistre le temps passé à travailler dans les outils de gestion de projet. C'est une excellente extension pour aider les concepteurs (et les pigistes) à voir exactement combien de temps ils consacrent à certaines fonctions.

Vous pouvez utiliser l'outil de suivi du temps pour vous connecter aux systèmes de facturation et de paie.

Le véritable avantage, c'est qu'il se connecte à de nombreuses applications, notamment des outils de gestion de projets très répandus, tels qu'Asana, Trello, Basecamp et JIRA.

3. Survolez

HoverSee permet aux utilisateurs de passer la souris sur une image ou un lien pour agrandir la photo ou prévisualiser le contenu du site Web avant de cliquer sur un lien.

HoverSee permet aux utilisateurs de voir un contenu amélioré pour les images miniatures sur les médias sociaux et les sites d'actualités, des liens vers des galeries d'images, des liens vers du contenu vidéo, des liens directs vers des images et des sites similaires activés par l'utilisateur.

Il s’agit d’une extension intéressante si vous souhaitez consulter rapidement des informations sans perdre de vue votre lieu de travail. Cela peut vous faire gagner du temps.

4. Notifiant pour GitHub

Notifications pour GitHub affiche un excellent petit outil pour lire les notifications que vous avez sur GitHub. Cela peut être un compagnon utile pour les utilisateurs actifs qui ne veulent pas se connecter pour voir ce qui se passe avec leurs fourches.

5. Détecteur de thèmes et de plugins pour WordPress

Vous êtes-vous déjà demandé quels outils alimentent un autre site Web? Le détecteur de thèmes et de plugins pour WordPress vous indique exactement ce qui fonctionne en arrière-plan sur les autres sites Web du système de gestion de contenu populaire.

En un clic sur un petit bouton dans la barre d’outils, vous pouvez voir le thème et la version, ainsi que la version de WordPress en cours d’exécution. Il détecte également les autres plug-ins en cours d'utilisation et en inclut une brève description avec liens et tarification.

6. Grammarly

L'extension Grammarly aide à peaufiner votre écriture directement dans le navigateur Web. L'outil, fourni avec les versions gratuites du logiciel payantes et payantes, fournit une correction simple et précise de la rédaction.

Il peut détecter les erreurs de grammaire, d'orthographe et de style afin de garder les conceptions de votre site Web nettes et peaufinées du début à la fin. Il suggérera des modifications à l'écran pour que vous puissiez cliquer pour ajuster ou ignorer une suggestion et continuer d'avancer. (C’est l’un de ces outils qui peut réellement vous éviter d’être ridicule à cause d’une erreur.)

7. Track Duck

TrackDuck est un outil de collecte de commentaires fourni avec un plan payé. Il vous aide à recueillir des commentaires à toutes les étapes du processus de conception de sites Web.

Vous pouvez partager des maquettes, des phases de développement, etc., et obtenir les commentaires d'autres utilisateurs. Il fonctionne avec plusieurs plates-formes CMS telles que WordPress, MODX, Squarespace et Shopify.

8. Rebrandly

Vos liens Web sont-ils longs et encombrants? L'extension et la plate-forme Rebrandly vous permettent de créer et de partager des lieurs plus courts à l'aide de votre domaine personnalisé.

Vous pouvez personnaliser les liens pour faciliter leur mémorisation par les utilisateurs. De plus, cet outil contribue à améliorer la visibilité de la marque, car vous utilisez votre domaine et non un tiers. Cela aidera également les utilisateurs à faire confiance à vos liens car ils n'incluront pas de texte inhabituel et sont optimisés pour la recherche.

L’extension est facile à utiliser et vous fera gagner du temps dans votre flux de travail. Vous n'aurez pas à changer de liens anciens et maladroits, ce qui peut nuire aux liens établis. De plus, vous pouvez partager directement sur les canaux de médias sociaux.

9. SEOquake

SEOquake vous permet de vérifier rapidement l'optimisation des moteurs de recherche avec cette extension.

Vous pouvez effectuer un audit de référencement, consulter des liens internes et externes, comparer des domaines et des URL (même en temps réel) et exporter vos informations.

L'extension fonctionne rapidement et n'entraîne pas trop d'effort sur votre système, tout en fournissant un audit de référencement rapide et simple sur votre site Web. La barre d'outils incluse fournit également des informations sur le référencement pour les autres sites Web lorsque vous naviguez, vous permettant ainsi de vous comparer au vôtre. Une autre caractéristique clé de l'outil est une analyse de mots-clés qui vous permet de visualiser tous les mots-clés utilisés dans la conception d'un site Web spécifique.

De plus, vous pouvez personnaliser cette extension pour n’afficher que les informations que vous souhaitez voir, de sorte qu’il n’ya pas d’interface encombrante à gérer.

10. élégant

Stylish vous permet de personnaliser vos sites Web préférés - pensez à donner un coup de jeune à Facebook - avec des CSS personnalisées ou en utilisant des milliers d'autres styles d'utilisateur propulsés par la communauté active Stylish. L'extension fonctionne à l'aide de Google Analytics.

Conclusion

La meilleure partie des grandes extensions de navigateur Web est qu'elles peuvent vous empêcher de répéter certaines tâches tout au long de la journée. Pour de nombreux concepteurs, cela peut représenter un gain de temps considérable. Vous pouvez trouver toutes ces extensions sur la page Extensions Apple Safari de l'App Store.

Y a-t-il des extensions Safari que vous aimez qui ne figurent pas sur cette liste? Dites-le nous sur Twitter assurez-vous juste de taguer @designshack.