« Extension Firefox » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
Aucun résumé des modifications
 
(7 versions intermédiaires par 2 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
{{Ebauche}}  
{{Incomplet}}  


== Introduction  ==
== Introduction  ==
Ligne 30 : Ligne 30 :
*[http://www.wired-marker.org/en/ Wired-Marker] permet de marquer une page  
*[http://www.wired-marker.org/en/ Wired-Marker] permet de marquer une page  
*[https://addons.mozilla.org/en-US/firefox/addon/6219 Wired-Marker extension]  
*[https://addons.mozilla.org/en-US/firefox/addon/6219 Wired-Marker extension]  
*[https://addons.mozilla.org/fr/firefox/addon/2410 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.<br>
*[https://addons.mozilla.org/fr/firefox/addon/2410 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.<br>  
*[https://addons.mozilla.org/fr/firefox/addon/998 Tagsifter] - permet de rechercher les marquepages par mots clés associés ([[Tagging|tags]])


;Utilisateurs avancés
;Utilisateurs avancés


*[http://www.firedocs.org/ Firedocs] un outil d'édition  
*[http://www.firedocs.org/ Firedocs] un outil d'édition  
*Pour éditer des formats [[:en:eLML|eLML]] il existe une variante de Firedocs
*Pour éditer des formats [[:en:eLML|eLML]] il existe une variante de Firedocs  
*[http://gears.google.com/ Google Gears] est une extension qui permet de travailler avec certaines applications web ([[Zoho]], Google Docs) localement en mode hors ligne et de synchroniser les modifications sur demande<br>


=== For general web use  ===
=== For general web use  ===


*[https://addons.mozilla.org/fr/firefox/addon/2254 UnPlug] permet de sauver des vidéos et des images d'une page web. Il existe d'autres extensions de ce type.
*[https://addons.mozilla.org/fr/firefox/addon/2254 UnPlug] permet de sauver des vidéos et des images d'une page web. Il existe d'autres extensions de ce type.
*[https://addons.mozilla.org/en-US/firefox/addon/1730 ScribeFire Blog Editor]


*[https://addons.mozilla.org/fr/firefox/addon/5457 Shareaholic] permet de partager des pages sur des nombreux sites (Facebook, Twitter, Digg, etc.)
*[https://addons.mozilla.org/fr/firefox/addon/5457 Shareaholic] permet de partager des pages sur des nombreux sites (Facebook, Twitter, Digg, etc.)
Ligne 60 : Ligne 64 :
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 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]. Permet d'analyser une 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.  
* [https://addons.mozilla.org/en-US/firefox/addon/271 ColorZilla] inclut un Eyedropper, ColorPicker, Page Zoomer et autres outils
**[https://addons.mozilla.org/en-US/firefox/addon/1843 related Firefox (en_US) page].  
 
* [https://addons.mozilla.org/en-US/firefox/addon/1146 Screengrab]. Permet la capture d'écran ou de zones.
 
* [https://addons.mozilla.org/en-US/firefox/addon/13048 Codeburner for Firefox]
** Un manuel HTML/CSS intégré au navigateur.
 
*[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 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/2076 JSView    2.0.]
** Voir le code source JavaScript (y compris celui de tous les fichiers importés !)
 
*[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  ===


*[https://addons.mozilla.org/en-US/firefox/addon/4125 It's All Text! 1.3.1]. Edit textareas using an external editor, because it's all text!  
*<s>[https://addons.mozilla.org/en-US/firefox/addon/4125 It's All Text! 1.3.1]. Edit textareas using an external editor, because it's all text! </s>
**I use this to edit edutechwiki pages on PCs with an external editor.
**I used this to edit edutechwiki pages on PCs with an external editor.


*[http://www.borngeek.com/firefox/colt/ CoLT] Copy Link Text is tiny extensionto copy a hyperlink's associated text or both the URL and the text in various formats.  
*<s>[http://www.borngeek.com/firefox/colt/ CoLT] Copy Link Text is tiny extension to copy a hyperlink's associated text or both the URL and the text in various formats. </s>
**Supports mediawiki format, I use it all the time - [[Utilisateur:Daniel K. Schneider|Daniel K. Schneider]]
**Supports mediawiki format, I use it all the time - [[Utilisateur:Daniel K. Schneider|Daniel K. Schneider]]


*[http://userscripts.org/scripts/show/12529 Wiked]. Not an extension but a script for the [https://addons.mozilla.org/en-US/firefox/addon/748 Greasemonkey] extension.  
* <s>[http://userscripts.org/scripts/show/12529 Wiked]. Not an extension but a script for the [https://addons.mozilla.org/en-US/firefox/addon/748 Greasemonkey] extension. </s>
**Best mediawiki editor, if don't want to work with an external editor (as of 3/2009).
**Best mediawiki editor, if don't want to work with an external editor (as of 3/2009).


Ligne 89 : Ligne 103 :


[[Category:Atelier_webmaster_web_2.0]]
[[Category:Atelier_webmaster_web_2.0]]
[[en:browser extension]]

Dernière version du 15 avril 2018 à 20:04

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
  • Google Gears est une extension qui permet de travailler avec certaines applications web (Zoho, Google Docs) localement en 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. Permet d'analyser une 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 :)
  • ColorZilla inclut un Eyedropper, ColorPicker, Page Zoomer et autres outils
  • Screengrab. Permet la capture d'écran ou de zones.
  • JSView 2.0.
    • Voir le code source JavaScript (y compris celui de tous les fichiers importés !)
  • 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 used this to edit edutechwiki pages on PCs with an external editor.
  • CoLT Copy Link Text is tiny extension to 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