SlideShare une entreprise Scribd logo
Outils indispensables
                                 pour vos navigateurs web




                                              par Yannick Pavard
                     vier 2009
        tion, 22 jan
WebEduca
2 / 28
Présentation d'extensions
  pour Firefox afin de
  vous aider à réaliser
et déboguer vos sites web.




                             3 / 28
500 de000 000
                 téléchargements




Firefox
Visualiser la structure du code source   View Source Chart
Valider votre code HTML hors-ligne   HTML Validator
Éditer le code HTML   Firebug
Éditer les feuilles de styles CSS   Firebug | Web Developer
Un peu d'accessibilité   Web Developer
Manipuler les couleurs web   Colorzilla
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
Contrôlez le chargement des ressources   Google Chrome
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

Contenu connexe

Tendances

[FR] Présentation de PhoneGap
[FR] Présentation de PhoneGap[FR] Présentation de PhoneGap
[FR] Présentation de PhoneGap
Thomas Bassetto
 
jQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-sidejQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-side
maru.maru
 
Construire une PWA connectée à WordPress
Construire une PWA connectée à WordPressConstruire une PWA connectée à WordPress
Construire une PWA connectée à WordPress
Benjamin LUPU
 
Tablette ou web : 11 outils pour créer des citations !
Tablette ou web : 11 outils pour créer des citations !Tablette ou web : 11 outils pour créer des citations !
Tablette ou web : 11 outils pour créer des citations !
Redaction SKODEN
 
Simple présentation de Wordpress
Simple présentation de WordpressSimple présentation de Wordpress
Simple présentation de Wordpress
Olympe Tchibozo
 
Comparatif CMS
Comparatif CMSComparatif CMS
Comparatif CMS
Quentin Apruzzese
 
Créer et gérer facilement votre site Internet évolutif - Webschool Tours - Co...
Créer et gérer facilement votre site Internet évolutif - Webschool Tours - Co...Créer et gérer facilement votre site Internet évolutif - Webschool Tours - Co...
Créer et gérer facilement votre site Internet évolutif - Webschool Tours - Co...
Claude BUENO
 
Développer des applications mobiles avec phonegap
Développer des applications mobiles avec phonegapDévelopper des applications mobiles avec phonegap
Développer des applications mobiles avec phonegap
Makina Corpus
 
PhoneGap VS Appcelerator
PhoneGap VS AppceleratorPhoneGap VS Appcelerator
PhoneGap VS AppceleratorTiyab K.
 
Creer un site internet avec Joomla - Atelier du Web Tourangeau - Conférence N...
Creer un site internet avec Joomla - Atelier du Web Tourangeau - Conférence N...Creer un site internet avec Joomla - Atelier du Web Tourangeau - Conférence N...
Creer un site internet avec Joomla - Atelier du Web Tourangeau - Conférence N...
Claude BUENO
 
10 astuces pour se faciliter l'administration sous Joomla! Joomladay France 2015
10 astuces pour se faciliter l'administration sous Joomla! Joomladay France 201510 astuces pour se faciliter l'administration sous Joomla! Joomladay France 2015
10 astuces pour se faciliter l'administration sous Joomla! Joomladay France 2015
Com'3elles - www.com3elles.com
 
Cours Licence Pro (Système de gestion de contenu) Partie 2
Cours Licence Pro (Système de gestion de contenu) Partie 2Cours Licence Pro (Système de gestion de contenu) Partie 2
Cours Licence Pro (Système de gestion de contenu) Partie 2
Creazzly
 
Apprendre et travailler offline mais branché !
Apprendre et travailler offline mais branché !Apprendre et travailler offline mais branché !
Apprendre et travailler offline mais branché !
Redaction SKODEN
 
Prsentation flash
Prsentation flashPrsentation flash
Prsentation flash
ward marzouki
 
Formation joomla 2.5 séance 1 sur 4
Formation joomla 2.5 séance 1 sur 4Formation joomla 2.5 séance 1 sur 4
Formation joomla 2.5 séance 1 sur 4
Jamel Eddine Zarga
 
Comment choisir son cms
Comment choisir son cmsComment choisir son cms
Comment choisir son cms
StrasWeb
 
5 outils de bookmarking visuel
5 outils de bookmarking visuel5 outils de bookmarking visuel
5 outils de bookmarking visuel
Redaction SKODEN
 
Conception d’une application pour Windows 8 avec Blend 5
Conception d’une application pour Windows 8 avec Blend 5Conception d’une application pour Windows 8 avec Blend 5
Conception d’une application pour Windows 8 avec Blend 5
Microsoft
 
Découvrir WordPress
Découvrir WordPressDécouvrir WordPress
Découvrir WordPress
StrasWeb
 
Cours Licence Pro (Système de gestion de contenu) Partie 1
Cours Licence Pro (Système de gestion de contenu) Partie 1Cours Licence Pro (Système de gestion de contenu) Partie 1
Cours Licence Pro (Système de gestion de contenu) Partie 1
Creazzly
 

Tendances (20)

[FR] Présentation de PhoneGap
[FR] Présentation de PhoneGap[FR] Présentation de PhoneGap
[FR] Présentation de PhoneGap
 
jQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-sidejQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-side
 
Construire une PWA connectée à WordPress
Construire une PWA connectée à WordPressConstruire une PWA connectée à WordPress
Construire une PWA connectée à WordPress
 
Tablette ou web : 11 outils pour créer des citations !
Tablette ou web : 11 outils pour créer des citations !Tablette ou web : 11 outils pour créer des citations !
Tablette ou web : 11 outils pour créer des citations !
 
Simple présentation de Wordpress
Simple présentation de WordpressSimple présentation de Wordpress
Simple présentation de Wordpress
 
Comparatif CMS
Comparatif CMSComparatif CMS
Comparatif CMS
 
Créer et gérer facilement votre site Internet évolutif - Webschool Tours - Co...
Créer et gérer facilement votre site Internet évolutif - Webschool Tours - Co...Créer et gérer facilement votre site Internet évolutif - Webschool Tours - Co...
Créer et gérer facilement votre site Internet évolutif - Webschool Tours - Co...
 
Développer des applications mobiles avec phonegap
Développer des applications mobiles avec phonegapDévelopper des applications mobiles avec phonegap
Développer des applications mobiles avec phonegap
 
PhoneGap VS Appcelerator
PhoneGap VS AppceleratorPhoneGap VS Appcelerator
PhoneGap VS Appcelerator
 
Creer un site internet avec Joomla - Atelier du Web Tourangeau - Conférence N...
Creer un site internet avec Joomla - Atelier du Web Tourangeau - Conférence N...Creer un site internet avec Joomla - Atelier du Web Tourangeau - Conférence N...
Creer un site internet avec Joomla - Atelier du Web Tourangeau - Conférence N...
 
10 astuces pour se faciliter l'administration sous Joomla! Joomladay France 2015
10 astuces pour se faciliter l'administration sous Joomla! Joomladay France 201510 astuces pour se faciliter l'administration sous Joomla! Joomladay France 2015
10 astuces pour se faciliter l'administration sous Joomla! Joomladay France 2015
 
Cours Licence Pro (Système de gestion de contenu) Partie 2
Cours Licence Pro (Système de gestion de contenu) Partie 2Cours Licence Pro (Système de gestion de contenu) Partie 2
Cours Licence Pro (Système de gestion de contenu) Partie 2
 
Apprendre et travailler offline mais branché !
Apprendre et travailler offline mais branché !Apprendre et travailler offline mais branché !
Apprendre et travailler offline mais branché !
 
Prsentation flash
Prsentation flashPrsentation flash
Prsentation flash
 
Formation joomla 2.5 séance 1 sur 4
Formation joomla 2.5 séance 1 sur 4Formation joomla 2.5 séance 1 sur 4
Formation joomla 2.5 séance 1 sur 4
 
Comment choisir son cms
Comment choisir son cmsComment choisir son cms
Comment choisir son cms
 
5 outils de bookmarking visuel
5 outils de bookmarking visuel5 outils de bookmarking visuel
5 outils de bookmarking visuel
 
Conception d’une application pour Windows 8 avec Blend 5
Conception d’une application pour Windows 8 avec Blend 5Conception d’une application pour Windows 8 avec Blend 5
Conception d’une application pour Windows 8 avec Blend 5
 
Découvrir WordPress
Découvrir WordPressDécouvrir WordPress
Découvrir WordPress
 
Cours Licence Pro (Système de gestion de contenu) Partie 1
Cours Licence Pro (Système de gestion de contenu) Partie 1Cours Licence Pro (Système de gestion de contenu) Partie 1
Cours Licence Pro (Système de gestion de contenu) Partie 1
 

En vedette

Desenvolvendo chrome extensions
Desenvolvendo chrome extensionsDesenvolvendo chrome extensions
Desenvolvendo chrome extensions
Rodolfo Dias
 
Browser Mobile - Chrome
Browser Mobile - ChromeBrowser Mobile - Chrome
Browser Mobile - Chrome
Renato Bongiorno Bonfanti
 
Guia do F12: Chrome Developer Tools
Guia do F12: Chrome Developer ToolsGuia do F12: Chrome Developer Tools
Guia do F12: Chrome Developer Tools
Leonardo Tegon
 
Testando SAP com Selenium
Testando SAP com SeleniumTestando SAP com Selenium
Testando SAP com Selenium
Eduardo Souza
 
Les vaccinations rappel calendrier vaccinal 2008
Les vaccinations rappel calendrier vaccinal 2008Les vaccinations rappel calendrier vaccinal 2008
Les vaccinations rappel calendrier vaccinal 2008
esf3
 
TripleHard - Trivalent Based Hard Chrome - Case Tecnocrom
TripleHard - Trivalent Based Hard Chrome - Case TecnocromTripleHard - Trivalent Based Hard Chrome - Case Tecnocrom
TripleHard - Trivalent Based Hard Chrome - Case Tecnocrom
Savroc Ltd
 
Zinc and zinc nickel plating
Zinc and zinc nickel platingZinc and zinc nickel plating
Zinc and zinc nickel plating
camzurv
 
Surface finishing processes - Electroplating
Surface finishing processes - ElectroplatingSurface finishing processes - Electroplating
Surface finishing processes - Electroplating
Hassan Habib
 
Effect of Nanoporous Anodic Aluminum Oxide (AAO) Characteristics On Solar Abs...
Effect of Nanoporous Anodic Aluminum Oxide (AAO) Characteristics On Solar Abs...Effect of Nanoporous Anodic Aluminum Oxide (AAO) Characteristics On Solar Abs...
Effect of Nanoporous Anodic Aluminum Oxide (AAO) Characteristics On Solar Abs...
A Behzadmehr
 
Chromium ppt
Chromium pptChromium ppt
Chromium ppt
Kundan samal
 
40 cfr 261.4(b)(6) The RCRA Exclusion From Hazardous Waste for Trivalent Chro...
40 cfr 261.4(b)(6) The RCRA Exclusion From Hazardous Waste for Trivalent Chro...40 cfr 261.4(b)(6) The RCRA Exclusion From Hazardous Waste for Trivalent Chro...
40 cfr 261.4(b)(6) The RCRA Exclusion From Hazardous Waste for Trivalent Chro...
Daniels Training Services
 
Qu'est ce que un acide tartrique ?
Qu'est ce que un acide tartrique ?Qu'est ce que un acide tartrique ?
Qu'est ce que un acide tartrique ?
eri8p7f4ku
 
Les sources energétiques de la resynthese de l'atp a  la contraction muscul...
Les sources energétiques   de la resynthese de l'atp a  la contraction muscul...Les sources energétiques   de la resynthese de l'atp a  la contraction muscul...
Les sources energétiques de la resynthese de l'atp a  la contraction muscul...
IRMSHN276
 
Removal of chromium
Removal of chromiumRemoval of chromium
Removal of chromium
Amr Elshikh
 
A SHORT REVIEW ON ALUMINIUM ANODIZING: AN ECO-FRIENDLY METAL FINISHING PROCESS
A SHORT REVIEW ON ALUMINIUM ANODIZING: AN ECO-FRIENDLY METAL FINISHING PROCESSA SHORT REVIEW ON ALUMINIUM ANODIZING: AN ECO-FRIENDLY METAL FINISHING PROCESS
A SHORT REVIEW ON ALUMINIUM ANODIZING: AN ECO-FRIENDLY METAL FINISHING PROCESS
Journal For Research
 
Sozialpolitik Kanada Und Australien
Sozialpolitik Kanada Und AustralienSozialpolitik Kanada Und Australien
Sozialpolitik Kanada Und Australienbolkovac
 
Metabolisme des lipides
Metabolisme des lipidesMetabolisme des lipides
Metabolisme des lipideskillua zoldyck
 
Aluminum Anodizing
Aluminum AnodizingAluminum Anodizing
Aluminum Anodizing
AACOA.com
 
Brochure Meca-19102016-bd
Brochure Meca-19102016-bdBrochure Meca-19102016-bd
Brochure Meca-19102016-bdCamille Volant
 

En vedette (20)

Desenvolvendo chrome extensions
Desenvolvendo chrome extensionsDesenvolvendo chrome extensions
Desenvolvendo chrome extensions
 
Browser Mobile - Chrome
Browser Mobile - ChromeBrowser Mobile - Chrome
Browser Mobile - Chrome
 
Guia do F12: Chrome Developer Tools
Guia do F12: Chrome Developer ToolsGuia do F12: Chrome Developer Tools
Guia do F12: Chrome Developer Tools
 
Testando SAP com Selenium
Testando SAP com SeleniumTestando SAP com Selenium
Testando SAP com Selenium
 
Les vaccinations rappel calendrier vaccinal 2008
Les vaccinations rappel calendrier vaccinal 2008Les vaccinations rappel calendrier vaccinal 2008
Les vaccinations rappel calendrier vaccinal 2008
 
TripleHard - Trivalent Based Hard Chrome - Case Tecnocrom
TripleHard - Trivalent Based Hard Chrome - Case TecnocromTripleHard - Trivalent Based Hard Chrome - Case Tecnocrom
TripleHard - Trivalent Based Hard Chrome - Case Tecnocrom
 
Zinc and zinc nickel plating
Zinc and zinc nickel platingZinc and zinc nickel plating
Zinc and zinc nickel plating
 
Surface finishing processes - Electroplating
Surface finishing processes - ElectroplatingSurface finishing processes - Electroplating
Surface finishing processes - Electroplating
 
Effect of Nanoporous Anodic Aluminum Oxide (AAO) Characteristics On Solar Abs...
Effect of Nanoporous Anodic Aluminum Oxide (AAO) Characteristics On Solar Abs...Effect of Nanoporous Anodic Aluminum Oxide (AAO) Characteristics On Solar Abs...
Effect of Nanoporous Anodic Aluminum Oxide (AAO) Characteristics On Solar Abs...
 
Chromium ppt
Chromium pptChromium ppt
Chromium ppt
 
Electolyse cu-br
Electolyse cu-brElectolyse cu-br
Electolyse cu-br
 
40 cfr 261.4(b)(6) The RCRA Exclusion From Hazardous Waste for Trivalent Chro...
40 cfr 261.4(b)(6) The RCRA Exclusion From Hazardous Waste for Trivalent Chro...40 cfr 261.4(b)(6) The RCRA Exclusion From Hazardous Waste for Trivalent Chro...
40 cfr 261.4(b)(6) The RCRA Exclusion From Hazardous Waste for Trivalent Chro...
 
Qu'est ce que un acide tartrique ?
Qu'est ce que un acide tartrique ?Qu'est ce que un acide tartrique ?
Qu'est ce que un acide tartrique ?
 
Les sources energétiques de la resynthese de l'atp a  la contraction muscul...
Les sources energétiques   de la resynthese de l'atp a  la contraction muscul...Les sources energétiques   de la resynthese de l'atp a  la contraction muscul...
Les sources energétiques de la resynthese de l'atp a  la contraction muscul...
 
Removal of chromium
Removal of chromiumRemoval of chromium
Removal of chromium
 
A SHORT REVIEW ON ALUMINIUM ANODIZING: AN ECO-FRIENDLY METAL FINISHING PROCESS
A SHORT REVIEW ON ALUMINIUM ANODIZING: AN ECO-FRIENDLY METAL FINISHING PROCESSA SHORT REVIEW ON ALUMINIUM ANODIZING: AN ECO-FRIENDLY METAL FINISHING PROCESS
A SHORT REVIEW ON ALUMINIUM ANODIZING: AN ECO-FRIENDLY METAL FINISHING PROCESS
 
Sozialpolitik Kanada Und Australien
Sozialpolitik Kanada Und AustralienSozialpolitik Kanada Und Australien
Sozialpolitik Kanada Und Australien
 
Metabolisme des lipides
Metabolisme des lipidesMetabolisme des lipides
Metabolisme des lipides
 
Aluminum Anodizing
Aluminum AnodizingAluminum Anodizing
Aluminum Anodizing
 
Brochure Meca-19102016-bd
Brochure Meca-19102016-bdBrochure Meca-19102016-bd
Brochure Meca-19102016-bd
 

Similaire à Outils Indispensables pour vs navigateurs web

Les écrans animés dans les navigateurs
Les écrans animés dans les navigateursLes écrans animés dans les navigateurs
Les écrans animés dans les navigateurs
Christophe Villeneuve
 
25emes journées du_rndh_atelier_ff19-10-2012
25emes journées du_rndh_atelier_ff19-10-201225emes journées du_rndh_atelier_ff19-10-2012
25emes journées du_rndh_atelier_ff19-10-2012URFIST de Paris
 
Introduction webextensions
Introduction webextensionsIntroduction webextensions
Introduction webextensions
Christophe Villeneuve
 
Création des sites web pour débutant
Création des sites web pour débutantCréation des sites web pour débutant
Création des sites web pour débutantKorteby Farouk
 
Diapo Extensions Firefox
Diapo Extensions FirefoxDiapo Extensions Firefox
Diapo Extensions Firefoxkchadok
 
L'accessibilité en 20 étapes pour TYPO3 et Wordpress
L'accessibilité en 20 étapes pour TYPO3 et WordpressL'accessibilité en 20 étapes pour TYPO3 et Wordpress
L'accessibilité en 20 étapes pour TYPO3 et Wordpress
Yannick Pavard
 
Rendre son CMS conforme au SGQRI 008 en 20 étapes
Rendre son CMS conforme au SGQRI 008 en 20 étapesRendre son CMS conforme au SGQRI 008 en 20 étapes
Rendre son CMS conforme au SGQRI 008 en 20 étapesConFoo
 
Initiation au Web scraping - AJPro
Initiation au Web scraping - AJProInitiation au Web scraping - AJPro
Initiation au Web scraping - AJPro
Ettore Rizza
 
Le Kit du Parfait Petit Intégrateur (PW2009)
Le Kit du Parfait Petit Intégrateur (PW2009)Le Kit du Parfait Petit Intégrateur (PW2009)
Le Kit du Parfait Petit Intégrateur (PW2009)
Thierry Régagnon
 
WebExtensions : Où en est-on ? /// Where we are ?
WebExtensions : Où en est-on ? /// Where we are ?WebExtensions : Où en est-on ? /// Where we are ?
WebExtensions : Où en est-on ? /// Where we are ?
Christophe Villeneuve
 
Compatibilité Internet Explorer : pour le meilleur et pour le pire!
Compatibilité Internet Explorer : pour le meilleur et pour le pire!Compatibilité Internet Explorer : pour le meilleur et pour le pire!
Compatibilité Internet Explorer : pour le meilleur et pour le pire!
Microsoft
 
60 points clés d'ergonomie
60 points clés d'ergonomie60 points clés d'ergonomie
60 points clés d'ergonomiemariemmartine
 
Glossaire web pour les profanes - Webdesign
Glossaire web pour les profanes - WebdesignGlossaire web pour les profanes - Webdesign
Glossaire web pour les profanes - Webdesign
Relax In The Air
 
Silverlight 3.MSDays EPITA 11/06/2009
Silverlight 3.MSDays EPITA 11/06/2009Silverlight 3.MSDays EPITA 11/06/2009
Silverlight 3.MSDays EPITA 11/06/2009
Frédéric Queudret
 
Habillez votre navigateur avec les webextensions
Habillez votre navigateur avec les webextensionsHabillez votre navigateur avec les webextensions
Habillez votre navigateur avec les webextensions
Christophe Villeneuve
 
Points clés - ergonomie web
Points clés - ergonomie webPoints clés - ergonomie web
Points clés - ergonomie web
Vincent Lachambre
 
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScriptIntroduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Microsoft
 
Introduction au développement windows 8 modern ui avec html5 et javascript
Introduction au développement windows 8 modern ui avec html5 et javascriptIntroduction au développement windows 8 modern ui avec html5 et javascript
Introduction au développement windows 8 modern ui avec html5 et javascript
davrous
 
Utiliser et ameliorer firefox avec les webextensions
Utiliser et ameliorer firefox avec les webextensionsUtiliser et ameliorer firefox avec les webextensions
Utiliser et ameliorer firefox avec les webextensions
Christophe Villeneuve
 

Similaire à Outils Indispensables pour vs navigateurs web (20)

Les écrans animés dans les navigateurs
Les écrans animés dans les navigateursLes écrans animés dans les navigateurs
Les écrans animés dans les navigateurs
 
25emes journées du_rndh_atelier_ff19-10-2012
25emes journées du_rndh_atelier_ff19-10-201225emes journées du_rndh_atelier_ff19-10-2012
25emes journées du_rndh_atelier_ff19-10-2012
 
Introduction webextensions
Introduction webextensionsIntroduction webextensions
Introduction webextensions
 
Création des sites web pour débutant
Création des sites web pour débutantCréation des sites web pour débutant
Création des sites web pour débutant
 
Diapo Extensions Firefox
Diapo Extensions FirefoxDiapo Extensions Firefox
Diapo Extensions Firefox
 
L'accessibilité en 20 étapes pour TYPO3 et Wordpress
L'accessibilité en 20 étapes pour TYPO3 et WordpressL'accessibilité en 20 étapes pour TYPO3 et Wordpress
L'accessibilité en 20 étapes pour TYPO3 et Wordpress
 
Rendre son CMS conforme au SGQRI 008 en 20 étapes
Rendre son CMS conforme au SGQRI 008 en 20 étapesRendre son CMS conforme au SGQRI 008 en 20 étapes
Rendre son CMS conforme au SGQRI 008 en 20 étapes
 
Initiation au Web scraping - AJPro
Initiation au Web scraping - AJProInitiation au Web scraping - AJPro
Initiation au Web scraping - AJPro
 
Le Kit du Parfait Petit Intégrateur (PW2009)
Le Kit du Parfait Petit Intégrateur (PW2009)Le Kit du Parfait Petit Intégrateur (PW2009)
Le Kit du Parfait Petit Intégrateur (PW2009)
 
WebExtensions : Où en est-on ? /// Where we are ?
WebExtensions : Où en est-on ? /// Where we are ?WebExtensions : Où en est-on ? /// Where we are ?
WebExtensions : Où en est-on ? /// Where we are ?
 
Compatibilité Internet Explorer : pour le meilleur et pour le pire!
Compatibilité Internet Explorer : pour le meilleur et pour le pire!Compatibilité Internet Explorer : pour le meilleur et pour le pire!
Compatibilité Internet Explorer : pour le meilleur et pour le pire!
 
60 points clés d'ergonomie
60 points clés d'ergonomie60 points clés d'ergonomie
60 points clés d'ergonomie
 
Glossaire web pour les profanes - Webdesign
Glossaire web pour les profanes - WebdesignGlossaire web pour les profanes - Webdesign
Glossaire web pour les profanes - Webdesign
 
Silverlight 3.MSDays EPITA 11/06/2009
Silverlight 3.MSDays EPITA 11/06/2009Silverlight 3.MSDays EPITA 11/06/2009
Silverlight 3.MSDays EPITA 11/06/2009
 
Habillez votre navigateur avec les webextensions
Habillez votre navigateur avec les webextensionsHabillez votre navigateur avec les webextensions
Habillez votre navigateur avec les webextensions
 
Points clés - ergonomie web
Points clés - ergonomie webPoints clés - ergonomie web
Points clés - ergonomie web
 
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScriptIntroduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
 
Introduction au développement windows 8 modern ui avec html5 et javascript
Introduction au développement windows 8 modern ui avec html5 et javascriptIntroduction au développement windows 8 modern ui avec html5 et javascript
Introduction au développement windows 8 modern ui avec html5 et javascript
 
Utiliser et ameliorer firefox avec les webextensions
Utiliser et ameliorer firefox avec les webextensionsUtiliser et ameliorer firefox avec les webextensions
Utiliser et ameliorer firefox avec les webextensions
 
Tutoriel Scrapbook
Tutoriel ScrapbookTutoriel Scrapbook
Tutoriel Scrapbook
 

Plus de Yannick Pavard

Media center sous linux
Media center sous linuxMedia center sous linux
Media center sous linux
Yannick Pavard
 
RMLL 2011 - TYPO3 le CMS de référence au gouvernement du Québec
RMLL 2011   - TYPO3 le CMS de référence au gouvernement du QuébecRMLL 2011   - TYPO3 le CMS de référence au gouvernement du Québec
RMLL 2011 - TYPO3 le CMS de référence au gouvernement du Québec
Yannick Pavard
 
TYPO3 et l'accessibilité web
TYPO3 et l'accessibilité webTYPO3 et l'accessibilité web
TYPO3 et l'accessibilité web
Yannick Pavard
 
Les nouveautés de TYPO3 4.2
Les nouveautés de TYPO3 4.2Les nouveautés de TYPO3 4.2
Les nouveautés de TYPO3 4.2
Yannick Pavard
 
Statistique de TYPO3 dans le monde
Statistique de TYPO3 dans le mondeStatistique de TYPO3 dans le monde
Statistique de TYPO3 dans le monde
Yannick Pavard
 
Formation sur le CSS
Formation sur le CSSFormation sur le CSS
Formation sur le CSS
Yannick Pavard
 
Administration de plusieurs sites TYPO3
Administration de plusieurs sites TYPO3Administration de plusieurs sites TYPO3
Administration de plusieurs sites TYPO3
Yannick Pavard
 
Typo3 En 1 Heure - Conférence Php Québec 2009
Typo3 En 1 Heure - Conférence Php Québec 2009Typo3 En 1 Heure - Conférence Php Québec 2009
Typo3 En 1 Heure - Conférence Php Québec 2009
Yannick Pavard
 
Présentation sur TWiki
Présentation sur TWikiPrésentation sur TWiki
Présentation sur TWiki
Yannick Pavard
 
Alfresco et TYPO3, ou en sommes nous ?
Alfresco et TYPO3, ou en sommes nous ?Alfresco et TYPO3, ou en sommes nous ?
Alfresco et TYPO3, ou en sommes nous ?
Yannick Pavard
 
Le web et les logiciels libres
Le web et les logiciels libresLe web et les logiciels libres
Le web et les logiciels libres
Yannick Pavard
 
Migration du site du MDEIE vers le CMS TYPO3
Migration du site du MDEIE vers le CMS TYPO3Migration du site du MDEIE vers le CMS TYPO3
Migration du site du MDEIE vers le CMS TYPO3
Yannick Pavard
 
Présentation des travaux entre TYPO3 et Alfresco
Présentation des travaux entre TYPO3 et AlfrescoPrésentation des travaux entre TYPO3 et Alfresco
Présentation des travaux entre TYPO3 et Alfresco
Yannick Pavard
 
Les nouveautés de TYPO3 4.2
Les nouveautés de TYPO3 4.2Les nouveautés de TYPO3 4.2
Les nouveautés de TYPO3 4.2
Yannick Pavard
 
Avantages de TYPO3 dans un environnement LAMP
Avantages de TYPO3 dans un environnement LAMPAvantages de TYPO3 dans un environnement LAMP
Avantages de TYPO3 dans un environnement LAMP
Yannick Pavard
 
TYPO3, le CMS de référence au gouvernement québécois
TYPO3, le CMS de référence au gouvernement québécoisTYPO3, le CMS de référence au gouvernement québécois
TYPO3, le CMS de référence au gouvernement québécois
Yannick Pavard
 
Barre pour développeur Firefox et Eclipse
Barre pour développeur Firefox et EclipseBarre pour développeur Firefox et Eclipse
Barre pour développeur Firefox et Eclipse
Yannick Pavard
 
Tour d'horizon des CMS Open Source
Tour d'horizon des CMS Open SourceTour d'horizon des CMS Open Source
Tour d'horizon des CMS Open Source
Yannick Pavard
 

Plus de Yannick Pavard (18)

Media center sous linux
Media center sous linuxMedia center sous linux
Media center sous linux
 
RMLL 2011 - TYPO3 le CMS de référence au gouvernement du Québec
RMLL 2011   - TYPO3 le CMS de référence au gouvernement du QuébecRMLL 2011   - TYPO3 le CMS de référence au gouvernement du Québec
RMLL 2011 - TYPO3 le CMS de référence au gouvernement du Québec
 
TYPO3 et l'accessibilité web
TYPO3 et l'accessibilité webTYPO3 et l'accessibilité web
TYPO3 et l'accessibilité web
 
Les nouveautés de TYPO3 4.2
Les nouveautés de TYPO3 4.2Les nouveautés de TYPO3 4.2
Les nouveautés de TYPO3 4.2
 
Statistique de TYPO3 dans le monde
Statistique de TYPO3 dans le mondeStatistique de TYPO3 dans le monde
Statistique de TYPO3 dans le monde
 
Formation sur le CSS
Formation sur le CSSFormation sur le CSS
Formation sur le CSS
 
Administration de plusieurs sites TYPO3
Administration de plusieurs sites TYPO3Administration de plusieurs sites TYPO3
Administration de plusieurs sites TYPO3
 
Typo3 En 1 Heure - Conférence Php Québec 2009
Typo3 En 1 Heure - Conférence Php Québec 2009Typo3 En 1 Heure - Conférence Php Québec 2009
Typo3 En 1 Heure - Conférence Php Québec 2009
 
Présentation sur TWiki
Présentation sur TWikiPrésentation sur TWiki
Présentation sur TWiki
 
Alfresco et TYPO3, ou en sommes nous ?
Alfresco et TYPO3, ou en sommes nous ?Alfresco et TYPO3, ou en sommes nous ?
Alfresco et TYPO3, ou en sommes nous ?
 
Le web et les logiciels libres
Le web et les logiciels libresLe web et les logiciels libres
Le web et les logiciels libres
 
Migration du site du MDEIE vers le CMS TYPO3
Migration du site du MDEIE vers le CMS TYPO3Migration du site du MDEIE vers le CMS TYPO3
Migration du site du MDEIE vers le CMS TYPO3
 
Présentation des travaux entre TYPO3 et Alfresco
Présentation des travaux entre TYPO3 et AlfrescoPrésentation des travaux entre TYPO3 et Alfresco
Présentation des travaux entre TYPO3 et Alfresco
 
Les nouveautés de TYPO3 4.2
Les nouveautés de TYPO3 4.2Les nouveautés de TYPO3 4.2
Les nouveautés de TYPO3 4.2
 
Avantages de TYPO3 dans un environnement LAMP
Avantages de TYPO3 dans un environnement LAMPAvantages de TYPO3 dans un environnement LAMP
Avantages de TYPO3 dans un environnement LAMP
 
TYPO3, le CMS de référence au gouvernement québécois
TYPO3, le CMS de référence au gouvernement québécoisTYPO3, le CMS de référence au gouvernement québécois
TYPO3, le CMS de référence au gouvernement québécois
 
Barre pour développeur Firefox et Eclipse
Barre pour développeur Firefox et EclipseBarre pour développeur Firefox et Eclipse
Barre pour développeur Firefox et Eclipse
 
Tour d'horizon des CMS Open Source
Tour d'horizon des CMS Open SourceTour d'horizon des CMS Open Source
Tour d'horizon des CMS Open Source
 

Dernier

Les écrans informatiques au fil du temps.pptx
Les écrans informatiques au fil du temps.pptxLes écrans informatiques au fil du temps.pptx
Les écrans informatiques au fil du temps.pptx
abderrahimbourimi
 
Le support de présentation des Signaux 2024
Le support de présentation des Signaux 2024Le support de présentation des Signaux 2024
Le support de présentation des Signaux 2024
UNITECBordeaux
 
Ouvrez la porte ou prenez un mur (Agile Tour Genève 2024)
Ouvrez la porte ou prenez un mur (Agile Tour Genève 2024)Ouvrez la porte ou prenez un mur (Agile Tour Genève 2024)
Ouvrez la porte ou prenez un mur (Agile Tour Genève 2024)
Laurent Speyser
 
MongoDB in a scale-up: how to get away from a monolithic hell — MongoDB Paris...
MongoDB in a scale-up: how to get away from a monolithic hell — MongoDB Paris...MongoDB in a scale-up: how to get away from a monolithic hell — MongoDB Paris...
MongoDB in a scale-up: how to get away from a monolithic hell — MongoDB Paris...
Horgix
 
Le Comptoir OCTO - Équipes infra et prod, ne ratez pas l'embarquement pour l'...
Le Comptoir OCTO - Équipes infra et prod, ne ratez pas l'embarquement pour l'...Le Comptoir OCTO - Équipes infra et prod, ne ratez pas l'embarquement pour l'...
Le Comptoir OCTO - Équipes infra et prod, ne ratez pas l'embarquement pour l'...
OCTO Technology
 
De l'IA comme plagiat à la rédaction d'une « charte IA » à l'université
De l'IA comme plagiat à la rédaction d'une « charte IA » à l'universitéDe l'IA comme plagiat à la rédaction d'une « charte IA » à l'université
De l'IA comme plagiat à la rédaction d'une « charte IA » à l'université
Université de Franche-Comté
 
Le Comptoir OCTO - Qu’apporte l’analyse de cycle de vie lors d’un audit d’éco...
Le Comptoir OCTO - Qu’apporte l’analyse de cycle de vie lors d’un audit d’éco...Le Comptoir OCTO - Qu’apporte l’analyse de cycle de vie lors d’un audit d’éco...
Le Comptoir OCTO - Qu’apporte l’analyse de cycle de vie lors d’un audit d’éco...
OCTO Technology
 
COURS D'ADMINISTRATION RESEAU SOUS WINDOWS
COURS D'ADMINISTRATION RESEAU  SOUS WINDOWSCOURS D'ADMINISTRATION RESEAU  SOUS WINDOWS
COURS D'ADMINISTRATION RESEAU SOUS WINDOWS
AlbertSmithTambwe
 
PRESENTATION DE L'ACTIVE DIRECTORY SOUS WINDOWS SERVEUR.pptx
PRESENTATION DE L'ACTIVE DIRECTORY SOUS WINDOWS SERVEUR.pptxPRESENTATION DE L'ACTIVE DIRECTORY SOUS WINDOWS SERVEUR.pptx
PRESENTATION DE L'ACTIVE DIRECTORY SOUS WINDOWS SERVEUR.pptx
AlbertSmithTambwe
 

Dernier (9)

Les écrans informatiques au fil du temps.pptx
Les écrans informatiques au fil du temps.pptxLes écrans informatiques au fil du temps.pptx
Les écrans informatiques au fil du temps.pptx
 
Le support de présentation des Signaux 2024
Le support de présentation des Signaux 2024Le support de présentation des Signaux 2024
Le support de présentation des Signaux 2024
 
Ouvrez la porte ou prenez un mur (Agile Tour Genève 2024)
Ouvrez la porte ou prenez un mur (Agile Tour Genève 2024)Ouvrez la porte ou prenez un mur (Agile Tour Genève 2024)
Ouvrez la porte ou prenez un mur (Agile Tour Genève 2024)
 
MongoDB in a scale-up: how to get away from a monolithic hell — MongoDB Paris...
MongoDB in a scale-up: how to get away from a monolithic hell — MongoDB Paris...MongoDB in a scale-up: how to get away from a monolithic hell — MongoDB Paris...
MongoDB in a scale-up: how to get away from a monolithic hell — MongoDB Paris...
 
Le Comptoir OCTO - Équipes infra et prod, ne ratez pas l'embarquement pour l'...
Le Comptoir OCTO - Équipes infra et prod, ne ratez pas l'embarquement pour l'...Le Comptoir OCTO - Équipes infra et prod, ne ratez pas l'embarquement pour l'...
Le Comptoir OCTO - Équipes infra et prod, ne ratez pas l'embarquement pour l'...
 
De l'IA comme plagiat à la rédaction d'une « charte IA » à l'université
De l'IA comme plagiat à la rédaction d'une « charte IA » à l'universitéDe l'IA comme plagiat à la rédaction d'une « charte IA » à l'université
De l'IA comme plagiat à la rédaction d'une « charte IA » à l'université
 
Le Comptoir OCTO - Qu’apporte l’analyse de cycle de vie lors d’un audit d’éco...
Le Comptoir OCTO - Qu’apporte l’analyse de cycle de vie lors d’un audit d’éco...Le Comptoir OCTO - Qu’apporte l’analyse de cycle de vie lors d’un audit d’éco...
Le Comptoir OCTO - Qu’apporte l’analyse de cycle de vie lors d’un audit d’éco...
 
COURS D'ADMINISTRATION RESEAU SOUS WINDOWS
COURS D'ADMINISTRATION RESEAU  SOUS WINDOWSCOURS D'ADMINISTRATION RESEAU  SOUS WINDOWS
COURS D'ADMINISTRATION RESEAU SOUS WINDOWS
 
PRESENTATION DE L'ACTIVE DIRECTORY SOUS WINDOWS SERVEUR.pptx
PRESENTATION DE L'ACTIVE DIRECTORY SOUS WINDOWS SERVEUR.pptxPRESENTATION DE L'ACTIVE DIRECTORY SOUS WINDOWS SERVEUR.pptx
PRESENTATION DE L'ACTIVE DIRECTORY SOUS WINDOWS SERVEUR.pptx
 

Outils Indispensables pour vs navigateurs web

  • 1. Outils indispensables pour vos navigateurs web par Yannick Pavard vier 2009 tion, 22 jan WebEduca
  • 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