10 meilleures extensions Safari pour les concepteurs et 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 à créer une meilleure expérience de navigation.
Vous pouvez trouver toutes ces extensions dans la galerie d'extensions d'Apple, mais nous avons sélectionné certaines de nos préférées ci-dessous. Que vous souhaitiez améliorer votre reconnaissance de caractères, comprendre ce qui alimente un site Web dans les coulisses ou mieux vérifier votre grammaire, nous avons ce qu'il vous faut!
Explorez les ressources de conception
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 sur n'importe quel site Web en quelques clics.
Une fois installé, survolez simplement une police pour voir le nom de la police, la taille, l'espacement des lignes, la hauteur des lignes 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 polices de caractères.
Ne vous demandez plus jamais ce qu'est une police.
2. Suivi du temps Everhour
Everhour Time Tracker assure le suivi du temps que vous passez à 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 passent sur certaines fonctions.
Vous pouvez utiliser l'outil de suivi du temps pour établir un lien avec les systèmes de facturation et de paie.
Le véritable avantage est qu'il se connecte à de nombreuses applications - en particulier aux outils de gestion de projet populaires tels que Asana, Trello, Basecamp et JIRA.
3. HoverSee
HoverSee permet aux utilisateurs de passer la souris sur une image ou un lien pour agrandir des photos ou prévisualiser le contenu d'un site Web avant de cliquer sur un lien.
HoverSee permet aux utilisateurs de voir le contenu amélioré pour les images miniatures sur les réseaux sociaux et les sites Web d'actualités, les liens vers les galeries d'images, les liens vers le contenu vidéo, les liens directs vers les images et les goûts vers tous les sites Web activés par l'utilisateur.
Il s'agit d'une extension astucieuse si vous souhaitez consulter rapidement les informations sans perdre de vue l'endroit où vous travaillez. Cela peut vous faire gagner du temps.
4. Notification 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 d'autres sites Web sur le système de gestion de contenu populaire.
En un clic sur un petit bouton de 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 plugins utilisés et en inclut de brèves descriptions avec des liens et des prix.
6. Grammaire
L'extension Grammarly aide à peaufiner votre écriture directement dans le navigateur Web. L'outil, fourni avec des versions gratuites et payantes du logiciel, permet une relecture facile et précise au fur et à mesure que vous écrivez.
Il peut détecter les erreurs de grammaire, d'orthographe et de style pour aider à garder les conceptions de votre site Web propres et soignées du début à la fin. Il suggérera des modifications à l'écran afin que vous puissiez cliquer pour ajuster ou ignorer une suggestion et continuer à avancer. (C'est l'un de ces outils qui peut vraiment vous éviter d'avoir l'air idiot à cause d'une erreur.)
7. Track Duck
TrackDuck est un outil de collecte de commentaires fourni avec un plan payant. Il vous aide à recueillir des commentaires à toutes les étapes du processus de conception d'un site Web.
Vous pouvez partager des maquettes, des phases de développement et plus encore et obtenir des commentaires d'autres utilisateurs. Il fonctionne avec plusieurs plateformes 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 liens plus courts en utilisant votre domaine personnalisé.
Vous pouvez créer des liens de marque pour les rendre plus faciles à mémoriser pour les utilisateurs. De plus, cet outil permet d'améliorer la visibilité de la marque car vous utilisez votre domaine, pas un tiers. Il aidera également les utilisateurs à faire confiance à vos liens car ils n'incluront pas de texte bizarre et est optimisé pour la recherche.
L'extension est facile à utiliser et vous fera gagner du temps dans votre flux de travail sur toute la ligne. Vous n'aurez pas à modifier les liens anciens et maladroits, ce qui peut nuire aux liens établis. De plus, vous pouvez partager directement sur les réseaux sociaux.
9. SEOquake
SEOquake vous permet de vérifier rapidement l'optimisation des moteurs de recherche avec cette extension.
Vous pouvez effectuer un audit SEO, consulter les liens internes et externes, comparer les domaines et les URL (même en temps réel) et exporter vos informations.
L'extension fonctionne rapidement et ne met pas beaucoup de frein sur votre système tout en fournissant un audit SEO simple et rapide sur votre site Web. La barre d'outils incluse fournit également des informations sur le référencement pour d'autres sites Web pendant que vous naviguez afin que vous puissiez les comparer aux vôtres. Une autre caractéristique clé de l'outil est une analyse des mots clés qui vous aide à visualiser tous les mots clés utilisés dans une conception de site Web spécifique.
De plus, vous pouvez personnaliser cette extension pour afficher uniquement les informations que vous souhaitez voir, il n'y a donc pas d'interface lourde à gérer.
10. Élégant
Élégant vous permet de personnaliser vos sites Web préférés - pensez à donner un coup de jeune à Facebook - avec du CSS personnalisé ou en utilisant des milliers d'autres styles d'utilisateur propulsés par la communauté active Élégant. L'extension fonctionne à l'aide de Google Analytics.
Conclusion
La meilleure partie des excellentes 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 être un énorme gain de temps. Vous pouvez trouver toutes ces extensions sur la page Extensions Apple Safari dans 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 simplement de marquer @designshack.
