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.

1. Outils indispensables
pour vos navigateurs web
par Yannick Pavard
vier 2009
tion, 22 jan
WebEduca

2. 2 / 28

3. Présentation d'extensions
pour Firefox afin de
vous aider à réaliser
et déboguer vos sites web.
3 / 28

4. 500 de000 000
téléchargements
Firefox

5. Visualiser la structure du code source View Source Chart

6. Valider votre code HTML hors-ligne HTML Validator

7. Éditer le code HTML Firebug

8. Éditer les feuilles de styles CSS Firebug | Web Developer

9. Un peu d'accessibilité Web Developer

10. Manipuler les couleurs web Colorzilla

11. Google Chrome
Environ 1% du marché
disponible en 43 langues
offre les meilleurs résultats du test Acid3
livré sous plusieurs licences libres
Chromium est une autre version opensource
ceci n'est pas le logo de Google Chrome

12. Contrôlez le chargement des ressources Google Chrome

13. 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 / ypavard@infoglobe.ca