15 extensions Chrome pour les concepteurs et les développeurs Web
J'utilise Google Chrome comme navigateur Web principal. Pourquoi? Parce qu'il est rapide, facile à utiliser, fiable, sécurisé, facile à utiliser, hautement personnalisable et possède sa propre boutique en ligne. Si vous n'utilisez pas encore Google Chrome, vous devriez le considérer vivement. Au moins, installez-le et essayez de l'utiliser pendant environ une semaine.
En tant que concepteur Web ou développeur, vous passez probablement beaucoup de temps à travailler sur Chrome. Ce qui me surprend le plus chez les utilisateurs de Chrome, c'est qu'ils ne profitent pas des extensions.
Les extensions sont essentiellement des outils personnalisés qui vous permettent d'utiliser Chrome à son plein potentiel. Par exemple, vous pouvez prendre des captures d'écran avec un clic ou un bouton, partager des sites Web avec des amis, contrôler votre musique, obtenir des informations de classement sur divers sites Web, et bien plus encore.
Le Chrome Store regorge d'extensions qui augmenteront votre productivité et amélioreront votre flux de travail global. Ainsi, vous pouvez également utiliser les outils disponibles pour vous faciliter la vie. La meilleure partie est qu'ils sont tous * gratuits!
Découvrez ces 15 extensions Chrome qui peuvent vous aider dans votre travail:
499 nombre d'anges
Table des matières
- 1. FireBug Lite
- 2. WhatFont
- 3. Chrome Sniffer
- 4. Code Cola
- 5. ColorZilla
- 6. Bande
- 7. Test de résolution
- 8. Speed Tracer
- 9. générateur de lorem ipsum
- 10. Onglet Internet Explorer
- 11. Classement du trafic Alexa
- 12. Outil de recherche de puissance Microstock Photo
- 13. Palette pour Chrome
- 14. TooManyTabs
- 15. Vêtements unis
1. FireBug Lite
FireBug est un module complémentaire FireFox bien connu qui a fait son chemin vers Chrome. C'est particulièrement utile pour le débogage de code. Il vous permet également de surveiller en direct JavaScript, HTML et CSS pour n'importe quelle page Web.
2. WhatFont
WhatFont permet aux concepteurs de découvrir quelle police est utilisée sur une page Web avec un simple survol. Vous pouvez également comprendre cela en utilisant FireBug et en parcourant le code, mais cette extension le rend beaucoup plus facile.
3. Chrome Sniffer
Avez-vous déjà consulté un site Web en vous demandant 'Comment est-ce possible?' Chrome Sniffer vous permet de découvrir comment. Il peut vous indiquer le cadre de la plupart des sites Web. Il peut actuellement détecter plus de 100 frameworks.
Installer
4. Code Cola
Code Cola permet aux utilisateurs de modifier visuellement le CSS. Cela signifie que les utilisateurs peuvent cliquer sur une zone d'une page Web et manipuler facilement le CSS. Cela pourrait potentiellement faire gagner beaucoup de temps aux concepteurs.
5. ColorZilla
ColorZilla comprend un sélecteur de couleurs, une pipette, ainsi qu'un générateur de gradient . Il existe également des outils de couleur . Vous pouvez utiliser le sélecteur de couleurs pour déterminer la couleur HTML de n'importe quelle partie d'une page Web et vous pouvez enregistrer cette couleur dans une palette personnalisée. Tout le monde a besoin d'un sélecteur de couleurs, et ColorZilla est l'un des meilleurs.
6. Bande
Le ruban est parfait pour les concepteurs qui cherchent à s'assurer que leur mise en page est parfaite. Vous pouvez facilement déterminer la taille des éléments en définissant des repères, qui s’alignent sur le contenu de la page. Vous n'avez plus besoin de prendre des captures d'écran pour déterminer les dimensions des éléments.
7. Test de résolution
Les concepteurs et développeurs Web doivent essayer leurs sites Web dans différentes résolutions, mais quelle est la meilleure façon de procéder? L'extension Test de résolution pour Chrome permet aux utilisateurs de modifier la taille de la fenêtre du navigateur pour afficher leur site Web dans différentes résolutions. Vous pouvez choisir parmi les résolutions d'écran courantes ou en saisir une personnalisée.
8. Speed Tracer
Avez-vous déjà été dans une situation où votre site Web se charge lentement et vous ne pouviez pas comprendre pourquoi? Speed Tracer peut vous aider. Speed Tracer peut détecter les problèmes causés par JavaScript, CSS, les incendies de minuterie, etc.
9. générateur de lorem ipsum
Parfois, vous avez besoin de texte pour remplir une page afin que vous puissiez avoir une idée de ce à quoi elle ressemblera lorsqu'elle sera remplie. Lorem Ipsum Generator vous permet de faire exactement cela. Vous pouvez choisir le nombre de mots que vous souhaitez par paragraphe et également le nombre de paragraphes que vous souhaitez. Remplir votre site Web de contenu n'a jamais été aussi simple.
Installer
10. Onglet Internet Explorer
Lorsque vous développez ou concevez, vous devez tester votre site Web dans différents navigateurs, dont Internet Explorer. L'onglet Internet Explorer vous permet de visualiser facilement votre site Web dans IE via Chrome. C’est un navigateur de moins que vous devez ouvrir.
11. Classement du trafic Alexa
En tant que développeur ou concepteur Web, vous êtes probablement intéressé par le trafic généré par les autres sites Web. le Alexa Le classement du trafic vous permet de voir le trafic généré par un site Web. Cela peut être une statistique intéressante à observer. Vous pouvez même l'utiliser sur votre propre site Web, même si vous avez probablement d'autres moyens de le déterminer.
12. Outil de recherche de puissance Microstock Photo
La recherche d'images d'archives peut être longue et irritante. Microstock Photo Power Search Tool rend ce processus beaucoup plus facile. Cette extension vous permet de rechercher des images de stock des 5 meilleures agences d'images de stock, comme Fotolia et Shutterstock.
Installer
13. Palette pour Chrome
Palette for Chrome est un outil amusant et utile pour les concepteurs Web. Vous pouvez sélectionner n'importe quelle image et créer un palette de couleurs à partir de cette image. Vous pouvez créer des palettes de 16, 24 ou 32 couleurs. Si vous avez une image préférée, vous pouvez créer un palette de couleurs à partir de là et utiliser ça palette de couleurs dans la conception de votre site Web.
Installer
14. TooManyTabs
Lors du développement d'un site Web, vous pouvez vous retrouver avec des tonnes d'onglets de navigateur ouverts. TooManyTabs peut vous aider à les gérer. Cette extension Chrome vous permet de voir une miniature de vos onglets ouverts. Il est facile d’oublier si vous avez un certain onglet ouvert, mais TooManyTabs peut vous aider à le trouver tout aussi facilement.
15. Vêtements unis
PlainClothes vous permet de consulter un site Web en noir et blanc . Cela peut vous aider à trouver des erreurs sur les sites Web ou à comprendre comment les choses fonctionnent. C'est un outil utile à utiliser à la fois sur votre propre site Web et sur d'autres sites Web.
Chrome propose de nombreuses extensions pour les développeurs et les concepteurs Web, chacune offrant quelque chose d'unique. La liste ci-dessus contient 15 outils utiles à la plupart des concepteurs Web. Cependant, si vous avez un besoin spécifique non satisfait par une extension ci-dessus, vous pouvez parcourir le Chrome Web Store pour voir s'il existe une extension pour vous.
Partage Avec Tes Amis:
