<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
  <title>Artisan Numérique</title>
  <link rel="alternate" type="text/html" href="http://artisan.karma-lab.net/node/1220"/>
  <link rel="self" type="application/atom+xml" href="http://artisan.karma-lab.net/node/1220/atom/feed"/>
  <id>http://artisan.karma-lab.net/node/1220/atom/feed</id>
  <updated>2008-07-30T10:47:49+02:00</updated>
  <entry>
    <title>FireFox, les extensions indispensables</title>
    <link rel="alternate" type="text/html" href="http://artisan.karma-lab.net/node/1220" />
    <id>http://artisan.karma-lab.net/node/1220</id>
    <published>2008-07-14T08:32:37+02:00</published>
    <updated>2008-07-30T10:47:49+02:00</updated>
    <author>
      <name>Ulhume</name>
    </author>
    <category term="FireFox" />
    <category term="OK" />
    <category term="Planet Libre" />
    <category term="Article" />
    <summary type="html"><![CDATA[<p>
Les extensions (qui de ne sont pas des plugins comme me le rappelle souvent Sonny <img src="http://artisan.karma-lab.net/sites/all/modules/contrib/smileys/packs/crystal/wink2.gif" title="Wink" alt="Wink" class="smiley-content"/> ) permettent d'étendre les fonctionnalités de FireFox. Et certaines font cela tellement bien qu'elle deviennent les seules raisons valables de garder ce navigateur.
</p>
<p>
Ce qui suit est donc avant tout <i>ma</i> liste d'extension pour FireFox qui couvre tous mes besoins de navigation. 
</p>
    ]]></summary>
    <content type="html"><![CDATA[<p>
Les extensions (qui de ne sont pas des plugins comme me le rappelle souvent Sonny <img src="http://artisan.karma-lab.net/sites/all/modules/contrib/smileys/packs/crystal/wink2.gif" title="Wink" alt="Wink" class="smiley-content"/> ) permettent d'étendre les fonctionnalités de FireFox. Et certaines font cela tellement bien qu'elle deviennent les seules raisons valables de garder ce navigateur.
</p>
<p>
Ce qui suit est donc avant tout <i>ma</i> liste d'extension pour FireFox qui couvre tous mes besoins de navigation. 
</p>
<!--break-->

	<a name='chapter_1'></a>
  <h2><a class='external' target='_blank' href='http://flashblock.mozdev.org/' >BlockFlash</a></h2>
	
<p>
   Aussi utile que bête comme choux, cet outil va afficher à la place des animations flash une icône qui ne charge le plugin que si vous cliquez dessus. Vu la légendaire stabilité du plugin flash sous Xorg/Linux cette extension devient vite indispensable. Un excellent complément à adBlock.
</p>


	<a name='chapter_2'></a>
  <h2><a class='external' target='_blank' href='http://addons.mozilla.org/firefox/addon/10' >AdBlock</a></h2>
	
<p>
Une des bêtes noires des annonceurs et de certains blogs, un bonheur pour les autres. Cette extension va simplement filtrer tout ce qui est publicité et <a class='external' target='_blank' href='http://artisan.karma-lab.net/comment-ne-plus-etre-trace-par-google-analytics' >spyweb</a>. Si vous n'utilisez pas <a class='external' target='_blank' href='http://artisan.karma-lab.net/se-premunir-des-spywebs-avec-privoxy' >privoxy</a> (au boulot par exemple), il vous permet d'améliorer grandement confort, vitesse de chargement et anonymat. 
</p>
<p>
  En complément d'AdBlock, vous pouvez aussi utiliser <a class='external' target='_blank' href='https://addons.mozilla.org/fr/firefox/addon/1136' >AdBlock Filterset.G Updater</a> qui permet de maintenir les règles à jour. 
</p>


	<a name='chapter_3'></a>
  <h2><a class='external' target='_blank' href='http://chrispederick.com/work/user-agent-switcher/' >UserAgent Switcher</a></h2>
	
<p>
Là aussi du très simple mais très utile lorsque l'on veut se faire passer pour un navigateur que je ne citerais pour ne pas paraître trop énervé. A noter qu'avec le temps, le nombre de site qui osent encore ne pas être être compatible Gecko diminue rendant l'utilisation de cette extension plus rare. 
</p>


	<a name='chapter_4'></a>
  <h2><a class='external' target='_blank' href='http://amb.vis.ne.jp/mozilla/scrapbook/' >ScrapBook</a></h2>
	
<p>
   Lors de la première version de cette page, un <a href="#comment-1288">gentil contributeur anonyme</a> m'a dirigé sur cette extension. Je l'en remercie encore chaudement car autant dire qu'aujourd'hui, Scrapbook, FireFox et FireBug (voir plus loin) sont tout simplement indissociables. 
</p>
<p>
   Cette extension est un véritable centre documentaire permettant de stocker, trier, annoter, modifier des pages archivées une fois pour toute par un simple <kbd>glisser-déposer</kbd>. L'outil est suffisamment ouvert pour prendre en charge tous les formats (pages, fichiers vidéo, etc) que ce soit sur un site, ou en local.
</p>
<p>
  Le tout est stocker localement à un emplacement de votre choix, et comble du luxe, il est possible de définir plusieurs emplacements sur lesquels il est aisé de basculer. Pratique par exemple pour mettre un dépôt scrapbook supplémentaire sur une clef USB. 
</p>
<p>
Le format de stockage, pour ne rien gâter, est totalement transparent. Un fichier XML sert d'index, et chaque page archivée est dans son dossier avec tous les composants (images, scripts, etc..) permettant de le relire, même sans l'extension (tout dossier a son index.html). L'ensemble est quant à lui déposé dans un répertoire que l'on peut bien évidement spécifier à son goût, par exemple sur un partage réseau sauvegardé. Chaque page peut ainsi être commentée, taggée, annotée et l'outil dispose même d'un petit système de recherche.
</p>
<p>
  L'extension est très bien maintenue et régulièrement mise à jour. Comme ont dit, l'essayer c'est l'adopter...
</p>


	<a name='chapter_5'></a>
  <h2><a class='external' target='_blank' href='https://addons.mozilla.org/fr/firefox/addon/3682' >Add to search Bar</a></h2>
	
<p>
  Cette petite extension bien pratique permet par un click-droit sur une zone de recherche, de transformer la dite zone en une nouvelle entrée dans la barre de recherche, en haut à gauche. 
</p>

	<a name='chapter_6'></a>
  <h2><a class='external' target='_blank' href='https://addons.mozilla.org/fr/firefox/addon/1843' >FireBug</a></h2>
	
<p>
  Là c'est <a href="comment-">Moose</a> m'a fait découvrir cette extension dont je ne peux, une fois de plus, plus me passer. Elle permet :
<ul>
<li>Exploration dynamique des éléments d'une page avec affichage contextuel du code de l'élément, du style css, de son layout, de sa position dans le DOM... </li>
<lI>La modification temps réel du DOM.</li>
<li>Exploration des fichiers css attachés, des scripts, et du DOM</li>
<li>Analyse des temps de chargement des éléments constitutifs d'une page sous la forme d'un graph clair et lisible</li>
<li>Debuggage des scripts !! avec points d'arrêt, pas à pas et points de suivi</li>
</ul>
</p>
<p>
Et tout cela dans un panneau en bas de page ou dans une fenêtre séparée avec une interface simple et claire. A se demander comment je faisais avant...
</p>
<div class='inline-box note'>
  A noter cependant que tout cela ne se fait pas sans impact sur les performances globales de rendu. Pensez donc à désactiver son utilisation en temps normal. 
</div>
<p>
  Dernier point, comme Scrapbook, FireBug peut lui-même être étendu par des extensions. C'est le cas de <a class='external' target='_blank' href='http://developer.yahoo.com/yslow/' >yslow</a> que m'a indiqué <kbd>anti-pixel</kbd>. Cette extension d'extension donc, permet d'ajouter une batterie d'outils d'étude de performance de chargement avec en prime des conseils de conception. 
</p>

<p>
  A l'origine, j'utilisais <a class='external' target='_blank' href='http://chrispederick.com/work/web-developer/' >WebDevelopper</a> pour ce type de tâche. Ce dernier reste cependant utile pour le dévérouillage de fonctionnalités de FireFox (cache, coockies, etc...) et le redimensionnement du navigateur par profile de résolution.
</p>


	<a name='chapter_7'></a>
  <h2><a class='external' target='_blank' href='http://addons.mozilla.org/firefox/addon/1249' >Restart Firefox</a></h2>
	
<p>
	Simple et bête, cette extension permet juste de relancer FireFox. Utile pour le test d'extension maison, mais aussi et surtout pour redonner vie à un firefox qui broute après une journée. 
</p>    ]]></content>
  </entry>
</feed>
