« Extension Firefox » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
Aucun résumé des modifications
Aucun résumé des modifications
Ligne 62 : Ligne 62 :
Voir aussi [[Atelier WebMaster 2009: Web 2.0, social computing et e-learning 2.0#La_navigation_sociale|Navigation sociale]] pour les outils de partage des signets et activités reliées à la navigation.
Voir aussi [[Atelier WebMaster 2009: Web 2.0, social computing et e-learning 2.0#La_navigation_sociale|Navigation sociale]] pour les outils de partage des signets et activités reliées à la navigation.


=== For web page authors and web developers ===
=== Pour les auteurs et développeurs de pages web  ===


*[http://users.skynet.be/mgueury/mozilla/index.html HTML VALIDATOR] is a Mozilla extension that adds HTML validation inside Firefox and Mozilla. The number of errors of a HTML page is seen on the form of an icon in the status bar when browsing. The details of the errors are seen when looking the HTML source of the page.  
*[http://users.skynet.be/mgueury/mozilla/index.html HTML VALIDATOR] est une extension Mozilla qui valide du HTML validation à l'intérieure de Firefox et Mozilla. Le nombre d'erreurs d'une page HTML est visible en forme d'icône sur la barre d'état du navigateur. Les détails sont visibles en regardant la source HTML de la page. <br>
**[https://addons.mozilla.org/en-US/firefox/addon/249 related Firefox (en_US) page]
**[https://addons.mozilla.org/en-US/firefox/addon/249 lié Firefox (en_US) page]


*[http://chrispederick.com/work/web-developer/ Web Developer]. Tells you most everything about your HTML page.  
*[http://chrispederick.com/work/web-developer/ Web Developer]. Annonce prèsque tout sur votre page HTML.  
*Important: To install the DOM Inspector you must reinstall the browser choosing the 'Custom' and 'Developer Tools' options (if not already done so). You won't loose any personal settings, just do it&nbsp;:)  
*Important: Pour installer le DOM Inspector vous devez réinstaller le navigateur en sélectionnant les options 'Custom' et 'Developer Tools'. Vous ne risquez pas de perdre vos données et préferences, faites-le&nbsp;:)  
**[https://addons.mozilla.org/en-US/firefox/addon/60 Firefox page].
**[https://addons.mozilla.org/en-US/firefox/addon/60 Firefox page].


*[http://www.getfirebug.com/ FireBug] integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. There also is a light version based on [[JavaScript]] that you can use with any browser.  
*[http://www.getfirebug.com/ FireBug] intégré avec Firefox, offre une richesse d'outils pour le développement web. Vous pouvez modifier, déboguer, suivre le [[CSS]], [[HTML]] et [[JavaScript]] en temps réel de n'importe quelle page web. Il existe aussi une version légère basé sur JavaScript qui peut être avec tout les navigateurs.  
**[https://addons.mozilla.org/en-US/firefox/addon/1843 related Firefox (en_US) page].  
**[https://addons.mozilla.org/en-US/firefox/addon/1843 lié Firefox (en_US) page].  
**[http://www.getfirebug.com/keyboard.html Firebug Keyboard Shortcuts]
**[http://www.getfirebug.com/keyboard.html Firebug Keyboard Shortcuts]


*[https://addons.mozilla.org/en-US/firefox/addon/2897 XML Developer Toolbar]. For XML development. Schema and DTD Generation, Various validation, XSLT on the fly.
*[https://addons.mozilla.org/en-US/firefox/addon/2897 XML Developer Toolbar]. Pour le développement XML, la génération Schema et DTD, validation, XSLT sur le moment.


=== For mediawiki authors  ===
=== For mediawiki authors  ===

Version du 9 mai 2009 à 20:45

Cet article est une ébauche à compléter. Une ébauche est une entrée ayant un contenu (très) maigre et qui a donc besoin d'un auteur.

Introduction

Les extensions ou add-ons Firefox ajoutent des fonctionalités à Firefox. A ne pas confondre avec les plugins qui gèrent des formats comme Flash ou Java.

Description et intérêt

Selon le site officiel, ces modules complémentaires étendent Firefox en vous permettant de personnaliser votre navigation. Cette définition ne couvre pas tout l'intérêt que ces extension peuvent avoir:

  • Développement web
  • Edition de contenus spécialisés
  • Clients pour le web 2: blogs, Plateforme sociales, Micro-blogging, Partage de signets etc. etc. Au lieu de connecter sur ces sites, on peut directement consulter ou contribuer depuis Firefox.
  • Modification de contenus par l'utilisateur (par exemple filter des images)
  • Aide au téléchargement (images, vidéos, sons, etc.)
  • Gestion et syncronisation des signets et préférences

Installation et utilisation

La plupart des extensions sont répertoriés sur le site de Firefox que l'on peut aussi accéder via le menu Outils/add-ons.

Exemples d'extensions

Pour élèves, enseignants et concepteurs de formations

  • Zotero, Scrapbook, pour collectionner, gérer et citer des ressources, pour prendre des notes et faire des copies de sauvegarde de pages web.
  • Wired-Marker permet de marquer une page
  • Wired-Marker extension
  • Xmarks (anciennement Foxmarks) - permet de sauvegarder et syncroniser les signets (ainsi que les cookies, l'historique et les mots de passe si souhaité) sur plusieurs machines et supports et de les accèder, récuperer et/ou réstaurer via un profil personnel sur leur site.
  • Tagsifter - permet de rechercher les marquepages par mots clés associés (tags)
Utilisateurs avancés
  • Firedocs un outil d'édition
  • Pour éditer des formats eLML il existe une variante de Firedocs
  • Gears est une extension qui permet de travailler avec certaines applications web (Zoho, Google Docs) en localement mode hors ligne et de synchroniser les modifications sur demande

For general web use

  • UnPlug permet de sauver des vidéos et des images d'une page web. Il existe d'autres extensions de ce type.
  • Shareaholic permet de partager des pages sur des nombreux sites (Facebook, Twitter, Digg, etc.)
  • TwitterFox est un client Twitter (léger). Il existe plusieurs extensions avec plus de fonctionalités mais qui prennent plus de place.
  • Googlebar, pour avoir accès à des fonctionalités et services supplémentaires.
  • Mycroft Project - extensions de la barre d'outils de recherche accèder directement aux moteurs de recherches des domaines particuliers (p. ex. Wikipedia, Yahoo, )
  • Wizz RSS News Reader, un lecteur sophistiqué pour les fils de nouvelles
  • FEBE (Firefox Environment Backup Extension) - permet de sauvegarder rapidement vos extensions Firefox et leur configurations et de les restaurer dans une autre instance (ou profil) de Firefox

Voir aussi Navigation sociale pour les outils de partage des signets et activités reliées à la navigation.

Pour les auteurs et développeurs de pages web

  • HTML VALIDATOR est une extension Mozilla qui valide du HTML validation à l'intérieure de Firefox et Mozilla. Le nombre d'erreurs d'une page HTML est visible en forme d'icône sur la barre d'état du navigateur. Les détails sont visibles en regardant la source HTML de la page.
  • Web Developer. Annonce prèsque tout sur votre page HTML.
  • Important: Pour installer le DOM Inspector vous devez réinstaller le navigateur en sélectionnant les options 'Custom' et 'Developer Tools'. Vous ne risquez pas de perdre vos données et préferences, faites-le :)
  • XML Developer Toolbar. Pour le développement XML, la génération Schema et DTD, validation, XSLT sur le moment.

For mediawiki authors

  • It's All Text! 1.3.1. Edit textareas using an external editor, because it's all text!
    • I use this to edit edutechwiki pages on PCs with an external editor.
  • CoLT Copy Link Text is tiny extensionto copy a hyperlink's associated text or both the URL and the text in various formats.
  • Wiked. Not an extension but a script for the Greasemonkey extension.
    • Best mediawiki editor, if don't want to work with an external editor (as of 3/2009).

Liens et bibliographie