21 extensions Google Chrome pour webdesigner

20 janv. 2012


Vous travaillez dans la conception et le développement de sites web, je vous propose une série d'extensions intéressantes pour le navigateur Google Chrome afin de le rendre plus productif dans vos futurs projets:

extensions Chrome webdesigner
1. Awesome Screenshot 
Awesome Screenshot permet de capturer une page complète ou une partie, de l'annoter avec des rectangles, des cercles, des flèches, des lignes et du texte de l’enregistrer au format PNG.

Awesome Screenshot chrome


2. BuiltWith Technology Profiler
BuiltWith Technology Profiler vous aide à trouver toutes les technologies contenues dans n'importe quelle page web que vous visitez.

BuiltWith Technology Profiler chrome


3. Code Cola
Code Cola est une extension vous permettant d'éditer le contenu d'une page web en ligne pour en modifier le CSS visuellement.

Code Cola chrome


4. Domain Availability Checker & Whois
Domain Availability Checker & Whois vérifie la disponibilité d'un domaine depuis votre barre d'outils.

Domain Availability Checker & Whois chrome


5. Eye Dropper
Eye Dropper est un excellent outil pour choisir la couleur de n'importe quelle page web. A recommander pour les développeurs web.

Eye Dropper chrome

6. Firebug Lite
Firebug Lite vous offre la possibilité de visualiser votre code, de débugger le code HTML, le JavaScript de n'importe quelle page web. Utile pour les développeurs web.

Firebug Lite chrome


7. Google Font Previewer
Google Font Previewer vous aide à choisir une police à partir du répertoire Google Font avec quelques options de style de texte et de les prévisualiser sur l'onglet en cours.

Google Font Previewer chrome


8. HTML Instant
HTML Instant est un éditeur de code HMTL, CSS, Javascript en temps réel. Idéal pour apprendre ou enseigner le langage HTML. L'écran est divisé en 2 parties: la première pour saisir votre code et la deuxième pour visualiser en instantané le résultat.

HTML Instant chrome


9. IE Tab
IE Tab émule exactement Internet Explorer en utilisant le moteur de rendu d'IE directement dans Chrome. Cela vous permet d'utiliser les contrôles ActiveX et de tester vos pages web avec différentes versions d'IE (IE7, IE8, or IE9).

IE Tab chrome


10. Image Properties Context Menu
Image Properties Context Menu est une extension affichant dans un simple menu contextuel les propriétés d'une image: lieu, source, dimensions, taille du fichier, type MIME, données EXIF.

Image Properties Context Menu


11. IP Address and Domain Information
IP Address and Domain Information permet de visualiser en clic de souris la géolocalisation, le DNS, Whois, BGP, le routage, des informations sur le fournisseur de services Internet de chaque adresse IP (IPv4 et IPV6).

IP Address and Domain Information


12. Lightshot
Lightshot est un outil vous permettant de faire facilement des captures d'écran de n'importe quelle zone sélectionnée. Ensuite, vous pouvez l'éditer et le retoucher directement en ligne.

Lightshot chrome


13. Lorem Ipsum Generator
Lorem Ipsum Generator permet de générer aléatoirement du texte "Lorem Ipsum"

Lorem Ipsum Generator chrome


14. MeasureIt!
MeasureIt! est un outil bien pratique qui dessine une régle afin d'obtenir la longueur et la largeur de tous les éléments sur une page web.

MeasureIt! chrome

15. Validity
Validity permet de valider rapidement vos documents HTML à partir de la barre d'adresse ou en appuyant sur ALT + Shift + V. Les résultats peuvent être vus dans la console JS.

Validity chrome


16. Webpage Screenshot
Webpage Screenshot permet de capturer facilement une page web entière ou partielle. Même les longues pages web sont sauvegardées dans un format image de votre choix: JPEG ou PNG.

Webpage Screenshot chrome

17. Web Developer
Web Developer ajoute une barre d'outils pour les développeurs web proposant des nombreuses options tels que CSS, Forms, Images, informations, redimensionnent et Outline.

Web Developer chrome


18. Window Resizer
Window Resizer permet de redimensionner la fenêtre du navigateur afin d'émuler différentes résolutions. On peut également paramétrer de nouvelles résolutions.

Window Resizer


19. Zoom
Zoom est une extension vous permettant de zoomer en avant et en arrière sur une page web afin d'avoir une lecture plus confortable.

Zoom chrome
20. Chrome for SEO
Chrome for SEO vous fournit un accès facile aux outils d'optimisations du référencement: nombres de pages indexées (Bing, Google, Yahoo), Backlinks ( Alexa, Pagerank, Yahoo), Traffic (Alexa rank, Compete rank).

Chrome for SEO


21. Chrome Flags
Chrome Flags vous affiche le drapeau du pays en indiquant la localisation des sites web que vous visitez.

Chrome Flags

5 commentaires:

Anonyme a dit…

Très utile, merci admin :)

Romain Racamier a dit…

nice

Virgil Fabre a dit…

Woot
Merci a 140% la majorité ont été téléchargé.
Ajoutez aussi LiveReloadm je sais pas s'il y est je l'ai pas vue je crois.
Sa sert a relancer le CSS sans appuyez sur refresh (Voir le CSS en temps réel).

Merci beaucoup !
Plutonium2222.

Anonyme a dit…

Have you ever thought about adding a little bit more than just your articles?
I mean, what you say is important and everything.
Nevertheless think about if you added some great graphics or videos to
give your posts more, "pop"! Your content is excellent but with pics and videos, this
site could undeniably be one of the most beneficial in
its niche. Awesome blog!

my web page top logiciel seo

Julien a dit…

Petite extension chrome pratique que j'utilise c'est CSS-setting ( http://goo.gl/RhvVW2 ), ça te construit la structure css de ta page courante pour l'intégration c'est du temps de gagné.

Enregistrer un commentaire