<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>lazyheart © &#187; Firefox</title>
	<atom:link href="http://www.lazyheart.com/blog/post/tag/firefox/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.lazyheart.com/blog</link>
	<description>Designers Thinks Different</description>
	<lastBuildDate>Wed, 04 Jan 2012 23:33:12 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Selection : Add-ons Firefox pour Webdesigners</title>
		<link>http://www.lazyheart.com/blog/post/2009/07/25/selection-add-ons-firefox-pour-webdesigners/</link>
		<comments>http://www.lazyheart.com/blog/post/2009/07/25/selection-add-ons-firefox-pour-webdesigners/#comments</comments>
		<pubDate>Sat, 25 Jul 2009 11:42:10 +0000</pubDate>
		<dc:creator>lazy</dc:creator>
				<category><![CDATA[Divers]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Firefox]]></category>

		<guid isPermaLink="false">http://www.lazyheart.com/blog/?p=1167</guid>
		<description><![CDATA[Il est incontestablement l&#8217;un des meilleurs navigateur web, Firefox à su tirer son épingle du jeu grâce d&#8217;une part à son respect des standards, son ergonomie, mais surtout grâce à ses plug-ins dû  à une grande communauté qui a su développer de nombreux outils utilent pour une optimisation de sa navigation. C&#8217;est donc une sélection [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-1172" title="firefox-addons" src="http://www.lazyheart.com/blog/wp-content/uploads/2009/07/firefox-addons.jpg" alt="firefox-addons" width="580" height="180" /></p>
<p>Il est incontestablement l&#8217;un des meilleurs navigateur web, <strong>Firefox</strong> à su tirer son épingle du jeu grâce d&#8217;une part à son respect des standards, son ergonomie, mais surtout grâce à ses plug-ins dû  à une grande communauté qui a su développer de nombreux outils utilent pour une optimisation de sa navigation.</p>
<p>C&#8217;est donc une sélection des meilleurs plug-ins Firefox qui faciliteront la vie des développeurs &amp; webdesigners, c&#8217;est donc un rassemblement des plug-ins les plus appréciés par les professionnels et amateurs du web.</p>
<p><em>(Si vous en connaissez d&#8217;autres, laissez en commentaire je ferais une mise à jour par la suite)</em></p>
<p><span style="text-decoration: underline;"><strong>Firebug :</strong> </span><a href="https://addons.mozilla.org/en-US/firefox/addon/1843" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/1843</a></p>
<div id="attachment_1177" class="wp-caption alignnone" style="width: 485px"><img class="size-full wp-image-1177" title="firebug" src="http://www.lazyheart.com/blog/wp-content/uploads/2009/07/firebug.jpg" alt="firebug" width="475" height="165" /><p class="wp-caption-text">Firebug</p></div>
<p>Incontournable, <strong>Firebug</strong> est une extension facilitant le débuggage d&#8217;une page web. Vous pouvez ainsi modifier les DOM, et contrôler tout ce qui concerne Javascript, HTML et CSS.Iil contient ainsi un débuggeur, une console d&#8217;erreur, une ligne de commande ainsi que des extensions vraiment intéressante, un must !</p>
<p><span style="text-decoration: underline;"><strong>Web developer toolbar :</strong></span> <a href="https://addons.mozilla.org/en-US/firefox/addon/60" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/60</a></p>
<div id="attachment_1176" class="wp-caption alignnone" style="width: 485px"><img class="size-full wp-image-1176" title="web-developer" src="http://www.lazyheart.com/blog/wp-content/uploads/2009/07/web-developer.gif" alt="web-developer" width="475" height="222" /><p class="wp-caption-text">Web Developer Toolbar</p></div>
<p><strong>Web dev Toolbar </strong>est une extension également indispensable, pouvant ainsi examiner et manipuler les pages web que cela soit autant au niveau Javascript, des cookies, des images, CSS, Div&#8230; Une boite à outil, un add on complet permettant de nombreuse actions sur différents langages.</p>
<p><span style="text-decoration: underline;"><strong>ColorZilla : </strong></span><a href="https://addons.mozilla.org/en-US/firefox/addon/271/" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/271/</a></p>
<div id="attachment_1178" class="wp-caption alignnone" style="width: 485px"><img class="size-full wp-image-1178" title="colorzilla" src="http://www.lazyheart.com/blog/wp-content/uploads/2009/07/colorzilla.jpg" alt="colorzilla" width="475" height="192" /><p class="wp-caption-text">ColorZilla</p></div>
<p><strong>ColorZilla</strong> est une petite pipette similaire à celle de photoshop, qui vous permettra ainsi de récupérer la couleur en RGB ou en hexadécimal sur n&#8217;importe quel page web. Une palette est également disponible, pouvant ainsi rassembler toutes les couleurs de la page en question, ou simplement vous permettre d&#8217;avoir accès à tous les codes couleurs.</p>
<p><span style="text-decoration: underline;"><strong>MeasureIt : </strong></span><a href="https://addons.mozilla.org/en-US/firefox/addon/539" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/539</a></p>
<div id="attachment_1179" class="wp-caption alignnone" style="width: 485px"><img class="size-full wp-image-1179" title="measureit" src="http://www.lazyheart.com/blog/wp-content/uploads/2009/07/measureit.png" alt="measureit" width="475" height="225" /><p class="wp-caption-text">MeasureIt</p></div>
<p><strong>MeasureIt</strong> est un add-on permettant de connaitre les dimensions de n&#8217;importe quel élément du page web. En effet celui ci se présente comme un petite règle vous permettant de mesurer un espace, le tout en unité de pixel.</p>
<p><span style="text-decoration: underline;"><strong>HTML Validator : </strong></span><a href="https://addons.mozilla.org/en-US/firefox/addon/249" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/249</a></p>
<div id="attachment_1181" class="wp-caption alignnone" style="width: 485px"><img class="size-full wp-image-1181" title="htmlvalid" src="http://www.lazyheart.com/blog/wp-content/uploads/2009/07/htmlvalid.png" alt="htmlvalid" width="475" height="251" /><p class="wp-caption-text">HTML Validator</p></div>
<p>Comme son nom l&#8217;indique <strong>HTML Validator</strong> est une extension qui vous permet simplement de connaitre les erreurs HTML dans votre page web, et ainsi de la valider aux normes du W3c. Un petit outils trés pratique pour respecter les standards du web.</p>
<p><span style="text-decoration: underline;"><strong>CSS Viewer :</strong></span><strong><a href=" https://addons.mozilla.org/en-US/firefox/addon/2104" target="_blank"> </a></strong><a href=" https://addons.mozilla.org/en-US/firefox/addon/2104" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/2104</a></p>
<div id="attachment_1182" class="wp-caption alignnone" style="width: 485px"><img class="size-full wp-image-1182" title="CCSviewer" src="http://www.lazyheart.com/blog/wp-content/uploads/2009/07/CCSviewer.jpg" alt="CCSviewer" width="475" height="269" /><p class="wp-caption-text">CSS Viewer</p></div>
<p><strong>CSS viewer</strong>, un plugin permettant de visionner et de situer sur une page web le contenu CSS pour chaque bloc. En pointant votre curseur sur l&#8217;élément désirais, celui ci vous indiquera la Div ainsi que tout le code CSS la concernant. Une fonction permettant rapidement de connaitre les propriétés de chaque éléments.</p>
<p><span style="text-decoration: underline;"><strong>Screengrab! : </strong></span><a href="https://addons.mozilla.org/en-US/firefox/addon/1146" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/1146</a></p>
<div id="attachment_1183" class="wp-caption alignnone" style="width: 485px"><img class="size-full wp-image-1183" title="screengrab" src="http://www.lazyheart.com/blog/wp-content/uploads/2009/07/screengrab.jpg" alt="screengrab" width="475" height="218" /><p class="wp-caption-text">Screengrab!</p></div>
<p><strong>Screengrab!</strong> est un add-on qui remplace votre bouton &laquo;&nbsp;<em>imp ecr Syst.</em>&nbsp;&raquo; En effet celui permet de prendre des screenshots de n&#8217;importe quel partie de la page web visionnée et ainsi de  l&#8217;enregistrer sur le format que vous désirez&#8230;</p>
<p><span style="text-decoration: underline;"><strong>SEO for Firefox : </strong></span><a href="http://tools.seobook.com/firefox/seo-for-firefox.html" target="_blank">http://tools.seobook.com/firefox/seo-for-firefox.html</a></p>
<div id="attachment_1184" class="wp-caption alignnone" style="width: 485px"><img class="size-full wp-image-1184" title="seo-for-firefox" src="http://www.lazyheart.com/blog/wp-content/uploads/2009/07/seo-for-firefox.jpg" alt="seo-for-firefox" width="475" height="200" /><p class="wp-caption-text">SEo Firefox</p></div>
<p><strong>SEO pour Firefox</strong> est un outil permettant d&#8217;afficher vos résultats de recherches ainsi que toute une série d’informations pertinentes comme : le Pagerank, le nombre de liens .edu et .gov, l’âge du domaine, estime le total des backlinks, la version en cache de votre blog, un accès à un whois rapide, …</p>
<p>Vous pouvez également recherchez par mots-clés pour des estimations de trafic mais également de voir très vite quels sont les liens d’une page en « nofollow» .</p>
<p><span style="text-decoration: underline;"><strong>Fire FTP: </strong></span><a href="https://addons.mozilla.org/en-US/firefox/addon/684" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/684</a></p>
<div id="attachment_1185" class="wp-caption alignnone" style="width: 485px"><img class="size-full wp-image-1185" title="fireftp" src="http://www.lazyheart.com/blog/wp-content/uploads/2009/07/fireftp.jpg" alt="fireftp" width="475" height="248" /><p class="wp-caption-text">Fire FTP</p></div>
<p><strong>Fire FTP</strong> est une alternative vous permettant ainsi de remplacer aisément un client <abbr title="File Transfer Protocol : Protocole de Transfert de Fichier">FTP. Celui vous permet grâce a plusieurs option </abbr>comme des recherches avancée et filtrage, recherche de différences entre les répertoires (et sous-répertoires) locaux et distants, gestionnaire de compte FTP, reconnexion automatique, édition à distance&#8230;</p>
<p><span style="text-decoration: underline;"><strong>IE Tab : </strong></span><a href="https://addons.mozilla.org/en-US/firefox/addon/1419" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/1419</a></p>
<div id="attachment_1186" class="wp-caption alignnone" style="width: 485px"><img class="size-full wp-image-1186" title="ietab" src="http://www.lazyheart.com/blog/wp-content/uploads/2009/07/ietab.jpg" alt="ietab" width="475" height="286" /><p class="wp-caption-text">IE Tab</p></div>
<p><strong>IE Tab</strong> est une fonction permettant à la page courante ou à un lien sélectionné d&#8217;être ouvert dans un onglet de Firefox avec le moteur d&#8217;Internet Explorer. Très utile pour tout webdesigner pour ainsi comparer les résultats sur le diabolique IE.</p>
<p><span style="text-decoration: underline;"><strong>Image Zoom :</strong></span><strong><a href="http://imagezoom.yellowgorilla.net/" target="_blank"> </a></strong><a href="http://imagezoom.yellowgorilla.net/" target="_blank">http://imagezoom.yellowgorilla.net/</a></p>
<div id="attachment_1187" class="wp-caption alignnone" style="width: 485px"><img class="size-full wp-image-1187" title="zoom1bis" src="http://www.lazyheart.com/blog/wp-content/uploads/2009/07/zoom1bis.png" alt="zoom1bis" width="475" height="236" /><p class="wp-caption-text">Image Zoom</p></div>
<p><strong>Image Zoom</strong> cette fonction est très simple, car elle permet simplement de zoomer sur n&#8217;importe quel image d&#8217;une page web. De quoi voir tout ca plus en détails&#8230;</p>
<p><span style="text-decoration: underline;"><strong>Javascript Debugger : </strong></span><a href="https://addons.mozilla.org/en-US/firefox/addon/216" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/216</a></p>
<div id="attachment_1188" class="wp-caption alignnone" style="width: 485px"><img class="size-full wp-image-1188" title="visual-studio-javascript-debugging" src="http://www.lazyheart.com/blog/wp-content/uploads/2009/07/visual-studio-javascript-debugging.png" alt="visual-studio-javascript-debugging" width="475" height="235" /><p class="wp-caption-text">JS Debugger</p></div>
<p>Comme son nom l&#8217;indique <strong>Javascript Debugge</strong>r et un  add-on qui permet de débugger une page web au niveau du code javascript / Ajax.</p>
<p><span style="text-decoration: underline;"><strong>Dummy Lipsum : </strong></span><a href="https://addons.mozilla.org/en-US/firefox/addon/2064" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/2064</a></p>
<div id="attachment_1189" class="wp-caption alignnone" style="width: 485px"><img class="size-full wp-image-1189" title="dummy" src="http://www.lazyheart.com/blog/wp-content/uploads/2009/07/dummy.jpg" alt="dummy" width="475" height="285" /><p class="wp-caption-text">Dummy Lipsum</p></div>
<p><strong>Dummy Lipsum</strong> est un outil utile pour tout webdesigner en ce qui concerne le faux texte. C&#8217;est donc un générateur de mots avec plusieurs options (paragraphe, ponctuation&#8230;) vous permettant ainsi de remplir vos pages web et tester celle ci avec du texte.</p>
<p><span style="text-decoration: underline;"><strong>CSS Validator : </strong></span><a href="https://addons.mozilla.org/en-US/firefox/addon/2289" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/2289</a></p>
<div id="attachment_1190" class="wp-caption alignnone" style="width: 485px"><img class="size-full wp-image-1190" title="CSS Validator 2" src="http://www.lazyheart.com/blog/wp-content/uploads/2009/07/CSS-Validator-2.png" alt="CSS Validator 2" width="475" height="290" /><p class="wp-caption-text">CSS Validator</p></div>
<p>Dans la même ligné que HML Validator, <strong>CSS Validator </strong>celui permet de se pencher sur le code CSS et ainsi en connaitre les éventuelles erreurs, et permette également sa validation au normes duW3c.</p>
<p><span style="text-decoration: underline;"><strong>Window Resizer: </strong></span><a href="https://addons.mozilla.org/en-US/firefox/addon/1985" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/1985</a></p>
<div id="attachment_1191" class="wp-caption alignnone" style="width: 485px"><img class="size-full wp-image-1191" title="window-resizer" src="http://www.lazyheart.com/blog/wp-content/uploads/2009/07/window-resizer.jpg" alt="window-resizer" width="475" height="233" /><p class="wp-caption-text">Window Resizer</p></div>
<p><strong>Window Resize</strong>r est un outil, permettant le redimensionnement de la fenêtre de votre navigateur. De quoi voir si votre site web s&#8217;affiche correctement dans plusieurs résolutions !</p>
<p><span style="text-decoration: underline;"><strong>No Script: </strong></span><a href="https://addons.mozilla.org/en-US/firefox/addon/722" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/722</a></p>
<div id="attachment_1192" class="wp-caption alignnone" style="width: 485px"><img class="size-full wp-image-1192" title="Firefox_NOSCRIPT" src="http://www.lazyheart.com/blog/wp-content/uploads/2009/07/Firefox_NOSCRIPT.jpg" alt="Firefox_NOSCRIPT" width="475" height="273" /><p class="wp-caption-text">No Script</p></div>
<p>L&#8217;extension<strong> Noscript</strong> permet d&#8217;activer ou de désactiver le Javascript selon la page web. Un outil basé sur la sécurité, le blocage préventif basé sur une liste blanche, vous permet une navigation plus sur n&#8217;importe quel sites.</p>
<p><span style="text-decoration: underline;"><strong>Adblock Plus: </strong></span><a href="https://addons.mozilla.org/en-US/firefox/addon/1865" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/1865</a></p>
<div id="attachment_1193" class="wp-caption alignnone" style="width: 485px"><img class="size-full wp-image-1193" title="adblock_plus" src="http://www.lazyheart.com/blog/wp-content/uploads/2009/07/adblock_plus.jpg" alt="adblock_plus" width="475" height="243" /><p class="wp-caption-text">Adblock Plus</p></div>
<p><strong>Adblock plus</strong> est un utilitaire permettant de bloquer l&#8217;affichage  de tout les éléments d&#8217;une page web. De l&#8217;animation flash, à l&#8217;image en passant par les scripts c&#8217;est une fonction de sécurité fonctionnant également avec un liste blanche.</p>
<p><span style="text-decoration: underline;"><strong>Yslow : </strong></span><a href="https://addons.mozilla.org/en-US/firefox/addon/5369" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/5369</a></p>
<div id="attachment_1194" class="wp-caption alignnone" style="width: 485px"><img class="size-full wp-image-1194" title="yslow" src="http://www.lazyheart.com/blog/wp-content/uploads/2009/07/yslow.png" alt="yslow" width="475" height="199" /><p class="wp-caption-text">Yslow</p></div>
<p><strong>Yslow</strong>, un nouvel outil web qui permet de tester un total de 13 règles simples en relation avec la vitesse des sites web. Un add on basé sur la performance et l&#8217;affichage de chaque page, pour ainsi optimisé la navigation.</p>
<p><span style="text-decoration: underline;"><strong>Font Finder : </strong></span><a href="https://addons.mozilla.org/en-US/firefox/addon/4415" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/4415</a></p>
<div id="attachment_1195" class="wp-caption alignnone" style="width: 485px"><img class="size-full wp-image-1195" title="fontfinder" src="http://www.lazyheart.com/blog/wp-content/uploads/2009/07/fontfinder.jpg" alt="fontfinder" width="475" height="285" /><p class="wp-caption-text">Font Finder</p></div>
<p><strong>Font Finder</strong> est un outil, permettant la recherche de police sur une page web. Celui ci vous donne ainsi toutes les informations concernant la police utilisé sur la page en question ainsi que toutes ses caractérisques (weight, spacing, decoration&#8230;)</p>
<p><strong><span style="text-decoration: underline;">Greasemonkey :</span></strong> <a href="https://addons.mozilla.org/en-US/firefox/addon/748" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/748</a></p>
<div id="attachment_1248" class="wp-caption alignnone" style="width: 485px"><img class="size-full wp-image-1248" title="greasemonkey" src="http://www.lazyheart.com/blog/wp-content/uploads/2009/07/greasemonkey.jpg" alt="greasemonkey" width="475" height="321" /><p class="wp-caption-text">Greasemonkey</p></div>
<p>Un add on permettant d&#8217;agir sur la page web grâce aux différents scripts, il permet de modifier le comportement de pages Web en leur associant du code JavaScript (nommé &laquo;&nbsp;script&nbsp;&raquo;) dès lors que le navigateur visite une page concernée.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lazyheart.com/blog/post/2009/07/25/selection-add-ons-firefox-pour-webdesigners/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

