9 août 2010
par Clément Van Meyel dans   Ressources Webdesign Zoom sur 2

10 extensions Google Chrome pour webdesigners et intégrateurs

10 extensions Google Chrome pour webdesigners et intégrateurs

Le navigateur le plus populaire de la Silicon Valley, qui connait un bel essor dans la course effrénée des navigateurs web,  s’est doté au fil du temps de nombreuses extensions très utiles.

Petit tour d’horizon des 10 meilleures extensions Google Chrome indispensables pour les webdesigners et les intégrateurs.

1 – Firebug

L'extension Firebug pour Google Chrome

L'extension Firebug pour Google Chrome

Extension très utilisée sur Firefox, Firebug Lite Chrome possède la plupart des fonctionnalités que l’on connait déjà grâce au navigateur au petit panda roux.  Inspection d’éléments HTML avec la souris, visionnage et/ou modification des propriétés CSS et du contenu HTML pour un aperçu en temps réel, etc. Des fonctionnalités très utiles, mais dont la souplesse d’utilisation n’égale malheureusement pas encore celle de Firefox.

Télécharger l’extension Firebug Lite 1.3.0

2 – Awesome ScreenShot : Capture d’écran et annotation

L'extension Awesome ScreenShot pour Google Chrome

Awesome ScreenShot vous permet de faire des Screenshots de la partie visible de votre page, mais aussi de la page complète. De nombreuses options sont également disponibles, comme la possibilité de découper une partie de votre capture, d’y ajouter des annotations grâce à un outil de saisie de texte, de les illustrer par des flèches, rectangles, cercles, de changer leur couleur… Awesome ScreenShot comporte également un outil de flou pour flouter certaines parties de la capture. Vous pouvez à tout moment revenir en arrière et corriger chacune des actions et des annotations effectuées. Un outil de sauvegarde est également présent, et vous permet d’enregistrer votre capture d’écran en format JPG ou en export d’URL.

Télécharger l’extension Awesome ScreenShot

3 – EyeDropper

L'extension EyeDropper pour Google Chrome

Identifiez facilement une couleur sur le site Web que vous consultez, grâce à EyeDropper. Une pipette vous indiquera le code hexadécimal des couleurs sélectionnées dans votre page, et les niveaux RVB. Une interface similaire à la palette couleurs de Photoshop.

Télécharger l’extension EyeDropper

4 – Web Developer

L'extension Web Developer pour Google Chrome

Réalisée par les mêmes développeurs que l’extension Web Developer Toolbar de Mozilla Firefox, l’extension Web Developer pour Google Chrome possède des outils comme l’activation/la désactivation des CSS, l’activation/la désactivation des images, le resize de la fenêtre du navigateur dans d’autres résolutions comme le 800×600 et le 1024×768, etc.

Télécharger l’extension Web Developer

5 – Générateur de Lorem Ipsum

Remplissez votre maquette ou votre contenu facilement avec cette extension Lorem Ipsum Generator. Cette extension vous permet de choisir entre un nombre de mots défini ou un nombre de paragraphes. On pourra noter tout de même l’absence d’une sélection par nombre de caractères, et regretter l’utilisation imposée de l’extension dans une fenêtre. Des améliorations que l’on peut souhaiter dans une future mise à jour ?

Télécharger l’extension Lorem Ipsum Generator

6 – Resolution Test

Une extension bien pratique pour tester les pages web dans différentes résolutions d’écran, avec une option pour définir ses propres résolutions.

Télécharger l’extension Resolution Test

7 – MeasureIt

L'extension MeasureIt pour Google Chrome

Une petite règle qui vous permettra d’obtenir rapidement la largeur et la hauteur en pixels de tous les éléments d’une page Web.

Télécharger l’extension MeasureIt

8 – Extension d’abonnement RSS (par Google)

Cette extension ajoute un bouton à votre barre d’outils qui vous permet de vous abonner aux flux RSS et ainsi suivre vos Flux Rss en un seul clic !

Télécharger l’extension Abonnement RSS (par Google)

9 – Chromelicious

Une extension Delicious Bookmarks pour Google Chrome avec un accès facile à vos tags et signets. Une extension que je trouve très pratique et rapide, que j’utilise tous les jours.

Télécharger l’extension Chromelicious

10 – Désactivation de Google Analytics

Pratique pour travailler sur un site web sans en fausser les statistiques de visites de pages à coups de rafraîchissements intempestifs, cette extension empêche l’envoi de données à Google Analytics !
Bonne extension, à condition bien évidemment que le site en question utilise Google Analytics.

Télécharger l’extension Désactivation de Google Analytics

N’hésitez pas à nous faire partager, vous aussi, les extensions que vous utilisez tous les jours  !

Tags : - - - -

A propos de l'auteur

Clément Van Meyel

Clément Van Meyel est WebDesigner en agence intéractive. Ses principales missions s'axent sur la conception de chartes graphiques webmarketing et e-commerce ainsi que sur l'étude des problématiques d'ergonomie et d'utilisabilité web.

Continuez votre lecture

Partagez cet article

  • Print
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • Twitter
  • viadeo FR
  • Add to favorites
  • email
  • Live
  • MySpace
  • Netvibes
  • PDF
  • RSS
  • Technorati
  • Wikio FR
  1. Je n’en connais pas la moitié ! Merci beaucoup pour tous ces outils !

    Et au fait, bienvenue sur Ikomeo Clém !

Laisser une réponse


(ne sera pas publié)

(*) Champs obligatoires.