13
WebEducation, 22 janvier 2009 Outils indispensables pour vos navigateurs web par Yannick Pavard

Outils Indispensables pour vs navigateurs web

Embed Size (px)

DESCRIPTION

Présentation donnée lors du WebEducation du 22 janvier 2009 aux webmestres du gouvernement du Québec.Le thème était les extensions pour Firefox (colorzilla, firebug, html validator, ...) ainsi qu'un aperçu des fonctionnalités de Google Chrome pour les développeurs.

Citation preview

Page 1: Outils Indispensables pour vs navigateurs web

WebEducation, 22 janvier 2009

Outils indispensablespour vos navigateurs web

par Yannick Pavard

Page 2: Outils Indispensables pour vs navigateurs web

2 / 28

Page 3: Outils Indispensables pour vs navigateurs web

3 / 28

Présentation d'extensions pour Firefox afin devous aider à réaliser

et déboguer vos sites web.

Page 4: Outils Indispensables pour vs navigateurs web

500 000 000de téléchargements

Firefox

Page 5: Outils Indispensables pour vs navigateurs web

Visualiser la structure du code source View Source Chart

Page 6: Outils Indispensables pour vs navigateurs web

Valider votre code HTML hors-ligne HTML Validator

Page 7: Outils Indispensables pour vs navigateurs web

Éditer le code HTML Firebug

Page 8: Outils Indispensables pour vs navigateurs web

Éditer les feuilles de styles CSS Firebug | Web Developer

Page 9: Outils Indispensables pour vs navigateurs web

Un peu d'accessibilité Web Developer

Page 10: Outils Indispensables pour vs navigateurs web

Manipuler les couleurs web Colorzilla

Page 11: Outils Indispensables pour vs navigateurs web

Google ChromeGoogle ChromeEnviron 1% du marché

disponible en 43 langues

Chromium est une autre version opensource

offre les meilleurs résultats du test Acid3

livré sous plusieurs licences libres

ceci n'est pas le logo de Google Chrome

Page 12: Outils Indispensables pour vs navigateurs web

Contrôlez le chargement des ressources Google Chrome

Page 13: Outils Indispensables pour vs navigateurs web

Références http://blogue.infoglobe.ca

✔ View Source Chart : http://jennifermadden.com/scripts/ViewRenderedSource.html✔ 7 extensions pour visualiser le code source : http://www.searchenginejournal.com/7-firefox-extensions-to-explore-page-source-code/7375✔ Firefox 3 : http://www.mozilla-europe.org/fr/firefox/✔ HTML Validator : http://users.skynet.be/mgueury/mozilla/✔ Firebug : http://getfirebug.com/✔ Web developer : http://chrispederick.com/work/web-developer/✔ Web developer (français) : http://joliclic.free.fr/mozilla/webdeveloper/✔ Colorzilla : http://www.colorzilla.com/firefox/✔ Google Chrome : http://www.google.com/chrome

N'hésitez pas à me contacter : Yannick Pavard / [email protected]