8 extensions Chrome pour les développeurs

Chromium

Et me revoici avec les extensions pour Google Chrome 🙂 mais cette fois-ci je vais parler de celles qui facilitent la vie des développeurs ! De l’aide au débugage au convertisseur de code couleurs en passant par la règle qui mesure les pixels à l’écran, voici de véritables perles pour tous ceux qui touchent un peu aux langages de programmation web.

eyedropper

Eye Dropper

Pipette magique qui vous permet de récupérer une couleur dans votre page web ou bien d’en créer une à l’aide du nuancier et d’avoir sous la main le code hexadécimal et RGB de votre couleur.

measureit

MeasureIt!

Vous voulez connaître la taille d’une image, d’un bouton ou de n’importe quel élément se trouvant sur une page web ? Cliquez sur la petite règle et mesurez-le directement dans votre navigateur.

firebug

Firebug

Déjà très connu sous Firefox, Firebug a maintenant sa version Chrome et est toujours aussi puissant pour analyser le code des éléments d’une page en live. Décrypte le HTML, CSS, JavaScript, ce qui passe par le réseau, bref c’est l’outil indispensable.

resolutiontest

Resolution Test

Vous voulez vérifier l’apparence de votre site web sous différentes résolutions ? Voici l’outil idéal qui vous montrera en un clic un aperçu de votre site sous toutes les résolutions que vous aurez choisies.

pendule

Pendule

Voilà de quoi désosser une page web intégralement en analysant et en pouvant jouer sur son CSS, ses script, ses images, ses flux RSS et bien d’autres.

validity

Validity

Petit utilitaire qui se présente sous la forme d’une petite icone à droite dans la barre d’adresse et qui vous permet de voir si votre site respecte les standards du web en un coup d’oeil.

ietab

IE Tab

Tous les développeurs sont confrontés au même problème : arriver à obtenir une mise en page aussi propre sous IE que sous les autres navigateur. Et bien grâce à cette extension, vous pourrez voir votre site comme si c’était IE qui l’ouvrait, mais en restant dans Chrome !

metaseo

META SEO inspector

Vous savez ces balises dans le <head> que l’on ne rempli jamais, celles qui décrivent votre site en quelques phrases et mots clés ? Et bien voilà l’extension qui vous rappellera à l’ordre si vous ne les avez pas renseignées !

Voilà vous êtes équipés, bon développement ! 😉

Publicités