X

12 extensions Chrome à ne pas rater pour les webdesigners et développeurs

Voici une nouvelle sélection d’extensions Chrome qui vous permettront de gagner un temps précieux dans vos prochains projets web. Elles vous serviront à différentes étapes de votre projet : dans les phases de design, de développement, de tests et d’optimisation du référencement. 

Vous trouverez d’autres ressources et outils pour vous aider dans cette précédente sélection également.

1. Wappalyzer

Cette extension scanne n’importe quel site web pour identifier les différentes technologies qu’il comporte (CMS, plateformes e-commerces, frameworks, outils anaytics, …)

2. Site Palette

Lorsque la palette de couleurs d’un site que vous visitez vous plait. Utilisez Site Palette pour extraire les principales couleurs du site web et en faire une palette partageable en plusieurs formats. 

3. Dimensions 

Mesurez divers éléments composants une page web (images, champ de texte, boutons, vidéos, gifs, textes, icônes …) 

4. HTML Instant 

Éditez du code HTML et observez le résultat en temps réel grâce à cette extension Chrome. 

5. Tape 

Cette extension Chrome vous permet de tracer des guides sur une page web et ainsi de mesurer des tailles et positions d’éléments plus facilement. 

6. PerfectPixel

Lorsque vous voulez que le rendu d’un site internet que vous développez soit aussi proche que possible du design prévu, utilisez PerfectPixel pour comparer en transparence le site web et la maquette et ainsi répérez les éléments à rectifier. 

Articles relatifs

7. Marmoset / MarmoUI

Cette extension Chrome vous permet de créer des captures élégantes de vos codes. Vous pouvez y ajouter des thèmes, des effets et ainsi créer des images élégantes pour votre portfolio par exemple. 

8. Sizzy 

Sizzy vous permet de voir en un clin d’oeil votre site affiché sous différents formats d’écran et devices pour vérifier qu’il est bien responsive. 

9. Checkbot 

Assurez-vous que tous les liens de votre site fonctionnent correctement, vos titres de pages et d’autres critères pour améliorer votre référencement.

 

10. IE Tab

Cette extension vous permet de tester vos pages web sous différentes version du navigateur Internet Explorer directement depuis Chrome. 

11. Check My Links 

Check My Links scanne tous les liens de vos pages web pour surligner en vert ceux qui fonctionnent et en rouge ceux qui sont cassés.

12. CSS-Shack

Cette extension Chrome vous permet de créer des designs puis de les exporter en fichier CSS que vous pouvez utilisez sur votre site.

(13876)

Laura: