Les concepteurs passent beaucoup de temps à effectuer des tâches répétitives : choix des palettes de couleurs, inspection des polices de caractères, tests de réactivité et recherche d'inspiration. Bon nombre de ces étapes peuvent être automatisées ou considérablement accélérées grâce aux plugins de navigateur appropriés.
Cet article présente 34 outils pratiques compatibles avec Google Chrome. Ils rationaliseront votre flux de travail, réduiront les tâches routinières et vous permettront d'accéder rapidement à tout ce dont vous avez besoin.
Cet article présente 34 outils pratiques compatibles avec Google Chrome. Ils rationaliseront votre flux de travail, réduiront les tâches routinières et vous permettront d'accéder rapidement à tout ce dont vous avez besoin.
Contenu :
- Que sont les extensions de navigateur et comment les installer ?
- Outils de couleur
- Outils de typographie
- Images, vidéo et audio
- Analyse et édition des pages
- Captures et enregistrements d'écran
- Prototypage et essais
- Inspiration visuelle
- Optimisation des flux de travail
- Aide-mémoire des plugins utiles
Que sont les extensions de navigateur et comment les installer ?
Les extensions de navigateur (également appelées plugins) sont de petits outils qui ajoutent de nouvelles fonctionnalités à votre navigateur et vous aident à accomplir des tâches spécifiques sans passer par des services tiers. Vous pouvez trouver ces extensions dans les boutiques officielles de chaque navigateur :
-
Chrome -
Mozilla Firefox -
Opéra -
Microsoft Edge
Tous les plugins présentés dans cet article sont compatibles avec Google Chrome.
Opera et Firefox disposent de versions distinctes des extensions, que l'on peut trouver en recherchant leur titre dans les boutiques respectives. La plupart des outils répertoriés ici sont gratuits, bien que certains offrent des fonctionnalités avancées payantes.
Opera et Firefox disposent de versions distinctes des extensions, que l'on peut trouver en recherchant leur titre dans les boutiques respectives. La plupart des outils répertoriés ici sont gratuits, bien que certains offrent des fonctionnalités avancées payantes.
Comment installer une extension de navigateur :
1
Ouvrez le magasin d'extensions de votre navigateur.
2
Rechercher l'extension par son nom.
3
Ouvrez la page de l'extension et cliquez sur le bouton "Installer".
4
Confirmez l'installation en suivant les invites du navigateur.
5
Une fois installée, l'icône de l'extension apparaît dans la barre d'outils en haut ou dans le menu du navigateur. Le navigateur indique alors l'emplacement de l'icône.
6
Si l'extension vous demande de vous connecter ou de configurer des paramètres supplémentaires, cliquez sur l'icône pour ouvrir ses options.
Outils de couleur
ColorZilla - choisir des couleurs sur n'importe quelle page
ColorZilla vous permet d'identifier n'importe quelle couleur sur une page et d'analyser la palette complète. Il peut générer des dégradés CSS, suggérer des combinaisons de couleurs harmonieuses (complémentaires, triadiques, analogiques, etc.) et conserver un historique des couleurs récemment choisies. Il fonctionne comme une pipette dans les éditeurs graphiques, fournissant des codes de couleur aux formats HEX, RGB ou HSL.
Il est parfait pour identifier la couleur d'un logo sur un site web, créer une palette ou construire un dégradé qui correspond à la palette de couleurs du site web.
ColorZilla vous permet d'identifier n'importe quelle couleur sur une page et d'analyser la palette complète. Il peut générer des dégradés CSS, suggérer des combinaisons de couleurs harmonieuses (complémentaires, triadiques, analogiques, etc.) et conserver un historique des couleurs récemment choisies. Il fonctionne comme une pipette dans les éditeurs graphiques, fournissant des codes de couleur aux formats HEX, RGB ou HSL.
Il est parfait pour identifier la couleur d'un logo sur un site web, créer une palette ou construire un dégradé qui correspond à la palette de couleurs du site web.
Site Palette - générer une palette de couleurs
Site Palette analyse les couleurs d'une page web et crée des palettes prêtes à l'emploi. Vous pouvez exporter les palettes aux formats Google Palette ou Adobe Swatch.
C'est un outil idéal pour s'inspirer ou travailler avec des références. Par exemple, si vous concevez un site web et que vous souhaitez conserver l'équilibre des couleurs d'origine, l'extension mettra en évidence les tons clés.
Site Palette analyse les couleurs d'une page web et crée des palettes prêtes à l'emploi. Vous pouvez exporter les palettes aux formats Google Palette ou Adobe Swatch.
C'est un outil idéal pour s'inspirer ou travailler avec des références. Par exemple, si vous concevez un site web et que vous souhaitez conserver l'équilibre des couleurs d'origine, l'extension mettra en évidence les tons clés.
Outils de typographie
WhatFont - identifier les polices sur la page
WhatFont détecte les polices utilisées n'importe où sur un site web. Le plugin affiche le nom, la taille, la couleur et la famille de la police. Il fonctionne plus rapidement que les outils de développement intégrés.
Utilisez-le lorsque vous avez besoin d'identifier rapidement les polices sur un site web - pas besoin d'ouvrir les outils de développement.
WhatFont détecte les polices utilisées n'importe où sur un site web. Le plugin affiche le nom, la taille, la couleur et la famille de la police. Il fonctionne plus rapidement que les outils de développement intégrés.
Utilisez-le lorsque vous avez besoin d'identifier rapidement les polices sur un site web - pas besoin d'ouvrir les outils de développement.
Il suffit d'activer l'extension et de passer la souris sur un bloc de texte pour que les informations relatives à la police s'affichent dans une petite fenêtre contextuelle.
Font Ninja - essayez les polices dans votre navigateur
Font Ninja reconnaît les polices et vous permet de les "essayer" directement dans le navigateur. Vous pouvez saisir votre propre texte pour voir ce qu'il donne avec polices différentes. L'extension fonctionne avec les polices Google Fonts et les polices commerciales, et affiche immédiatement les prix.
Cette extension est utile si vous souhaitez tester une police inhabituelle avant de l'acheter pour un projet de conception.
Font Ninja reconnaît les polices et vous permet de les "essayer" directement dans le navigateur. Vous pouvez saisir votre propre texte pour voir ce qu'il donne avec polices différentes. L'extension fonctionne avec les polices Google Fonts et les polices commerciales, et affiche immédiatement les prix.
Cette extension est utile si vous souhaitez tester une police inhabituelle avant de l'acheter pour un projet de conception.
Comment choisir les polices de caractères pour un site web ou un article ?
Google Font Previewer - testez les polices sans modifier le code CSS
Google Font Previewer vous permet d'essayer différentes polices sans modifier votre code CSS. Il remplace temporairement la typographie d'éléments sélectionnés ou de la page entière, afin que vous puissiez prévisualiser l'aspect d'une police dans son contexte.
Utilisez-le lorsqu'un client vous demande de "jouer avec les polices" - vous pouvez montrer un échantillon visuel sans toucher au code. L'extension vous permet également d'enregistrer une collection de polices fréquemment utilisées afin d'y accéder rapidement.
Google Font Previewer vous permet d'essayer différentes polices sans modifier votre code CSS. Il remplace temporairement la typographie d'éléments sélectionnés ou de la page entière, afin que vous puissiez prévisualiser l'aspect d'une police dans son contexte.
Utilisez-le lorsqu'un client vous demande de "jouer avec les polices" - vous pouvez montrer un échantillon visuel sans toucher au code. L'extension vous permet également d'enregistrer une collection de polices fréquemment utilisées afin d'y accéder rapidement.
Images, outils vidéo et audio
Image Downloader - enregistrer des images à partir de n'importe quelle page
Cet outil vous permet de télécharger des images à partir de n'importe quel site web. Il analyse la page et rassemble toutes les images dans une seule fenêtre, ce qui vous permet de tout télécharger en même temps ou de ne sélectionner que celles dont vous avez besoin.
Par exemple, si vous avez créé un tableau d'humeur sur Pinterest, vous pouvez télécharger toutes les images du tableau en un seul clic.
Cet outil vous permet de télécharger des images à partir de n'importe quel site web. Il analyse la page et rassemble toutes les images dans une seule fenêtre, ce qui vous permet de tout télécharger en même temps ou de ne sélectionner que celles dont vous avez besoin.
Par exemple, si vous avez créé un tableau d'humeur sur Pinterest, vous pouvez télécharger toutes les images du tableau en un seul clic.
Lorsqu'elle est activée, une fenêtre séparée s'ouvre et affiche toutes les images de la page en cours. Remarque : les photos de stock payantes seront téléchargées avec des filigranes.
SVG Grabber - extraire des fichiers SVG d'un site web
SVG Grabber vous permet d'afficher, de copier et de télécharger tous les fichiers SVG de n'importe quel site web. Une fois activé, il affiche toutes les images vectorielles sur la page avec un bouton "Télécharger" sous chacune d'elles.
Parfait pour extraire le logo d'une entreprise au format SVG lorsque vous n'avez pas le temps de demander les fichiers.
SVG Grabber vous permet d'afficher, de copier et de télécharger tous les fichiers SVG de n'importe quel site web. Une fois activé, il affiche toutes les images vectorielles sur la page avec un bouton "Télécharger" sous chacune d'elles.
Parfait pour extraire le logo d'une entreprise au format SVG lorsque vous n'avez pas le temps de demander les fichiers.
Comment trouver des images attrayantes sur les stocks de photos
Icons8 - ajoutez des illustrations à Google Docs
Ce plugin vous permet d'insérer des icônes et des images de la vaste bibliothèque Icons8 directement dans Google Docs, Slides et Sheets - pas besoin de télécharger ou d'uploader des fichiers manuellement.
Idéal pour les moodboards ou les présentations clients - vous pouvez rapidement rechercher et insérer des illustrations sans passer d'un onglet à l'autre.
Ce plugin vous permet d'insérer des icônes et des images de la vaste bibliothèque Icons8 directement dans Google Docs, Slides et Sheets - pas besoin de télécharger ou d'uploader des fichiers manuellement.
Idéal pour les moodboards ou les présentations clients - vous pouvez rapidement rechercher et insérer des illustrations sans passer d'un onglet à l'autre.
Video DownloadHelper - enregistrez des vidéos à partir de n'importe quel site web
Téléchargez des contenus vidéo et audio directement à partir de pages web. Le plugin peut également convertir les fichiers dans des formats tels que MP4, MKV ou WebM.
Il est utile lorsque vous devez télécharger une vidéo mais que le client ne dispose que d'une version hébergée sur une plateforme vidéo, et non du fichier original.
Téléchargez des contenus vidéo et audio directement à partir de pages web. Le plugin peut également convertir les fichiers dans des formats tels que MP4, MKV ou WebM.
Il est utile lorsque vous devez télécharger une vidéo mais que le client ne dispose que d'une version hébergée sur une plateforme vidéo, et non du fichier original.
Outils d'analyse et d'édition des pages
Règle de page - mesure des éléments de la page
Mesure de n'importe quel élément d'une page, y compris les marges et l'espacement entre les blocs. Prend en charge plusieurs unités : Pixels, pourcentages, millimètres, etc.
Vous pouvez l'utiliser pour vérifier qu'une mise en page correspond aux spécifications techniques ou pour analyser les proportions dans des références visuelles.
Mesure de n'importe quel élément d'une page, y compris les marges et l'espacement entre les blocs. Prend en charge plusieurs unités : Pixels, pourcentages, millimètres, etc.
Vous pouvez l'utiliser pour vérifier qu'une mise en page correspond aux spécifications techniques ou pour analyser les proportions dans des références visuelles.
CSS Peeper - visualisez les styles CSS
Visualisez les styles de n'importe quel élément d'une page : Couleurs, polices, espacements et tailles. L'outil vous permet également d'explorer des illustrations, des documents, des fichiers de mise en page et des vidéos.
Il est ainsi facile d'étudier le travail d'un autre concepteur ou de revoir votre propre mise en page.
Visualisez les styles de n'importe quel élément d'une page : Couleurs, polices, espacements et tailles. L'outil vous permet également d'explorer des illustrations, des documents, des fichiers de mise en page et des vidéos.
Il est ainsi facile d'étudier le travail d'un autre concepteur ou de revoir votre propre mise en page.
Visual Inspector UI - modifiez les éléments de la page web
Modifiez instantanément les styles et le texte de la page - ajustez l'espacement, les couleurs, la typographie, etc. - sans modifier le code.
C'est parfait pour les aperçus rapides ; par exemple, si un client veut changer la couleur d'un bouton, vous pouvez montrer la mise à jour immédiatement avant de faire des changements de code.
Modifiez instantanément les styles et le texte de la page - ajustez l'espacement, les couleurs, la typographie, etc. - sans modifier le code.
C'est parfait pour les aperçus rapides ; par exemple, si un client veut changer la couleur d'un bouton, vous pouvez montrer la mise à jour immédiatement avant de faire des changements de code.
Wappalyzer - identifier les technologies des sites web
Découvrez et analysez les technologies qui se cachent derrière les sites web : Langages de programmation, frameworks, CMS, CRM, outils d'analyse, et bien plus encore.
Utile pour les études de marché, l'analyse de la concurrence, les audits de référencement et l'amélioration de la sécurité des sites web.
Découvrez et analysez les technologies qui se cachent derrière les sites web : Langages de programmation, frameworks, CMS, CRM, outils d'analyse, et bien plus encore.
Utile pour les études de marché, l'analyse de la concurrence, les audits de référencement et l'amélioration de la sécurité des sites web.
Le plugin affiche les résultats dans une fenêtre contextuelle et permet d'exporter les données.
Broken Link Checker - trouver les liens morts
Effectuez des analyses approfondies des sites Web pour détecter les liens brisés, les images manquantes et les erreurs de redirection. Il peut également analyser les articles, les pages, les commentaires et les champs personnalisés. Les liens brisés peuvent être stylisés différemment. Ils peuvent également être exclus de l'indexation des moteurs de recherche pour protéger votre classement. Tilda propose également un outil Web autonome qui permet d'analyser des pages individuelles ou des sites Web entiers à la recherche de liens brisés en quelques clics.
Effectuez des analyses approfondies des sites Web pour détecter les liens brisés, les images manquantes et les erreurs de redirection. Il peut également analyser les articles, les pages, les commentaires et les champs personnalisés. Les liens brisés peuvent être stylisés différemment. Ils peuvent également être exclus de l'indexation des moteurs de recherche pour protéger votre classement. Tilda propose également un outil Web autonome qui permet d'analyser des pages individuelles ou des sites Web entiers à la recherche de liens brisés en quelques clics.
Conseil de pro
Sur Tilda, vous pouvez vérifier votre site Web à l'aide de l'assistant SEO intégré - il détecte les problèmes critiques, met en évidence les liens brisés et bien d'autres choses encore pour améliorer les classements.
Lighthouse - audit des performances du site web
Effectuez un audit complet des performances de votre site web, de son référencement, de sa convivialité et de sa conformité aux meilleures pratiques en matière de PWA.
Il génère un rapport et suggère des moyens de résoudre des problèmes tels que des images surdimensionnées ou des balises méta manquantes.
Parfait pour effectuer un auto-audit rapide avant la publication.
Effectuez un audit complet des performances de votre site web, de son référencement, de sa convivialité et de sa conformité aux meilleures pratiques en matière de PWA.
Il génère un rapport et suggère des moyens de résoudre des problèmes tels que des images surdimensionnées ou des balises méta manquantes.
Parfait pour effectuer un auto-audit rapide avant la publication.
Captures d'écran et outils d'enregistrement d'écran
GoFullPage - capture de captures d'écran complètes
Capturez des captures d'écran de pages entières ou de zones sélectionnées, puis exportez-les sous forme de fichiers PNG, JPEG ou PDF dans différentes tailles de papier.
Capturez des captures d'écran de pages entières ou de zones sélectionnées, puis exportez-les sous forme de fichiers PNG, JPEG ou PDF dans différentes tailles de papier.
Loom - enregistrer des instructions vidéo
Enregistrez votre écran et ajoutez des voix off. Idéal pour expliquer des décisions de conception à des clients, partager des commentaires avec des coéquipiers sur ou créer de courts tutoriels vidéo. Vous pouvez choisir d'enregistrer votre écran complet ou un seul onglet du navigateur.
Enregistrez votre écran et ajoutez des voix off. Idéal pour expliquer des décisions de conception à des clients, partager des commentaires avec des coéquipiers sur ou créer de courts tutoriels vidéo. Vous pouvez choisir d'enregistrer votre écran complet ou un seul onglet du navigateur.
Outils de prototypage et de test
Window Resizer - testez les mises en page sur différentes résolutions
Prévisualisez l'aspect de votre design sur différentes tailles d'écran. Inclut des préréglages pour les appareils les plus courants : Téléphones, tablettes, ordinateurs portables et ordinateurs de bureau. Vous pouvez également créer des tailles personnalisées pour des besoins spécifiques.
Prévisualisez l'aspect de votre design sur différentes tailles d'écran. Inclut des préréglages pour les appareils les plus courants : Téléphones, tablettes, ordinateurs portables et ordinateurs de bureau. Vous pouvez également créer des tailles personnalisées pour des besoins spécifiques.
Pixel parfait - comparez la conception à la mise en page finale
Superposez une image semi-transparente de votre conception originale sur le site web pour vérifier que l'alignement est parfait en termes de pixels. Cette technique permet également de comparer des graphiques vectoriels tels que des logos ou des icônes sur différents appareils.
Superposez une image semi-transparente de votre conception originale sur le site web pour vérifier que l'alignement est parfait en termes de pixels. Cette technique permet également de comparer des graphiques vectoriels tels que des logos ou des icônes sur différents appareils.
Le plugin comprend un ensemble de tailles d'appareils courantes, ce qui vous permet de passer de l'une à l'autre et de tester facilement la réactivité.
Google Tag Assistant - vérifier les balises GTM
Utilisez-le pour détecter, vérifier et dépanner diverses intégrations de Google Tag Manager. Il peut vous aider à vous assurer que les outils d'analyse et les scripts tiers sont correctement configurés. Le plugin analyse le code, met en évidence les problèmes et propose des correctifs.
Utile lors d'un audit technique, notamment pour vérifier le suivi des données.
Utilisez-le pour détecter, vérifier et dépanner diverses intégrations de Google Tag Manager. Il peut vous aider à vous assurer que les outils d'analyse et les scripts tiers sont correctement configurés. Le plugin analyse le code, met en évidence les problèmes et propose des correctifs.
Utile lors d'un audit technique, notamment pour vérifier le suivi des données.
Inspiration visuelle
Muzli - trouver des références
Cette extension vous apporte des idées fraîches provenant de plateformes telles que Dribbble, Behance et Awwwards. Personnalisez votre flux pour vous concentrer sur des catégories spécifiques telles que le commerce électronique, les pages d'atterrissage, la typographie, etc. Par exemple, si vous travaillez sur une boutique en ligne, il vous suffit d'ouvrir l'extension, de définir les bons filtres et d'explorer des conceptions de sites web similaires.
Cette extension vous apporte des idées fraîches provenant de plateformes telles que Dribbble, Behance et Awwwards. Personnalisez votre flux pour vous concentrer sur des catégories spécifiques telles que le commerce électronique, les pages d'atterrissage, la typographie, etc. Par exemple, si vous travaillez sur une boutique en ligne, il vous suffit d'ouvrir l'extension, de définir les bons filtres et d'explorer des conceptions de sites web similaires.
Le plugin permet de basculer facilement vers Muzli à tout moment, d'explorer rapidement les tendances visuelles ou de rechercher des références par mot-clé ou par thème.
Evernote Web Clipper - sauvegarder des idées
Clipsez des idées et des visuels du web dans un carnet de notes numérique. Enregistrez vos couleurs, animations, transitions, icônes, polices et articles préférés. Marquez tout pour y accéder facilement plus tard.
Clipsez des idées et des visuels du web dans un carnet de notes numérique. Enregistrez vos couleurs, animations, transitions, icônes, polices et articles préférés. Marquez tout pour y accéder facilement plus tard.
Enregistrer sur Pinterest - créer des moodboards
Enregistrez n'importe quelle idée du web sur Pinterest. Créez des tableaux avec des références, des tableaux d'humeur ou des collections de visuels pour l'inspiration. Inclut une recherche visuelle pour trouver des images similaires. Idéal lorsqu'un client partage ses propres références : vous pouvez instantanément trouver des idées similaires.
Enregistrez n'importe quelle idée du web sur Pinterest. Créez des tableaux avec des références, des tableaux d'humeur ou des collections de visuels pour l'inspiration. Inclut une recherche visuelle pour trouver des images similaires. Idéal lorsqu'un client partage ses propres références : vous pouvez instantanément trouver des idées similaires.
Instapaper - lire des articles hors ligne
Enregistrez des articles et des synthèses de design pour les lire plus tard. Organisez le contenu dans des dossiers et accédez-y à partir de n'importe quel appareil, même sans accès à Internet, comme dans l'avion.
Enregistrez des articles et des synthèses de design pour les lire plus tard. Organisez le contenu dans des dossiers et accédez-y à partir de n'importe quel appareil, même sans accès à Internet, comme dans l'avion.
Outils d'optimisation du flux de travail
Gestion du temps
Bardeen - automatisation du flux de travail
Créez des automatisations personnalisées pour les tâches de routine. Par exemple, lorsqu'un client envoie ses commentaires par courriel, Bardeen peut créer une carte Trello avec une liste de tâches et envoyer un message de confirmation. Fonctionne avec des outils tels que Google Sheets, Zoom et Trello.
Créez des automatisations personnalisées pour les tâches de routine. Par exemple, lorsqu'un client envoie ses commentaires par courriel, Bardeen peut créer une carte Trello avec une liste de tâches et envoyer un message de confirmation. Fonctionne avec des outils tels que Google Sheets, Zoom et Trello.
Todoist - organiser les tâches
Planifiez et hiérarchisez les tâches, fixez des échéances et recevez des rappels. Cet outil vous permet de séparer les tâches professionnelles des tâches personnelles, et vous pouvez collaborer avec des collègues ou des membres de votre famille sur des listes partagées.
Planifiez et hiérarchisez les tâches, fixez des échéances et recevez des rappels. Cet outil vous permet de séparer les tâches professionnelles des tâches personnelles, et vous pouvez collaborer avec des collègues ou des membres de votre famille sur des listes partagées.
Le plugin vous permet d'organiser vos tâches quotidiennes, qu'elles soient personnelles ou professionnelles, sans devoir recourir à des services tiers.
StayFocusd - éliminez les distractions
Bloquez l'accès aux sites web distrayants pendant les heures de travail. Limiter le temps passé sur les médias sociaux ou les sites de divertissement peut vous aider à rester concentré et à augmenter votre productivité.
Bloquez l'accès aux sites web distrayants pendant les heures de travail. Limiter le temps passé sur les médias sociaux ou les sites de divertissement peut vous aider à rester concentré et à augmenter votre productivité.
Momentum - créer un espace de travail
Remplacer la nouvelle page d'onglet par un tableau de bord de la productivité : Liste des tâches, minuteur de concentration, liens rapides et citation inspirante, le tout en un seul affichage.
Remplacer la nouvelle page d'onglet par un tableau de bord de la productivité : Liste des tâches, minuteur de concentration, liens rapides et citation inspirante, le tout en un seul affichage.
Toggl - suivi du temps passé
Enregistrez le temps que vous passez sur chaque tâche. C'est particulièrement utile pour les nouveaux concepteurs, car cela permet d'améliorer les estimations de temps, d'établir des calendriers précis pour les projets et de fixer des échéances réalistes.
Enregistrez le temps que vous passez sur chaque tâche. C'est particulièrement utile pour les nouveaux concepteurs, car cela permet d'améliorer les estimations de temps, d'établir des calendriers précis pour les projets et de fixer des échéances réalistes.
Gestion des onglets
OneTab - réduire les onglets ouverts
Réunit tous vos onglets ouverts en une seule liste. Par exemple, si vous effectuez des recherches sur un public cible et que vous avez des dizaines d'onglets ouverts, mais que vous devez soudainement passer à la rédaction d'un client, il vous suffit de cliquer une fois pour tout sauvegarder pour plus tard. Cela permet d'éclaircir votre espace de travail et de libérer de la mémoire vive. Vous pouvez restaurer les onglets en une seule fois ou un par un.
Réunit tous vos onglets ouverts en une seule liste. Par exemple, si vous effectuez des recherches sur un public cible et que vous avez des dizaines d'onglets ouverts, mais que vous devez soudainement passer à la rédaction d'un client, il vous suffit de cliquer une fois pour tout sauvegarder pour plus tard. Cela permet d'éclaircir votre espace de travail et de libérer de la mémoire vive. Vous pouvez restaurer les onglets en une seule fois ou un par un.
Toby for Tabs - organisez vos onglets
Utilisez-le pour mettre de l'ordre dans votre navigateur. Organisez les groupes d'onglets en espaces de travail et passez de l'un à l'autre en cas de besoin.
Commencez votre journée avec un groupe prédéfini d'onglets liés à votre travail et fermez-les dans la soirée sans rien perdre. Tout est synchronisé entre les appareils : reprenez là où vous vous êtes arrêté, même à partir d'un autre ordinateur.
Utilisez-le pour mettre de l'ordre dans votre navigateur. Organisez les groupes d'onglets en espaces de travail et passez de l'un à l'autre en cas de besoin.
Commencez votre journée avec un groupe prédéfini d'onglets liés à votre travail et fermez-les dans la soirée sans rien perdre. Tout est synchronisé entre les appareils : reprenez là où vous vous êtes arrêté, même à partir d'un autre ordinateur.
Sécurité
HTTPS Everywhere - sécurisez votre connexion
Utilisez-le pour sécuriser vos connexions en public. Cet outil oblige les sites web à utiliser HTTPS - même s'ils ne le font pas par défaut - et crypte les données que vous envoyez et recevez en ligne. Il est particulièrement utile lorsque vous travaillez dans des cafés ou des espaces de coworking, ce qui en fait un outil idéal pour les concepteurs indépendants.
Utilisez-le pour sécuriser vos connexions en public. Cet outil oblige les sites web à utiliser HTTPS - même s'ils ne le font pas par défaut - et crypte les données que vous envoyez et recevez en ligne. Il est particulièrement utile lorsque vous travaillez dans des cafés ou des espaces de coworking, ce qui en fait un outil idéal pour les concepteurs indépendants.
AdGuard - bloque toutes les publicités
Rendez votre expérience de navigation plus confortable en bloquant tous les types de publicités gênantes, y compris les publicités vidéo YouTube, les pop-ups, les bannières, les publicités natives, etc. Il désactive également les traqueurs qui surveillent votre activité en ligne, accélère le chargement des pages et réduit l'utilisation des données.
Rendez votre expérience de navigation plus confortable en bloquant tous les types de publicités gênantes, y compris les publicités vidéo YouTube, les pop-ups, les bannières, les publicités natives, etc. Il désactive également les traqueurs qui surveillent votre activité en ligne, accélère le chargement des pages et réduit l'utilisation des données.
Une fois installé, il fonctionne automatiquement sur tous les sites web, sans qu'il soit nécessaire de l'activer ou de le désactiver.
LastPass - sauvegardez vos mots de passe
Utilisez-le pour stocker, gérer et remplir automatiquement vos mots de passe en toute sécurité. Il crypte vos données pour éviter les fuites et les synchronise sur tous vos appareils. Lorsque vous vous inscrivez sur un nouveau site web, il peut générer un mot de passe fort pour vous.
Utilisez-le pour stocker, gérer et remplir automatiquement vos mots de passe en toute sécurité. Il crypte vos données pour éviter les fuites et les synchronise sur tous vos appareils. Lorsque vous vous inscrivez sur un nouveau site web, il peut générer un mot de passe fort pour vous.
Aide-mémoire des plugins utiles
Pour vous aider à naviguer plus efficacement, voici une liste de plugins avec un bref aperçu de leurs fonctionnalités. Enregistrez-la, testez différents outils et choisissez ceux qui vous conviennent le mieux.
ColorZilla - choisir une couleur, créer une palette de site web, générer un dégradé CSS.
Site Palette - extraire la palette de couleurs d'un site web, l'exporter vers Google Palette ou Adobe Swatch.
Site Palette - extraire la palette de couleurs d'un site web, l'exporter vers Google Palette ou Adobe Swatch.
WhatFont - identifie les polices sur n'importe quel site web.
Font Ninja - teste les polices, vérifie les licences commerciales.
Google Font Previewer - teste les polices sans modifier les CSS.
Font Ninja - teste les polices, vérifie les licences commerciales.
Google Font Previewer - teste les polices sans modifier les CSS.
Icons8 - insère des icônes et des illustrations directement dans Google Docs.
Image Downloader - télécharge des images et des icônes depuis n'importe quelle page web.
SVG Grabber - extrait et télécharge des fichiers SVG.
Video DownloadHelper - télécharge des vidéos ou de l'audio depuis n'importe quel site web.
Image Downloader - télécharge des images et des icônes depuis n'importe quelle page web.
SVG Grabber - extrait et télécharge des fichiers SVG.
Video DownloadHelper - télécharge des vidéos ou de l'audio depuis n'importe quel site web.
Page Ruler - mesure les éléments de la page et l'espacement.
CSS Peeper - inspecte les polices, les couleurs et les styles sur n'importe quelle page web.
Wappalyzer - détecte les technologies utilisées par un site web.
Visual Inspector UI - modifie temporairement les styles et teste les changements de mise en page.
Broken Link Checker - trouve les liens brisés et les erreurs d'image.
Lighthouse - effectue un audit technique complet d'un site web.
CSS Peeper - inspecte les polices, les couleurs et les styles sur n'importe quelle page web.
Wappalyzer - détecte les technologies utilisées par un site web.
Visual Inspector UI - modifie temporairement les styles et teste les changements de mise en page.
Broken Link Checker - trouve les liens brisés et les erreurs d'image.
Lighthouse - effectue un audit technique complet d'un site web.
GoFullPage - prend et annote des captures d'écran pleine page.
Loom - enregistre votre écran avec une voix off.
Loom - enregistre votre écran avec une voix off.
Window Resizer - vérifie les mises en page réactives.
Perfect Pixel - compare votre mise en page à la conception originale.
Google Tag Assistant - dépanne les balises GTM.
Perfect Pixel - compare votre mise en page à la conception originale.
Google Tag Assistant - dépanne les balises GTM.
Muzli - explore les tendances en matière de design et trouve des références visuelles.
Save to Pinterest - collecte des idées visuelles et crée des moodboards.
EvernoteWeb Clipper - enregistre des idées et les organise par catégorie.
Instapaper - crée une liste de lecture hors ligne.
Save to Pinterest - collecte des idées visuelles et crée des moodboards.
EvernoteWeb Clipper - enregistre des idées et les organise par catégorie.
Instapaper - crée une liste de lecture hors ligne.
Bardeen - automatise les tâches de routine dans tous vos outils.
Todoist - planifie et hiérarchise vos tâches.
StayFocusd - bloque les sites web distrayants pendant les heures de travail.
Momentum - transforme votre nouvel onglet en tableau de bord de la productivité.
Toggl - suit le temps passé sur les tâches.
Todoist - planifie et hiérarchise vos tâches.
StayFocusd - bloque les sites web distrayants pendant les heures de travail.
Momentum - transforme votre nouvel onglet en tableau de bord de la productivité.
Toggl - suit le temps passé sur les tâches.
Toby for Tabs - organise les onglets en espaces de travail.
OneTab - regroupe tous les onglets en une seule liste.
OneTab - regroupe tous les onglets en une seule liste.
HTTPS Everywhere - garantit des connexions sécurisées même sur les sites web non HTTPS.
AdGuard - bloque les publicités, les traqueurs et les pop-ups.
LastPass - stocke et synchronise les mots de passe sur tous vos appareils.
AdGuard - bloque les publicités, les traqueurs et les pop-ups.
LastPass - stocke et synchronise les mots de passe sur tous vos appareils.
Touchez pour afficher la taille réelle et l'enregistrer pour plus tard
Touchez pour afficher la taille réelle et l'enregistrer pour plus tard
Si vous avez aimé l'article, partagez-le avec vos amis. Nous vous remercions de votre attention.
Lire aussi :
Manuel de formation gratuit sur la conception, la mise en place et l'exploitation de
pages d'atterrissage à forte conversion
pages d'atterrissage à forte conversion
Guide pratique gratuit de l'animation web avec des exemples, des techniques,
et des conseils sur la façon de les utiliser
