Cela fait quelques mois ou années que tu as commencé ton activité en webdesign, mais tu penses que tu traînes encore trop. Tu passes peut-être toute une journée à essayer de trouver de l’inspiration en naviguant sur différents sites web, mais à ton avis, c’est trop long. Peut-être as-tu besoin d’un petit coup de pouce ? Utilise donc des extensions chrome pour webdesign.
Tu verras, tu seras plus rapide et efficace ;) J’en ai regroupé 4 pour toi, mais sache qu’il y en a toute une panoplie sur internet. Il suffit de savoir ce dont on a réellement besoin.
- What runs
- Full page screen
- Colorzila
- Show me the styles
What runs
Tu veux savoir tout ce qui cache derrière un site web ? Whatruns est ce qu’il te faut ! Ce plug-in se concentre surtout sur les caractéristiques techniques d’un site internet : les technologies de mises en oeuvre. Grâce à lui, tu peux par exemple savoir sur quelle plateforme a été réalisé un site (Wordpress, Webflow, etc.) ?
Full page screen capture
Tu as sûrement déjà eu l’occasion de naviguer sur un long (très lonnnnng) site web, n’est-ce pas ? Que fais-tu lorsque tu as envie de capturer tout le site en une seule image ? Tu as peut-être pensé à le faire par étape, et ensuite, regrouper toutes les images à l’aide d’outils de traitement de photo comme Photoshop, filezila ou autre... Ce n’est pas une mauvaise idée, mais... ça va te prendre tout ton temps. Et pourtant, avec tous tes projets en cours, tu ne peux pas vraiment te permettre de perdre du temps pour de telles choses.
Il y aura également ceux qui vont me dire qu’ils vont dézoomer le site. Mais la qualité de l’image ne sera pas au top, dans ce cas. Alors, que faire ? Il y a l’extension chrome pour webdesign appelée Full page screen capture. Elle te permet d’avoir une capture du site en un clic (quelle que soit sa longueur). Mieux encore, tu pourras ensuite exporter cette capture en JPEG, avec une image de bonne qualité !
ColorZilla
Dis-moi, où trouves-tu les couleurs à mettre sur tes sites (ou bien, où est-ce que tu t’inspires). Moi par exemple, je navigue sur différents sites web, et j’enregistre les couleurs qui me plaisent. Non non, cette fois-ci, je ne capture pas les couleurs ;) Il y a un autre moyen bien plus pratique et rapide : installer l’extension chrome pour webdesign ColorZilla sur mon pc.
L’extension fonctionne de la même manière que la pipette sur les logiciels de traitement d’image. Tu mets la pipette sur la couleur qui t’attire, tu cliques dessus et tu récupères le code couleur :) Mieux encore, tu peux demander à ColorZilla d’analyser toute une page web afin qu’il génère une palette complète de couleurs.
Show me the styles
Avec Show me the styles, les fonctionnalités sont plus larges. Tu ne te limites plus aux couleurs. Cette extension chrome pour webdesign te donne les détails CSS complets d’un site web, allant de la liste des images au temps de chargement, en passant par les typographies utilisées sur le site et bien d’autres...
Il y a une vidéo Youtube dans laquelle je décris cela en bas de l'article. Soutenez-moi en vous abonnant à la chaine YouTube "Happy Desk Design".
Conclusion
Penses-tu que ces 4 extensions chrome pour webdesign en 2020 vont pouvoir t’aider ? Moi, je ne le pense pas ; j’en suis sûr ! En tout cas, n’hésite pas à me dire des nouvelles (en commentaire ou en privé). Si tu veux bien partager les autres extensions que tu utilises en webdesign, ce serait génial. Merci par avance.
YouTube : Extensions chrome pour un web designer en 2020
Reviens sur cette page chaque fois que tu voudras. As-tu trouvé des idées que j'aurais oubliés? Si oui, quels sont-ils? Laisse un commentaire ci-dessous ou envoi un mail à hello@happydesk.be
