Aujourd'hui, je partage avec vous ma liste organisée de 12 extensions Chrome pour les concepteurs et les développeurs. Je suis ravi que ce soit mon domaine d'expertise, alors allons-y.
1. Le grand porte-jarretelles
The Great Suspender est une extension Google Chrome gratuite et open source qui minimise la quantité de mémoire utilisée par Chrome. Pour ce faire, il suspend automatiquement les onglets qui étaient inactifs.Sous le capot, ce qu'il fait est de dépouiller les pages Web inactives de leurs graphiques, JS, etc.
Extension chromée The Great Suspender
2. Vérification UX
UX Check L'extension Chrome vous aide à reconnaître les problèmes d'utilisabilité grâce à une évaluation heuristique simple et rapide.
Le flux de travail est simple. Cliquez sur l'icône pour lancer Les dix heuristiques de Nielsen dans un panneau latéral comme avec les outils Chrome Dev . Vous pouvez cliquer sur tous les éléments qui ne réussissent pas l'évaluation pour ajouter des notes, prendre des captures d'écran et exporter en tant que fichier s docx pour un partage facile.
Extension UX Check Chrome
3. Pipette
Eye Dropper est l'outil de sélection de couleurs le plus impressionnant en ce qui me concerne.Il comporte 2 onglets - Eyedropper et Cooler sélecteur. L'outil pipette vous permet de choisir des couleurs à partir de n'importe quelle page Web tandis que l'outil de sélection de couleurs vous permet de sélectionner des couleurs personnalisées.
Les couleurs sélectionnées à partir de pages Web ou sélectionnées dans l'onglet de sélection de couleurs sont automatiquement enregistrées dans une palette que vous pouvez télécharger sous forme de fichier CSV. En outre, Eye Dropper affiche toutes les couleurs en codes RVB, HSL, HEX et par nom, et prend en charge les raccourcis clavier.
Extension chromée pour compte-gouttes
4. FontFace Ninja
FontFace Ninja est capable d'afficher des informations sur n'importe quelle police sur n'importe quel site Web. Il contient des liens de téléchargement pour les polices gratuites et une option pour afficher les prix des polices payantes.
FontFace Ninja propose également des options pour utiliser le mode sombre, détecter les polices dans les images (bêta) et afficher les options de signet.
Extension chromée FontFace Ninja
5. Règle de page
Page Ruler est une extension de règle minimaliste qui vous permet de mesurer les largeurs et les hauteurs des pages Web. Il propose plusieurs raccourcis clavier, une navigation dans les éléments parents et enfants, des directives de mesure et une localisation en 10 langues.
Extension Chrome Page Ruler
6. Téléchargeur de vidéos Facebook
FB Down peut facilement télécharger des vidéos de Facebook et de toute autre page avec lecture vidéo. Vous pouvez l'utiliser pour télécharger tous les formats multimédias populaires, y compris certaines vidéos protégées par des droits d'auteur (lorsque vous choisissez de télécharger la vidéo sans audio).
FB Down agit comme un renifleur de liens sur les pages Web et l'icône s'allume lorsqu'il voit du contenu téléchargeable.
Extension Chrome du téléchargeur de vidéos Facebook
7. PerfectPixel
PerfectPixel de WellDoneCode, est la meilleure extension pour créer des sites Web au pixel près. Il vous permet de définir des images en tant que superpositions que vous pouvez comparer au site de développement. Il prend en charge les raccourcis clavier, la superposition d'images semi-transparentes, etc.
Extension Chrome PerfectPixel
8. TinEye
TinEye est l'outil de recherche d'images inversées parfait et le premier à implémenter la technologie d'identification d'image, au lieu de mots-clés, de métadonnées ou de filigranes. Il fonctionne en créant des signatures numériques uniques pour les images, puis en les comparant à celles de son index.
TinEye ne se contente pas de renvoyer des images similaires dans ses résultats de recherche, mais des correspondances exactes n'excluant pas les versions recadrées, redimensionnées et modifiées.
Extension Chrome TinyEye
9. CSS Poivre
CSS Pepper vous permet d'extraire du CSS (même d'objets cachés) et de créer de beaux guides de style de manière bien organisée. Cela permet aux concepteurs et aux développeurs de passer plus de temps à travailler sur la conception qu'à chercher dans le code.
Extension CSS Pepper Chrome
dix. Ce qui fonctionne
WhatRuns vous informe de tout ce qui s'exécute sur n'importe quel site Web, y compris les cadres, les thèmes, les polices, le CMS, etc.
Vous pouvez également suivre des sites Web afin que l'extension vous avertisse lorsque de nouvelles technologies sont ajoutées.
Extension Chrome WhatRuns
11. Muzli
Muzli est une extension gratuite qui apporte des milliers de beaux designs inspirants directement sur votre navigateur sous la forme d'un nouvel onglet de remplacement .
Chaque fois que vous ouvrez un nouvel onglet, Muzli le remplit avec certains des plus beaux designs de plus de 120 sources, dont InVision, Muzli, Dribble, Product Hunt, CNN, CSS Author, etc. ! C'est un bijou pour les créateurs.
Extension Chrome Muzli
12. Dimensions
Dimensions est une extension gratuite et open-source qui vous offre un moyen intelligent de mesurer les distances entre les éléments de la page.
Trouvez les dimensions des éléments image et HTML en faisant glisser et en survolant votre souris relativement. Vous pouvez également utiliser des raccourcis clavier pour travailler - n'oubliez pas de définir un raccourci clavier à la fin de la liste des extensions Chrome pour basculer l'extension afin de profiter de la meilleure expérience.
Extension Chrome Dimensions
Il existe d'autres extensions que vous devriez connaître, par ex. Checkbot vise à améliorer votre réputation en matière de référencement et la vitesse et la sécurité globales de votre site Web en vérifiant les liens brisés, les pages non sécurisées, les codes HTML/CSS/JS invalides, les titres en double et d'autres problèmes que vous pourriez ne pas remarquer pendant le développement.
Et Vérifier mes liens qui parcourt vos pages Web pour s'assurer que vous n'avez pas de liens brisés - celui-ci est gratuit mais pas aussi robuste.
Avez-vous des extensions intéressantes pour les concepteurs et les développeurs que nous devrions connaître ? Ajoutez-les dans la section des commentaires ci-dessous.