Les extensions de navigateurs sont un véritable couteau suisse pour les webdesigners.
Elles nous permettent d’accéder instantanément à une multitude de fonctionnalités, sans avoir à jongler entre différents logiciels ou sites web.
Elles vous seront également une aide précieuse, si vous vous lancez dans la création de votre site web.
Voici les 8 extensions Chrome, que je vous recommande, et que moi-même j’utilise, quasi tous les jours, pour affiner mes conceptions, comme ma créativité (et gagner un temps précieux).
Sommaire
ColorZilla
Pour les couleurs.
Évidemment, si vous suivez mes ressources Couleurs, vous ne serez pas surpris que je commence par ce sélecteur de couleurs, qui est également installé sur mon Firefox.
ColorZilla vous permet d’obtenir les références de n’importe quelle couleur présente sur la page ouverte dans votre navigateur, par l’intermédiaire de sa pipette de sélection.
Cette extension est, également, une suite, très complète, d’outils liés à la couleur.
Pour tout vous avouer, j’utilise différents programmes de sélection de couleurs, dont un directement installé sur mes ordinateurs.
Pour que, quoi qu’il arrive, j’aie toujours une pipette sous la main pour capturer une couleur !
Designer Tools & Tape
Pour les mesures au pixel près.
Évidemment, si vous suivez mes ressources Couleurs, vous ne serez pas surpris que je commence par ce sélecteur de couleurs, qui est également installé sur mon Firefox.
Pour les obsédés, comme moi, du design au pixel près, vous devriez trouver votre bonheur d’alignement avec ces deux extensions Chrome.
Designer Tools intègre des règles, mesure les éléments et les espaces, et vous permet de placer des lignes de repères pour vérifier que tout est au cordeau ,)
Pour la team des ultra-tatillons, dont je fais partie, Tape (mon ❤️) vous permet un travail d’une précision incroyable.
En plus de pouvoir mettre une grille de lignes et de colonnes, ses guides “s’aimantent” aux bordures des éléments, reconnaissant les marges intérieures et même la ligne de base des textes.
Dingue, je vous dis ! 📐
Font Finder & Fonts Ninja
Pour les polices.
Parfait pour identifier les polices d’un site, lorsque vous tombez sous leurs charmes !
Fonts Ninja offre la possibilité de les “bookmarker”, et de les ranger dans des collections sous forme de tableaux.
Top, non ?
Font Finder, quant à lui, vous donnera toutes les caractéristiques de style CSS que vous voudriez connaître lorsque vous repérez une typo sur un site web.
Et, cerise sur le gâteau, vous pouvez même lui demander de remplacer la police affichée par une autre, ou encore, savoir si la police à l’écran est la police réelle du site, ou une police de secours.
Windows Resizer & Simulateur téléphone mobile
Pour la réactivité du design d’un site web, selon les tailles d’écran.
J’utilise le premier, Windows Resizer, lorsque je travaille sur la vue “mobile” d’un site et que j’ai besoin, en même temps de pouvoir ouvrir le panneau des outils de développement de Chrome, ou d’utiliser Tape, par exemple.
Et, en fin de travail, Simulateur téléphone mobile, oui oui, c’est bien le nom de cette extension incroyable, et française !
Elle me permet de vérifier que mon travail est OK sur tous types d’écrans mobile, tablette, portable, etc.
Ce simulateur offre, également, la possibilité de faire des captures d’écran en format Gif, et tout un tas d’autres choses que je vous laisse découvrir.
C’est beau, c’est propre, c’est pro et la version gratuite est déjà un pur bonheur. On acclame !
GoFullPage & Fireshop
Pour les captures d’écran.
Très utiles pour capturer l’ensemble des pages d’un site que je construis, ou sauvegarder des pages pour l’inspiration.
Personnellement, j’utilise GoFullPage & Fireshot selon les pages. Selon, l’un gère mieux que l’autre les captures complexes avec des effets au scroll. Essayez !
Si vous voulez gagner en productivité, améliorer vos designs de site web ou stimuler votre créativité, je ne peux que vous recommander l’installation de ces extensions Chrome.
Je vous partage bientôt celles que j’utilise, pour me faciliter la vie, lorsque je rédige un billet comme celui-ci.
En attendant, si cela vous a été utile, ou que vous avez, à votre tour, une super extension à me recommander, dites-le moi en commentaires !
Bonne fin de semaine !
Cet article vous a aidé ? Vous souhaitez une ressource complémentaire ? Dites-le moi en commentaire, ça me fait super plaisir de vous lire ♡ …et de savoir que le billet vous a été utile !
0 réponse