<?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>Webaaz &#187; Libre</title> <atom:link href="http://www.webaaz.com/category/libre/feed/" rel="self" type="application/rss+xml" /><link>http://www.webaaz.com</link> <description>Le développement web de A à Z</description> <lastBuildDate>Thu, 19 Jan 2012 11:40:08 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>Optimiser l&#8217;utilisation d&#8217;Eclipse</title><link>http://www.webaaz.com/2010/09/optimiser-lutilisation-declipse/</link> <comments>http://www.webaaz.com/2010/09/optimiser-lutilisation-declipse/#comments</comments> <pubDate>Thu, 30 Sep 2010 13:30:11 +0000</pubDate> <dc:creator>Martin</dc:creator> <category><![CDATA[Développement]]></category> <category><![CDATA[Libre]]></category> <category><![CDATA[Logiciels]]></category> <category><![CDATA[Outils]]></category> <category><![CDATA[Web]]></category> <category><![CDATA[Open source]]></category> <category><![CDATA[Références]]></category> <category><![CDATA[Tools]]></category> <guid
isPermaLink="false">http://www.webaaz.com/?p=329</guid> <description><![CDATA[<strong>Utiliser un Environnement de Développement Intégré c'est bien, en profiter au maximum c'est mieux.</strong> Que vous soyez adeptes d'un éditeur de texte minimaliste ou d'usine à gaz, <strong>il est important d'en maitriser les principales fonctionnalités et de connaître les l'étendue des possibilité pour s'adapter au mieux.</strong> En tant que développeur Java, mais surtout PHP, souvent sur Linux mais parfois sous Windows, Eclipse s'est imposé à moi, par son adaptabilité et aussi son prix. Il possède d'autres facettes bien sympathiques, c'est l'objet de ce billet ! <img
src="/images/2010/09/eclipse.jpg" alt="Ballooner eclipse" /> <a
title="Photo de robotson depuis Flickr" href="http://www.flickr.com/photos/43888972@N00/267647335">Photo de robotson depuis Flickr</a>]]></description> <content:encoded><![CDATA[<p><strong>Utiliser un Environnement de Développement Intégré c&#8217;est bien, en profiter au maximum c&#8217;est mieux.</strong> Que vous soyez adeptes d&#8217;un éditeur de texte minimaliste ou d&#8217;usine à gaz, <strong>il est important d&#8217;en maitriser les principales fonctionnalités et de connaître les l&#8217;étendue des possibilité pour s&#8217;adapter au mieux.</strong></p><p>En tant que développeur Java, mais surtout PHP, souvent sur Linux mais parfois sous Windows, <a
title="Voir le site Officiel de l'IDE Eclipse" href="http://www.eclipse.org/">Eclipse</a> s&#8217;est imposé à moi, par son adaptabilité et aussi son prix. Il possède d&#8217;autres facettes bien sympathiques, c&#8217;est l&#8217;objet de ce billet !</p><p><img
src="/images/2010/09/eclipse.jpg" alt="Ballooner eclipse" /><br
/> <a
title="Photo de robotson depuis Flickr" href="http://www.flickr.com/photos/43888972@N00/267647335">Photo de robotson depuis Flickr</a></p><h2>Présentation</h2><p>Eclipse est un <acronym
title=Environnement de Développement Integré>IDE</acronym> libre, multiplateforme (Linux, Windows, Mac), développé en Java.<br
/> A l&#8217;origine développé pour Java il s&#8217;est vite imposé comme une référence dans le monde Java, mais il prends de plus en plus de place dans l&#8217;écosystème PHP.</p><p><strong>Sa conception modulaire, constituée de dizaines de plugins branchés les uns sur les autres en fait un projet facilement extensible.</strong></p><p>C&#8217;est ce qui à permis d&#8217;avoir aujourd&#8217;hui différentes branches officielles ou non. Voici les plus connues :</p><ul><li><a
title="Voir le site de JDT" href="http://www.eclipse.org/jdt/"><acronym
title="Java Development Tools">JDT, la base pour Java</acronym></li><li><a
title="Voir le site de PDT" href="http://www.eclipse.org/pdt/"><acronym
title="PHP Development Tools">PDT</acronym></a>, lié à Zend Studio</li><li><a
title="Voir le site de Zend Studio" href="http://www.zend.com/fr/products/studio/">Zend Studio</a>, version customisée graphiquement et plus avancée que PDT</li><li><a
title="Voir le site de RAD" href="http://www.ibm.com/developerworks/rational/products/rad/" lang="en"><acronym
title="Rational Application Developer">RAD</acronym></a> successeur de WSAD développé par IBM</li></ul><p>Il existe d&#8217;autres distributions, officielles ou non, payantes ou gratuites constituées de multiples plugins et optimisées pour un usage précis.</p><p>Il faut noter que le développement du cœur de l&#8217;application comme des plugins principaux est très active, avec des nouveautés régulières.</p><h2>Installation</h2><p>Eclipse est complètement indépendant de la plateforme sur laquelle il est installé. En fait il n&#8217;est pas vraiment installé, il s&#8217;agit ni plus ni moins que d&#8217;une copie de fichier. Il ne faut donc pas de droits particuliers pour le faire fonctionner. <strong>Eclipse à donc de fait la particularité de pouvoir être utilisé sur une machine en parallèle avec d&#8217;autres versions d&#8217;Eclipse.</strong></p><p>Ainsi, plutôt que d&#8217;avoir une version d&#8217;Eclipse avec les plugins JDT et PDT, n&#8217;hésitez pas à installer plusieurs branches, qui pourront vivre séparément avec chacune ses workspaces, ses plugins et son paramétrage.</p><h2>Gestions des workspaces</h2><p>Au premier lancement, Eclipse demande de définir un espace de travail. C&#8217;est ici qu&#8217;il stockera les informations relatives à votre travail. Vous pouvez en créer autant que vous le souhaitez, c&#8217;est particulièrement utile quand on travaille sur des projets qui n&#8217;ont rien en commun, et qui pourront ainsi avoir leur espace de travail dédié, paramétré au plus près des besoins et sans superflu.</p><p>Vous pouvez facilement switcher d&#8217;un espace de travail à un autre et même lancer deux instances de votre installation d&#8217;Eclipse avec des workspaces différents ! Utile pour comparer deux projets !</p><h2>Configuration</h2><p>La configuration d&#8217;Eclipse est très complète et même complexe au premier abord. Elle mérite que l&#8217;on s&#8217;y attarde un peu pour la maîtriser correctement.<br
/> La configuration se fait dans un premier temps au niveau du workspace, puis au niveau du projet.</p><p>On a ainsi une configuration globale commune à tous les projets avec la possibilité de surcharger celle ci pour des cas précis.</p><p>Le gestionnaire de configuration dispose d&#8217;une fonctionnalité très pratique de recherche par mot clé, indispensable pour gagner du temps !</p><h2>Ajout de plugins</h2><p>Il existe une multitude de plugins, certains soutenus par Eclipse, d&#8217;autres indépendants. Certains nécessitent l&#8217;installation d&#8217;autres plugins pour fonctionner.</p><p>Vous en trouverez pour :</p><ul><li>La gestion de version</li><li>L&#8217;édition de fichier XML</li><li>L&#8217;édition de fichier de traduction</li><li>Maquettage</li><li>Gestion de serveurs web</li><li>Revue de code</li></ul><p>Et encore tout plein&#8230; (un bon millier !)</p><ul><li><a
title="Voir les plugins d'Eclipse" href="http://marketplace.eclipse.org/">Site officiel des plugins Eclipse</a></li></ul><h2>Développement de plugins</h2><p><strong>C&#8217;est une fonctionnalité sous utilisée car peu connue, mais pourtant bien pensée et relativement simple à mettre en place</strong>. Des plugins simples mais utiles peuvent être écrits en quelques minutes, pour par exemple vérifier qu&#8217;une règle sur le nommage des variables est bien respectée.</p><ul><li><a
title="Voir le site Eclipse Plugin Development" href="http://www.eclipsepluginsite.com/index.html" lang="en">Eclipse Plugin Development</a></li><li><a
title="Voir le cours de Mickael BARON sur developpez.com" href="http://mbaron.developpez.com/eclipse/exercices/lesson1/">Cours de Mickael BARON sur developpez.com</a></li><li><a
title="Voir le cours de Lars Vogel" href="http://www.vogella.de/articles/EclipsePlugIn/article.html" lang="en">Cours de Lars Vogel en anglais</a></li></ul><p><strong>Je vous invite bien sûr à mettre vos plugins, à la disposition de la communauté, qui pourra les réutiliser et les enrichir !</strong></p><h2>Pour aller plus loin</h2><p>Eclipse c&#8217;est toute une communauté, avec différents canaux de communication et d&#8217;entraide, vous trouverez donc toute l&#8217;info dont vous avez besoin sur la galaxie Eclipse&#8230;</p><ul><li><a
title="" href="http://live.eclipse.org/">Des webinars</a></li><li><a
title="" href="http://wiki.eclipse.org/Main_Page">Un wiki</a></li><li><a
title="" href="http://www.planeteclipse.org/planet/">Un planet</a></li><li><a
title="" href="http://www.eclipse.org/forums/">Des forums</a></li></ul><h2>Pour finir&#8230;</h2><p>A vrai dire, depuis 2005 que j&#8217;utilise Eclipse, je n&#8217;ai jamais pris le temps de m&#8217;y mettre, mais la présentation du sujet au Forum PHP 2008, m&#8217;avait bien plu.</p><p><strong>J&#8217;aimerai avoir vos retours d&#8217;expérience sur l&#8217;utilisation d&#8217;Eclipse en général et sur la création de plugins en particulier !</strong> A vos claviers !<br
/><h2>Sur le même thème</h2><ul
class="similar-posts"><li><a
href="http://www.webaaz.com/2009/11/outils-edition-de-fichiers-avec-notepad/" rel="bookmark" title="24 novembre 2009">Outils : Edition de fichiers avec Notepad++</a></li><li><a
href="http://www.webaaz.com/2009/10/outils-xml-cooktop/" rel="bookmark" title="15 octobre 2009">Outils XML : Cooktop</a></li><li><a
href="http://www.webaaz.com/2009/06/les-bons-outils-pour-php-partie-2/" rel="bookmark" title="6 juin 2009">Les bons outils pour PHP (partie 2)</a></li><li><a
href="http://www.webaaz.com/2009/04/la-gestion-des-versions/" rel="bookmark" title="23 avril 2009">La gestion des versions</a></li><li><a
href="http://www.webaaz.com/2009/09/comparaison-et-fusion-de-fichiers-et-de-dossiers/" rel="bookmark" title="28 septembre 2009">Comparaison et fusion de fichiers et de dossiers</a></li></ul><p></p><div
class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy"><ul
class="socials"><li
class="shr-twitter"> <a
href="http://www.shareaholic.com/api/share/?title=Optimiser+l%27utilisation+d%27Eclipse&amp;link=http://www.webaaz.com/2010/09/optimiser-lutilisation-declipse/&amp;notes=Utiliser%20un%20Environnement%20de%20D%C3%A9veloppement%20Int%C3%A9gr%C3%A9%20c%27est%20bien%2C%20en%20profiter%20au%20maximum%20c%27est%20mieux.%20Que%20vous%20soyez%20adeptes%20d%27un%20%C3%A9diteur%20de%20texte%20minimaliste%20ou%20d%27usine%20%C3%A0%20gaz%2C%20il%20est%20important%20d%27en%20maitriser%20les%20principales%20fonctionnalit%C3%A9s%20et%20de%20conna%C3%AEtre%20les%20l%27%C3%A9tendue%20des%20possibilit%C3%A9%20pour%20s%27adapter%20au%20mieux.%0D%0A%0D%0AEn%20tant%20que%20d%C3%A9veloppeur%20Java%2C%20mais%20surtout%20PHP%2C%20souvent%20sur%20Linux%20mais%20parfois%20sous%20Windows%2C%20Eclipse%20s%27est%20impos%C3%A9%20%C3%A0%20moi%2C%20par%20son%20adaptabilit%C3%A9%20et%20aussi%20son%20prix.%20Il%20poss%C3%A8de%20d%27autres%20facettes%20bien%20sympathiques%2C%20c%27est%20l%27objet%20de%20ce%20billet%20%21%0D%0A%0D%0A%0D%0APhoto%20de%20robotson%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li
class="shr-identica"> <a
href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=Utiliser%20un%20Environnement%20de%20D%C3%A9veloppement%20Int%C3%A9gr%C3%A9%20c%27est%20bien%2C%20en%20profiter%20au%20maximum%20c%27est%20mieux.%20Que%20vous%20soyez%20adeptes%20d%27un%20%C3%A9diteur%20de%20texte%20minimaliste%20ou%20d%27usine%20%C3%A0%20gaz%2C%20il%20est%20important%20d%27en%20maitriser%20les%20principales%20fonctionnalit%C3%A9s%20et%20de%20conna%C3%AEtre%20les%20l%27%C3%A9tendue%20des%20possibilit%C3%A9%20pour%20s%27adapter%20au%20mieux.%0D%0A%0D%0AEn%20tant%20que%20d%C3%A9veloppeur%20Java%2C%20mais%20surtout%20PHP%2C%20souvent%20sur%20Linux%20mais%20parfois%20sous%20Windows%2C%20Eclipse%20s%27est%20impos%C3%A9%20%C3%A0%20moi%2C%20par%20son%20adaptabilit%C3%A9%20et%20aussi%20son%20prix.%20Il%20poss%C3%A8de%20d%27autres%20facettes%20bien%20sympathiques%2C%20c%27est%20l%27objet%20de%20ce%20billet%20%21%0D%0A%0D%0A%0D%0APhoto%20de%20robotson%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a></li><li
class="shr-mail"> <a
href="http://www.shareaholic.com/api/share/?title=Optimiser%20l%27utilisation%20d%27Eclipse&amp;link=http://www.webaaz.com/2010/09/optimiser-lutilisation-declipse/&amp;notes=Utiliser%20un%20Environnement%20de%20D%C3%A9veloppement%20Int%C3%A9gr%C3%A9%20c%27est%20bien%2C%20en%20profiter%20au%20maximum%20c%27est%20mieux.%20Que%20vous%20soyez%20adeptes%20d%27un%20%C3%A9diteur%20de%20texte%20minimaliste%20ou%20d%27usine%20%C3%A0%20gaz%2C%20il%20est%20important%20d%27en%20maitriser%20les%20principales%20fonctionnalit%C3%A9s%20et%20de%20conna%C3%AEtre%20les%20l%27%C3%A9tendue%20des%20possibilit%C3%A9%20pour%20s%27adapter%20au%20mieux.%0D%0A%0D%0AEn%20tant%20que%20d%C3%A9veloppeur%20Java%2C%20mais%20surtout%20PHP%2C%20souvent%20sur%20Linux%20mais%20parfois%20sous%20Windows%2C%20Eclipse%20s%27est%20impos%C3%A9%20%C3%A0%20moi%2C%20par%20son%20adaptabilit%C3%A9%20et%20aussi%20son%20prix.%20Il%20poss%C3%A8de%20d%27autres%20facettes%20bien%20sympathiques%2C%20c%27est%20l%27objet%20de%20ce%20billet%20%21%0D%0A%0D%0A%0D%0APhoto%20de%20robotson%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li
class="shr-gmail"> <a
href="http://www.shareaholic.com/api/share/?title=Optimiser+l%27utilisation+d%27Eclipse&amp;link=http://www.webaaz.com/2010/09/optimiser-lutilisation-declipse/&amp;notes=Utiliser%20un%20Environnement%20de%20D%C3%A9veloppement%20Int%C3%A9gr%C3%A9%20c%27est%20bien%2C%20en%20profiter%20au%20maximum%20c%27est%20mieux.%20Que%20vous%20soyez%20adeptes%20d%27un%20%C3%A9diteur%20de%20texte%20minimaliste%20ou%20d%27usine%20%C3%A0%20gaz%2C%20il%20est%20important%20d%27en%20maitriser%20les%20principales%20fonctionnalit%C3%A9s%20et%20de%20conna%C3%AEtre%20les%20l%27%C3%A9tendue%20des%20possibilit%C3%A9%20pour%20s%27adapter%20au%20mieux.%0D%0A%0D%0AEn%20tant%20que%20d%C3%A9veloppeur%20Java%2C%20mais%20surtout%20PHP%2C%20souvent%20sur%20Linux%20mais%20parfois%20sous%20Windows%2C%20Eclipse%20s%27est%20impos%C3%A9%20%C3%A0%20moi%2C%20par%20son%20adaptabilit%C3%A9%20et%20aussi%20son%20prix.%20Il%20poss%C3%A8de%20d%27autres%20facettes%20bien%20sympathiques%2C%20c%27est%20l%27objet%20de%20ce%20billet%20%21%0D%0A%0D%0A%0D%0APhoto%20de%20robotson%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a></li><li
class="shr-viadeo"> <a
href="http://www.shareaholic.com/api/share/?title=Optimiser+l%27utilisation+d%27Eclipse&amp;link=http://www.webaaz.com/2010/09/optimiser-lutilisation-declipse/&amp;notes=Utiliser%20un%20Environnement%20de%20D%C3%A9veloppement%20Int%C3%A9gr%C3%A9%20c%27est%20bien%2C%20en%20profiter%20au%20maximum%20c%27est%20mieux.%20Que%20vous%20soyez%20adeptes%20d%27un%20%C3%A9diteur%20de%20texte%20minimaliste%20ou%20d%27usine%20%C3%A0%20gaz%2C%20il%20est%20important%20d%27en%20maitriser%20les%20principales%20fonctionnalit%C3%A9s%20et%20de%20conna%C3%AEtre%20les%20l%27%C3%A9tendue%20des%20possibilit%C3%A9%20pour%20s%27adapter%20au%20mieux.%0D%0A%0D%0AEn%20tant%20que%20d%C3%A9veloppeur%20Java%2C%20mais%20surtout%20PHP%2C%20souvent%20sur%20Linux%20mais%20parfois%20sous%20Windows%2C%20Eclipse%20s%27est%20impos%C3%A9%20%C3%A0%20moi%2C%20par%20son%20adaptabilit%C3%A9%20et%20aussi%20son%20prix.%20Il%20poss%C3%A8de%20d%27autres%20facettes%20bien%20sympathiques%2C%20c%27est%20l%27objet%20de%20ce%20billet%20%21%0D%0A%0D%0A%0D%0APhoto%20de%20robotson%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a></li><li
class="shr-googlereader"> <a
href="http://www.shareaholic.com/api/share/?title=Optimiser+l%27utilisation+d%27Eclipse&amp;link=http://www.webaaz.com/2010/09/optimiser-lutilisation-declipse/&amp;notes=Utiliser%20un%20Environnement%20de%20D%C3%A9veloppement%20Int%C3%A9gr%C3%A9%20c%27est%20bien%2C%20en%20profiter%20au%20maximum%20c%27est%20mieux.%20Que%20vous%20soyez%20adeptes%20d%27un%20%C3%A9diteur%20de%20texte%20minimaliste%20ou%20d%27usine%20%C3%A0%20gaz%2C%20il%20est%20important%20d%27en%20maitriser%20les%20principales%20fonctionnalit%C3%A9s%20et%20de%20conna%C3%AEtre%20les%20l%27%C3%A9tendue%20des%20possibilit%C3%A9%20pour%20s%27adapter%20au%20mieux.%0D%0A%0D%0AEn%20tant%20que%20d%C3%A9veloppeur%20Java%2C%20mais%20surtout%20PHP%2C%20souvent%20sur%20Linux%20mais%20parfois%20sous%20Windows%2C%20Eclipse%20s%27est%20impos%C3%A9%20%C3%A0%20moi%2C%20par%20son%20adaptabilit%C3%A9%20et%20aussi%20son%20prix.%20Il%20poss%C3%A8de%20d%27autres%20facettes%20bien%20sympathiques%2C%20c%27est%20l%27objet%20de%20ce%20billet%20%21%0D%0A%0D%0A%0D%0APhoto%20de%20robotson%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=207&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a></li><li
class="shr-netvibes"> <a
href="http://www.shareaholic.com/api/share/?title=Optimiser+l%27utilisation+d%27Eclipse&amp;link=http://www.webaaz.com/2010/09/optimiser-lutilisation-declipse/&amp;notes=Utiliser%20un%20Environnement%20de%20D%C3%A9veloppement%20Int%C3%A9gr%C3%A9%20c%27est%20bien%2C%20en%20profiter%20au%20maximum%20c%27est%20mieux.%20Que%20vous%20soyez%20adeptes%20d%27un%20%C3%A9diteur%20de%20texte%20minimaliste%20ou%20d%27usine%20%C3%A0%20gaz%2C%20il%20est%20important%20d%27en%20maitriser%20les%20principales%20fonctionnalit%C3%A9s%20et%20de%20conna%C3%AEtre%20les%20l%27%C3%A9tendue%20des%20possibilit%C3%A9%20pour%20s%27adapter%20au%20mieux.%0D%0A%0D%0AEn%20tant%20que%20d%C3%A9veloppeur%20Java%2C%20mais%20surtout%20PHP%2C%20souvent%20sur%20Linux%20mais%20parfois%20sous%20Windows%2C%20Eclipse%20s%27est%20impos%C3%A9%20%C3%A0%20moi%2C%20par%20son%20adaptabilit%C3%A9%20et%20aussi%20son%20prix.%20Il%20poss%C3%A8de%20d%27autres%20facettes%20bien%20sympathiques%2C%20c%27est%20l%27objet%20de%20ce%20billet%20%21%0D%0A%0D%0A%0D%0APhoto%20de%20robotson%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=195&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a></li></ul><div
style="clear: both;"></div></div> ]]></content:encoded> <wfw:commentRss>http://www.webaaz.com/2010/09/optimiser-lutilisation-declipse/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Développer sous Ubuntu</title><link>http://www.webaaz.com/2010/05/developper-sous-ubuntu/</link> <comments>http://www.webaaz.com/2010/05/developper-sous-ubuntu/#comments</comments> <pubDate>Wed, 05 May 2010 11:30:11 +0000</pubDate> <dc:creator>Martin</dc:creator> <category><![CDATA[Développement]]></category> <category><![CDATA[Libre]]></category> <category><![CDATA[Livres]]></category> <category><![CDATA[Logiciels]]></category> <category><![CDATA[Outils]]></category> <category><![CDATA[Apprendre]]></category> <category><![CDATA[Compatibilite]]></category> <category><![CDATA[Développement web]]></category> <category><![CDATA[Linux]]></category> <category><![CDATA[Logiciel]]></category> <category><![CDATA[Ubuntu]]></category> <guid
isPermaLink="false">http://www.webaaz.com/?p=828</guid> <description><![CDATA[Cela fait maintenant bientôt 3 ans que mon ordinateur est sous Ubuntu. En tant que développeur, je devais m'assurer avant de migrer que l'ensemble des logiciels que j'utilisais avait un équivalent de qualité sous Linux.
Pour la sortie de Lucid Lynx, la dernière version d'Ubuntu, je vais donc vous donner envie de suivre ma voie, jusqu'au bout, ou au moins en partie...
<img
src="/images/2010/05/lucid-lynx.jpg" alt="Ubuntu Lucid Lynx" width="570" height="250" /> Fond d'écran d'Ubuntu Lucid Lynx]]></description> <content:encoded><![CDATA[<p>Cela fait maintenant bientôt 3 ans que mon ordinateur est sous Ubuntu. En tant que développeur, je devais m&#8217;assurer avant de migrer que l&#8217;ensemble des logiciels que j&#8217;utilisais avait un équivalent de qualité sous Linux.</p><p><strong>Pour la sortie de Lucid Lynx, la dernière version d&#8217;Ubuntu, je vais donc vous donner envie de suivre ma voie, jusqu&#8217;au bout, ou au moins en partie&#8230;</strong></p><p><img
src="http://www.webaaz.com/images/2010/05/lucid-lynx.jpg" alt="Ubuntu Lucid Lynx" width="570" height="250" /><br
/> <a
title="Voir le site d'Ubuntu" href="http://www.ubuntu.com/">Fond d&#8217;écran d&#8217;Ubuntu Lucid Lynx</a></p><h2>Passer à Linux</h2><p>Les raisons de passer à Linux peuvent être nombreuses, besoin d&#8217;un <a
title="Voir la définition d'OS sur Wikipédia" href="http://fr.wikipedia.org/wiki/Syst%C3%A8me_d%27exploitation"><acronym
lang="en" title="Operating System">OS</acronym></a> plus léger et rapide, libre, gratuit (le plus souvent)&#8230;</p><p>La première chose à faire à mon avis c&#8217;est de se renseigner ! On trouve des dizaines de témoignages sur Internet, faites vous votre avis. <strong>Pour que la migration soit une réussite il faut d&#8217;abord être convaincu par la démarche.</strong></p><p>Je vous conseille notamment un site explicatif qui présente aussi bien les avantages et les inconvénients de chaque solution, et vous aide dans votre migration :</p><ul><li><a
title="Voir le site Passer à Linux" href="http://www.passeralinux.fr/">Passer à Linux</a></li></ul><p><strong>Personnellement, j&#8217;ai d&#8217;abord été convaincu par la théorie, par l&#8217;esprit du libre, mais la pratique me faisait un peu peur. J&#8217;avais peur de perdre mes repères.<br
/> Il m&#8217;a donc fallu un certains temps, à peu près deux ans, pour y venir.</strong> Mais j&#8217;ai mis ce temps à profit !</p><p>Un bon témoignage sur le site <a
title="Voir le site Framasoft" href="http://www.framasoft.net/">Framasoft</a> m&#8217;avait convaincu d&#8217;utiliser des logiciels libres multi-plateformes avant de passer à Linux, de manière à faciliter la migration. J&#8217;ai donc peu à peu adopté un ensemble de logiciels de grande qualité. Le jour de la migration, j&#8217;ai juste changé d&#8217;OS, pas de logiciels !</p><p>Et ils me permettent aujourd&#8217;hui de travailler dans de bonnes conditions. <strong>Comme professionnellement je travaille sous Windows, j&#8217;utilise donc les mêmes logiciels, un vrai bonheur !</strong></p><h2>Mes logiciels</h2><p>Voici donc la liste des logiciels multiplateforme que j&#8217;utilise au quotidien. A titre personnel, le bénéfice est en partie spirituel, <strong>professionnellement, c&#8217;est très pratique de pouvoir utiliser des logiciels que je connais, qui sont mis à jour régulièrement, et ce quel que soit le client et pour un budget sans surprise.</strong></p><h3>Navigateurs</h3><p>Côté navigateurs, on peut utiliser Chrome, Firefox ou Opera sur les deux plateformes, il ne manque que Internet Explorer mais est-ce vraiment gênant ?</p><p>Du coup quasiment toutes les extensions disponibles le sont aussi pour Linux, pas de problèmes donc à attendre de ce côté.</p><h3>Suite bureautique</h3><p>J&#8217;utilise bien évidemment Open-Office, l&#8217;un des logiciels libre les plus connus. A l&#8217;usage, l&#8217;ouverture de certains fichiers propriétaires pose parfois quelques problèmes cosmétiques, mais on s&#8217;en sort.</p><p>On me dit souvent que cette suite est moins complète que celle du concurrent, elle me parait plus simple d&#8217;utilisation, et réponds à toutes mes attentes.</p><h3>Environnement de Développement Intégré</h3><p>Les principaux <acronym
title="Integrated Environment Development">IDE</acronym> comme <a
title="Voir le logiciel Eclipse" href="http://www.eclipse.org/">Eclipse</a> ou <a
title="Voir le logiciel NetBeans" href="http://netbeans.org/">NetBeans</a>, sont basés sur Java et donc multiplateforme. J&#8217;utilise donc <a
title="Voir le logiciel PDT" href="http://www.eclipse.org/pdt/">PDT</a> sans aucune contrainte.</p><h3>Logiciels de gestion de version</h3><p>Quand on est comme moi habitué à <a
title="Voir le logiciel Tortoise SVN" href="http://tortoisesvn.tigris.org/">Tortoise SVN</a> sous Windows, on se retrouve un peu seul sous Linux. Il existe des solutions graphique mais qui ne m&#8217;ont pas donné entière satisfaction. La ligne de commande, a ses avantages par moments, mais j&#8217;ai finalement trouvé mon bonheur avec les extensions d&#8217;Eclipse ou de NetBeans.</p><p><strong
class="strike">Le seul point ou je ne suis pas entièrement convaincu donc.</strong><br
/> <strong>Edit : Grâce aux commentaires, j&#8217;ai trouvé une solution qui me convient !</strong></p><h3>Gestion de base de données</h3><p>Que j&#8217;utilise<title="Voir le site de MySQL" href="http://www.mysql.fr/">MySQL</a> ou <a
title="Voir le site de PostgreSQL" href="http://www.postgresql.org/">PostgreSQL</a>, <a
title="Voir l'article sur MySQL Gui Tools" href="http://www.webaaz.com/2009/04/mysql-gui-tools/">MySQL Gui Tools</a> et <a
title="Voir le site de PGAdmin" href="http://www.pgadmin.org/">PGAdmin</a> répondent correctement à mes attentes.</p><h3>Client FTP</h3><p>Sous Ubuntu, on peut utiliser le gestionnaire de fichiers pour accéder à des ressources distantes, je n&#8217;utilise donc plus de logiciel de transfert. Cependant si vous le souhaitez, Filezilla est une excellente solution qui existe aussi sous Linux.</p><h3>Outils graphiques</h3><p>The Gimp est évidemment moins performant que Photoshop même si certains disent le contraire. Je ne connais pas de graphistes qui l&#8217;utilisent ! Mais pour un développeur qui fait quelques retouches de temps en temps il est parfait ! Un peu déroutant avec son organisation multi-fenêtres, on finit par s&#8217;y faire avec le temps.</p><h3>Outils divers</h3><p>J&#8217;utilise <a
title="Voir le logiciel Poedit" href="http://www.poedit.net/">Poedit</a> pour gérer mes traductions ou <a
title="Voir le logiciel 7zip" href="http://www.7-zip.org/">7zip</a> pour les archives, là encore ces logiciels sont disponibles pour différents OS, pas de quoi être perturbé !</p><h3>Webwares</h3><p>Là vous l&#8217;aurez deviné pas de problèmes, mais du coup, autant que possible, j&#8217;utilise aussi des outils libres que j&#8217;installe sur mon propre serveur&#8230; Quand on commence à toucher au libre, on y reste attaché !</p><h2>Passer le cap !</h2><p>Vous pouvez le télécharger ou commander le CD sur le site d&#8217;Ubuntu :</p><ul><li><a
title="Voir le site d'Ubuntu" href="http://www.ubuntu.com/">Télécharger Ubuntu</a></li></ul><p>Au final, L&#8217;OS ne reste qu&#8217;une plateforme que l&#8217;on utilise finalement assez peu, le plus important est donc de trouver des logiciels adaptés au besoin.<br
/> Le plus dur pour passer à Ubuntu c&#8217;est d&#8217;oublier ce que vous savez de Windows et de réapprendre à votre rythme. Pour cela, je vous conseille un excellent livre, libre bien entendu, édité par <a
title="Voir le site Framabook" href="http://www.framabook.org/">Framabook</a> et <a
title="Voir le site de In Libro Veritas" href="http://www.ilv-bibliotheca.net/">In Libro Veritas</a>.</p><ul><li><a
title="Voir la présentation du livre Simle comme Ubuntu par Framablog" href="http://www.framablog.org/index.php/post/2010/05/06/framabook-simple-comme-ubuntu-10-04-interview-relecture">Présentation du livre &laquo;&nbsp;Simple comme Ubuntu&nbsp;&raquo; par Framablog</a></li></ul><div
class="book"> <a
title="Acheter le livre chez In Libro Veritas" href="http://www.ilv-bibliotheca.net/librairie/simple_comme_ubuntu_1004_lts.html"><img
border="0" src="/images/framabook/simple-comme-ubuntu-10-04.jpg" class="amazon alignleft" ></a></p><ul><li><a
title="Acheter le livre chez In Libro Veritas" href="http://www.ilv-bibliotheca.net/librairie/simple_comme_ubuntu_1004_lts.html">Simple comme Ubuntu 10.04</a></li><li>Licence : Creative Commons By-SA 2.0</li><li>Broché : 359 pages</li><li>Éditeur : <a
title="Voir le site de l'éditeur In Libro Veritas" href="http://www.ilv-bibliotheca.net/">In Libro Veritas</a></li><li>Édition : 1ère (3 mai 2010)</li><li>Collection : Framabook</li><li>Langue : Français</li><li>ISBN-13: 978-2-35922-022-3</li></ul></div><p>Ce livre étant libre, il est également disponible en téléchargement au format PDF sur le site Framabook&nbsp;:</p><ul><li><a
title="Voir le livre Simple comme Ubuntu en PDF" href="http://www.framabook.org/ubuntu.html">Simple comme Ubuntu 10.04 en PDF</a></ul><p>Et si vous n&#8217;êtes pas encore convaincu, <strong>Le CD-rom d&#8217;Ubuntu est un Live CD, vous pouvez donc le mettre dans votre lecteur de CD-rom et démarrer votre PC sous Ubuntu sans l&#8217;installer. Idéal pour tester !</strong></p><h2>Conclusion</h2><p>Finalement, le développement web sous Linux, ca se passe très bien ! Si avec tout ca vous ne changez pas, j&#8217;aurai au moins essayé, prenez votre temps, l&#8217;idée va faire son chemin et le moment venu vous passerez le cap&#8230;</p><p>Et quand vous l&#8217;aurez passé revenez me donner votre avis !<br
/><h2>Sur le même thème</h2><ul
class="similar-posts"><li><a
href="http://www.webaaz.com/2009/04/mysql-gui-tools/" rel="bookmark" title="24 avril 2009">MySQL GUI Tools</a></li><li><a
href="http://www.webaaz.com/2009/04/la-gestion-des-versions/" rel="bookmark" title="23 avril 2009">La gestion des versions</a></li><li><a
href="http://www.webaaz.com/2011/04/livre-pro-git/" rel="bookmark" title="11 avril 2011">Livre : Pro Git</a></li><li><a
href="http://www.webaaz.com/2010/06/developper-en-equipe/" rel="bookmark" title="2 juin 2010">Développer en équipe</a></li><li><a
href="http://www.webaaz.com/2009/06/navigateur-web-standard-firefox/" rel="bookmark" title="20 juin 2009">Navigateur Web standard : Firefox</a></li></ul><p></p><div
class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy"><ul
class="socials"><li
class="shr-twitter"> <a
href="http://www.shareaholic.com/api/share/?title=D%C3%A9velopper+sous+Ubuntu&amp;link=http://www.webaaz.com/2010/05/developper-sous-ubuntu/&amp;notes=Cela%20fait%20maintenant%20bient%C3%B4t%203%20ans%20que%20mon%20ordinateur%20est%20sous%20Ubuntu.%20En%20tant%20que%20d%C3%A9veloppeur%2C%20je%20devais%20m%27assurer%20avant%20de%20migrer%20que%20l%27ensemble%20des%20logiciels%20que%20j%27utilisais%20avait%20un%20%C3%A9quivalent%20de%20qualit%C3%A9%20sous%20Linux.%20%0D%0A%0D%0APour%20la%20sortie%20de%20Lucid%20Lynx%2C%20la%20derni%C3%A8re%20version%20d%27Ubuntu%2C%20je%20vais%20donc%20vous%20donner%20envie%20de%20suivre%20ma%20voie%2C%20jusqu%27au%20bout%2C%20ou%20au%20moins%20en%20partie...%0D%0A%0D%0A%0D%0AFond%20d%27%C3%A9cran%20d%27Ubuntu%20Lucid%20Lynx&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li
class="shr-identica"> <a
href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=Cela%20fait%20maintenant%20bient%C3%B4t%203%20ans%20que%20mon%20ordinateur%20est%20sous%20Ubuntu.%20En%20tant%20que%20d%C3%A9veloppeur%2C%20je%20devais%20m%27assurer%20avant%20de%20migrer%20que%20l%27ensemble%20des%20logiciels%20que%20j%27utilisais%20avait%20un%20%C3%A9quivalent%20de%20qualit%C3%A9%20sous%20Linux.%20%0D%0A%0D%0APour%20la%20sortie%20de%20Lucid%20Lynx%2C%20la%20derni%C3%A8re%20version%20d%27Ubuntu%2C%20je%20vais%20donc%20vous%20donner%20envie%20de%20suivre%20ma%20voie%2C%20jusqu%27au%20bout%2C%20ou%20au%20moins%20en%20partie...%0D%0A%0D%0A%0D%0AFond%20d%27%C3%A9cran%20d%27Ubuntu%20Lucid%20Lynx&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a></li><li
class="shr-mail"> <a
href="http://www.shareaholic.com/api/share/?title=D%C3%A9velopper%20sous%20Ubuntu&amp;link=http://www.webaaz.com/2010/05/developper-sous-ubuntu/&amp;notes=Cela%20fait%20maintenant%20bient%C3%B4t%203%20ans%20que%20mon%20ordinateur%20est%20sous%20Ubuntu.%20En%20tant%20que%20d%C3%A9veloppeur%2C%20je%20devais%20m%27assurer%20avant%20de%20migrer%20que%20l%27ensemble%20des%20logiciels%20que%20j%27utilisais%20avait%20un%20%C3%A9quivalent%20de%20qualit%C3%A9%20sous%20Linux.%20%0D%0A%0D%0APour%20la%20sortie%20de%20Lucid%20Lynx%2C%20la%20derni%C3%A8re%20version%20d%27Ubuntu%2C%20je%20vais%20donc%20vous%20donner%20envie%20de%20suivre%20ma%20voie%2C%20jusqu%27au%20bout%2C%20ou%20au%20moins%20en%20partie...%0D%0A%0D%0A%0D%0AFond%20d%27%C3%A9cran%20d%27Ubuntu%20Lucid%20Lynx&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li
class="shr-gmail"> <a
href="http://www.shareaholic.com/api/share/?title=D%C3%A9velopper+sous+Ubuntu&amp;link=http://www.webaaz.com/2010/05/developper-sous-ubuntu/&amp;notes=Cela%20fait%20maintenant%20bient%C3%B4t%203%20ans%20que%20mon%20ordinateur%20est%20sous%20Ubuntu.%20En%20tant%20que%20d%C3%A9veloppeur%2C%20je%20devais%20m%27assurer%20avant%20de%20migrer%20que%20l%27ensemble%20des%20logiciels%20que%20j%27utilisais%20avait%20un%20%C3%A9quivalent%20de%20qualit%C3%A9%20sous%20Linux.%20%0D%0A%0D%0APour%20la%20sortie%20de%20Lucid%20Lynx%2C%20la%20derni%C3%A8re%20version%20d%27Ubuntu%2C%20je%20vais%20donc%20vous%20donner%20envie%20de%20suivre%20ma%20voie%2C%20jusqu%27au%20bout%2C%20ou%20au%20moins%20en%20partie...%0D%0A%0D%0A%0D%0AFond%20d%27%C3%A9cran%20d%27Ubuntu%20Lucid%20Lynx&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a></li><li
class="shr-viadeo"> <a
href="http://www.shareaholic.com/api/share/?title=D%C3%A9velopper+sous+Ubuntu&amp;link=http://www.webaaz.com/2010/05/developper-sous-ubuntu/&amp;notes=Cela%20fait%20maintenant%20bient%C3%B4t%203%20ans%20que%20mon%20ordinateur%20est%20sous%20Ubuntu.%20En%20tant%20que%20d%C3%A9veloppeur%2C%20je%20devais%20m%27assurer%20avant%20de%20migrer%20que%20l%27ensemble%20des%20logiciels%20que%20j%27utilisais%20avait%20un%20%C3%A9quivalent%20de%20qualit%C3%A9%20sous%20Linux.%20%0D%0A%0D%0APour%20la%20sortie%20de%20Lucid%20Lynx%2C%20la%20derni%C3%A8re%20version%20d%27Ubuntu%2C%20je%20vais%20donc%20vous%20donner%20envie%20de%20suivre%20ma%20voie%2C%20jusqu%27au%20bout%2C%20ou%20au%20moins%20en%20partie...%0D%0A%0D%0A%0D%0AFond%20d%27%C3%A9cran%20d%27Ubuntu%20Lucid%20Lynx&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a></li><li
class="shr-googlereader"> <a
href="http://www.shareaholic.com/api/share/?title=D%C3%A9velopper+sous+Ubuntu&amp;link=http://www.webaaz.com/2010/05/developper-sous-ubuntu/&amp;notes=Cela%20fait%20maintenant%20bient%C3%B4t%203%20ans%20que%20mon%20ordinateur%20est%20sous%20Ubuntu.%20En%20tant%20que%20d%C3%A9veloppeur%2C%20je%20devais%20m%27assurer%20avant%20de%20migrer%20que%20l%27ensemble%20des%20logiciels%20que%20j%27utilisais%20avait%20un%20%C3%A9quivalent%20de%20qualit%C3%A9%20sous%20Linux.%20%0D%0A%0D%0APour%20la%20sortie%20de%20Lucid%20Lynx%2C%20la%20derni%C3%A8re%20version%20d%27Ubuntu%2C%20je%20vais%20donc%20vous%20donner%20envie%20de%20suivre%20ma%20voie%2C%20jusqu%27au%20bout%2C%20ou%20au%20moins%20en%20partie...%0D%0A%0D%0A%0D%0AFond%20d%27%C3%A9cran%20d%27Ubuntu%20Lucid%20Lynx&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=207&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a></li><li
class="shr-netvibes"> <a
href="http://www.shareaholic.com/api/share/?title=D%C3%A9velopper+sous+Ubuntu&amp;link=http://www.webaaz.com/2010/05/developper-sous-ubuntu/&amp;notes=Cela%20fait%20maintenant%20bient%C3%B4t%203%20ans%20que%20mon%20ordinateur%20est%20sous%20Ubuntu.%20En%20tant%20que%20d%C3%A9veloppeur%2C%20je%20devais%20m%27assurer%20avant%20de%20migrer%20que%20l%27ensemble%20des%20logiciels%20que%20j%27utilisais%20avait%20un%20%C3%A9quivalent%20de%20qualit%C3%A9%20sous%20Linux.%20%0D%0A%0D%0APour%20la%20sortie%20de%20Lucid%20Lynx%2C%20la%20derni%C3%A8re%20version%20d%27Ubuntu%2C%20je%20vais%20donc%20vous%20donner%20envie%20de%20suivre%20ma%20voie%2C%20jusqu%27au%20bout%2C%20ou%20au%20moins%20en%20partie...%0D%0A%0D%0A%0D%0AFond%20d%27%C3%A9cran%20d%27Ubuntu%20Lucid%20Lynx&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=195&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a></li></ul><div
style="clear: both;"></div></div> ]]></content:encoded> <wfw:commentRss>http://www.webaaz.com/2010/05/developper-sous-ubuntu/feed/</wfw:commentRss> <slash:comments>7</slash:comments> </item> <item><title>Les générateurs de sprites CSS</title><link>http://www.webaaz.com/2010/04/les-generateurs-de-sprites-css/</link> <comments>http://www.webaaz.com/2010/04/les-generateurs-de-sprites-css/#comments</comments> <pubDate>Wed, 28 Apr 2010 13:06:20 +0000</pubDate> <dc:creator>Martin</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[Libre]]></category> <category><![CDATA[Logiciels]]></category> <category><![CDATA[Méthodologie]]></category> <category><![CDATA[Optimisation]]></category> <category><![CDATA[Outils]]></category> <category><![CDATA[Images]]></category> <category><![CDATA[Web]]></category> <category><![CDATA[Webware]]></category> <guid
isPermaLink="false">http://www.webaaz.com/?p=540</guid> <description><![CDATA[La technique des sprites <acronym
title="Cascading Style sheet">CSS</acronym> est désormais éprouvée et bien documentée. Il existe de bons ressources pour les mettre en place simplement et pourtant, on en voit finalement assez peu.
Ceux qui les utilisent sont convaincus, mais l'optimisation de sites web semble toujours un truc inutile, comme l'accessibilité ou l'ergonomie...
C'est à mon sens une hérésie, et <strong>les performances, comme l'accessibilité ou l'ergonomie devraient faire partie des premières réflexion sur la plupart des projet web</strong>.
Pour vous sensibiliser à cette technique je vais donc vous présenter quelques outils utiles à sa mise en place. <img
src="/images/2010/04/bulles.jpg" alt="Sprite" width="570" height="250" /> <a
title="Photo de Jeff Kubina depuis Flickr" href="http://www.flickr.com/photos/95118988@N00/94086662">Photo de Jeff Kubina depuis Flickr</a>]]></description> <content:encoded><![CDATA[<p>La technique des sprites <acronym
title="Cascading Style sheet">CSS</acronym> est désormais éprouvée et bien documentée. Il existe de bons ressources pour les mettre en place simplement et pourtant, on en voit finalement assez peu.</p><p>Ceux qui les utilisent sont convaincus, mais l&#8217;optimisation de sites web semble toujours un truc inutile, comme l&#8217;accessibilité ou l&#8217;ergonomie&#8230;<br
/> C&#8217;est à mon sens une hérésie, et <strong>les performances, comme l&#8217;accessibilité ou l&#8217;ergonomie devraient faire partie des premières réflexion sur la plupart des projets web</strong>.</p><p>Pour vous sensibiliser à cette technique je vais donc vous présenter quelques outils utiles à sa mise en place.</p><p><img
src="/images/2010/04/bulles.jpg" alt="Sprite" width="570" height="250" /><br
/> <a
title="Photo de Jeff Kubina depuis Flickr" href="http://www.flickr.com/photos/95118988@N00/94086662">Photo de Jeff Kubina depuis Flickr</a></p><h2>Performance ?</h2><p>Avant de voir comment faire voyons déjà pourquoi le faire. En deux mots, <strong>des performances de votre site web, dépendent la qualité de votre référencement et la qualité de surf de vos visiteurs. Votre rentabilité est donc en lien direct avec la rapidité de votre site.</strong></p><p>Avant de songer à changer de serveur, il y a deux points importants à traiter pour améliorer votre site&nbsp;:</p><ul><li>Limiter le poids des données</li><li>Limiter le nombre de données</li></ul><p><strong>Les sprites CSS permettent de limiter le nombre de fichiers en les combinant. Cela amène aussi en règle générale à une diminution du poids total des images.</strong></p><p>Pour en savoir plus sur l&#8217;optimisation&nbsp;:</p><ul><li><a
title="Voir le blog d'Eric Dapset sur les performances" href="">Le blog d&#8217;Éric Daspet sur les performances</a></li><li><a
title="" href="http://www.webaaz.com/2009/10/optimiser-son-site-web/">Le billet de Webaaz sur les performances</a></li></ul><h2>Méthode</h2><p>Pour ce qui et de la technique des sprites, je vous renvoie vers le bon tutoriel de Pompage&nbsp;:</p><ul><li><a
title="Voir le tutoriel de Pompage sur les sprites css" href="http://www.pompage.net/pompe/sprites/">Tutoriel sur pompage</a></li><li><a
title="Voir le blog d'Éric Daspet sur les performances" href="http://performance.survol.fr/2008/06/des-sprites-jusqua-plus-soif/">Voir les explications sur le blog Performances</a></li></ul><p>Pour l&#8217;essentiel, sachez que <strong>seules les images qui servent au design de votre site peuvent être utilisées. Les images du contenu ne doivent pas subir ce traitement !</strong></p><h2>Webwares</h2><p>Pour une utilisation simplifiée on trouve pas mal d&#8217;applications web qui fournissent un outil de génération de sprites. Il suffit de fournir vos images sous forme d&#8217;archive, de préciser vos paramètres (alignement, espace entre les image, préfixes css&#8230;). Il ne vous reste plus qu&#8217;à télécharger votre image et le code CSS associé et à les intégrer dans votre site web.</p><p>En voici quelques exemples&nbsp;:</p><ul><li><a
title="Voir le générateur de sprites en ligne de Ryan Breen" href="http://www.ryanbreen.com:81/spritegen/" class="broken_link">Le générateur de sprites de Ryan Breen</a></li><li><a
title="Voir le générateur de sprites en ligne CSS Sprites" href="http://css-sprit.es/">CSS Sprites</a></li><li><a
title="Voir le générateur de sprites en ligne Spritegen" href="http://spritegen.website-performance.org/">Spritegen</a></li><li><a
title="Voir le générateur de sprites en ligne Csssprites" href="http://csssprites.com/">Csssprites</a></li></ul><p>Celui-ci est un peu différent puisqu&#8217;il permet de redéfinir le style CSS à partir d&#8217;un sprite. Utile si vous faites le sprite vous même ou si vous avez perdu le code CSS !</p><ul><li><a
title="Voir le générateur de styles CSS Sprite creator" href="http://www.floweringmind.com/sprite-creator/">Générateur de syles CSS Sprite creator</a></li></ul><h2>software</h2><p>Pour une intégration plus poussée dans votre processus d&#8217;intégration, il existe aussi des outils en ligne de commande&nbsp;:</p><ul><li><a
title="Voir le générateur de sprites en Java" href="http://csssprites.org/">Css Sprites en Java</a></li></ul><p><strong>Vous pourrez ainsi automatiser cette tâche dans un script. Très utile si vous devez régénérer régulièrement des sprites dans le cadre d&#8217;un cycle d&#8217;intégration continue par exemple&nbsp;!</strong></p><p>Il faut noter que la version Java est sous license Open Source BSD License et la version Python</p><h2>Conclusion</h2><p>Des outils indispensables aujourd&#8217;hui ! Vous n&#8217;aurez plus d&#8217;excuses pour ne pas les utiliser&nbsp;!<br
/> Et pour plus de résultats, n&#8217;oubliez pas de merger et de compresser vos fichiers CSS et de supprimer les méta données de vos images&nbsp;!<br
/><h2>Sur le même thème</h2><ul
class="similar-posts"><li><a
href="http://www.webaaz.com/2009/10/optimiser-son-site-web/" rel="bookmark" title="1 octobre 2009">Optimiser son site web</a></li><li><a
href="http://www.webaaz.com/2009/07/trouver-de-belles-photos-pour-son-site-web/" rel="bookmark" title="26 juillet 2009">Trouver de belles photos pour son site web</a></li><li><a
href="http://www.webaaz.com/2009/05/bien-utiliser-les-feuilles-de-style-css/" rel="bookmark" title="15 mai 2009">Bien utiliser les feuilles de style (CSS)</a></li><li><a
href="http://www.webaaz.com/2009/09/les-plugins-firefox-firebug/" rel="bookmark" title="3 septembre 2009">Les plugins Firefox : Firebug</a></li><li><a
href="http://www.webaaz.com/2011/06/retour-d-experience-grilles/" rel="bookmark" title="23 juin 2011">Retour d&#8217;expérience : Grilles &#038; mise en page</a></li></ul><p></p><div
class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy"><ul
class="socials"><li
class="shr-twitter"> <a
href="http://www.shareaholic.com/api/share/?title=Les+g%C3%A9n%C3%A9rateurs+de+sprites+CSS&amp;link=http://www.webaaz.com/2010/04/les-generateurs-de-sprites-css/&amp;notes=La%20technique%20des%20sprites%20CSS%20est%20d%C3%A9sormais%20%C3%A9prouv%C3%A9e%20et%20bien%20document%C3%A9e.%20Il%20existe%20de%20bons%20ressources%20pour%20les%20mettre%20en%20place%20simplement%20et%20pourtant%2C%20on%20en%20voit%20finalement%20assez%20peu.%0D%0A%0D%0ACeux%20qui%20les%20utilisent%20sont%20convaincus%2C%20mais%20l%27optimisation%20de%20sites%20web%20semble%20toujours%20un%20truc%20inutile%2C%20comme%20l%27accessibilit%C3%A9%20ou%20l%27ergonomie...%0D%0AC%27est%20%C3%A0%20mon%20sens%20une%20h%C3%A9r%C3%A9sie%2C%20et%20les%20performances%2C%20comme%20l%27accessibilit%C3%A9%20ou%20l%27ergonomie%20devraient%20faire%20partie%20des%20premi%C3%A8res%20r%C3%A9flexion%20sur%20la%20plupart%20des%20projet%20web.%0D%0A%0D%0APour%20vous%20sensibiliser%20%C3%A0%20cette%20technique%20je%20vais%20donc%20vous%20pr%C3%A9senter%20quelques%20outils%20utiles%20%C3%A0%20sa%20mise%20en%20place.%0D%0A%0D%0A%0D%0APhoto%20de%20Jeff%20Kubina%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li
class="shr-identica"> <a
href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=La%20technique%20des%20sprites%20CSS%20est%20d%C3%A9sormais%20%C3%A9prouv%C3%A9e%20et%20bien%20document%C3%A9e.%20Il%20existe%20de%20bons%20ressources%20pour%20les%20mettre%20en%20place%20simplement%20et%20pourtant%2C%20on%20en%20voit%20finalement%20assez%20peu.%0D%0A%0D%0ACeux%20qui%20les%20utilisent%20sont%20convaincus%2C%20mais%20l%27optimisation%20de%20sites%20web%20semble%20toujours%20un%20truc%20inutile%2C%20comme%20l%27accessibilit%C3%A9%20ou%20l%27ergonomie...%0D%0AC%27est%20%C3%A0%20mon%20sens%20une%20h%C3%A9r%C3%A9sie%2C%20et%20les%20performances%2C%20comme%20l%27accessibilit%C3%A9%20ou%20l%27ergonomie%20devraient%20faire%20partie%20des%20premi%C3%A8res%20r%C3%A9flexion%20sur%20la%20plupart%20des%20projet%20web.%0D%0A%0D%0APour%20vous%20sensibiliser%20%C3%A0%20cette%20technique%20je%20vais%20donc%20vous%20pr%C3%A9senter%20quelques%20outils%20utiles%20%C3%A0%20sa%20mise%20en%20place.%0D%0A%0D%0A%0D%0APhoto%20de%20Jeff%20Kubina%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a></li><li
class="shr-mail"> <a
href="http://www.shareaholic.com/api/share/?title=Les%20g%C3%A9n%C3%A9rateurs%20de%20sprites%20CSS&amp;link=http://www.webaaz.com/2010/04/les-generateurs-de-sprites-css/&amp;notes=La%20technique%20des%20sprites%20CSS%20est%20d%C3%A9sormais%20%C3%A9prouv%C3%A9e%20et%20bien%20document%C3%A9e.%20Il%20existe%20de%20bons%20ressources%20pour%20les%20mettre%20en%20place%20simplement%20et%20pourtant%2C%20on%20en%20voit%20finalement%20assez%20peu.%0D%0A%0D%0ACeux%20qui%20les%20utilisent%20sont%20convaincus%2C%20mais%20l%27optimisation%20de%20sites%20web%20semble%20toujours%20un%20truc%20inutile%2C%20comme%20l%27accessibilit%C3%A9%20ou%20l%27ergonomie...%0D%0AC%27est%20%C3%A0%20mon%20sens%20une%20h%C3%A9r%C3%A9sie%2C%20et%20les%20performances%2C%20comme%20l%27accessibilit%C3%A9%20ou%20l%27ergonomie%20devraient%20faire%20partie%20des%20premi%C3%A8res%20r%C3%A9flexion%20sur%20la%20plupart%20des%20projet%20web.%0D%0A%0D%0APour%20vous%20sensibiliser%20%C3%A0%20cette%20technique%20je%20vais%20donc%20vous%20pr%C3%A9senter%20quelques%20outils%20utiles%20%C3%A0%20sa%20mise%20en%20place.%0D%0A%0D%0A%0D%0APhoto%20de%20Jeff%20Kubina%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li
class="shr-gmail"> <a
href="http://www.shareaholic.com/api/share/?title=Les+g%C3%A9n%C3%A9rateurs+de+sprites+CSS&amp;link=http://www.webaaz.com/2010/04/les-generateurs-de-sprites-css/&amp;notes=La%20technique%20des%20sprites%20CSS%20est%20d%C3%A9sormais%20%C3%A9prouv%C3%A9e%20et%20bien%20document%C3%A9e.%20Il%20existe%20de%20bons%20ressources%20pour%20les%20mettre%20en%20place%20simplement%20et%20pourtant%2C%20on%20en%20voit%20finalement%20assez%20peu.%0D%0A%0D%0ACeux%20qui%20les%20utilisent%20sont%20convaincus%2C%20mais%20l%27optimisation%20de%20sites%20web%20semble%20toujours%20un%20truc%20inutile%2C%20comme%20l%27accessibilit%C3%A9%20ou%20l%27ergonomie...%0D%0AC%27est%20%C3%A0%20mon%20sens%20une%20h%C3%A9r%C3%A9sie%2C%20et%20les%20performances%2C%20comme%20l%27accessibilit%C3%A9%20ou%20l%27ergonomie%20devraient%20faire%20partie%20des%20premi%C3%A8res%20r%C3%A9flexion%20sur%20la%20plupart%20des%20projet%20web.%0D%0A%0D%0APour%20vous%20sensibiliser%20%C3%A0%20cette%20technique%20je%20vais%20donc%20vous%20pr%C3%A9senter%20quelques%20outils%20utiles%20%C3%A0%20sa%20mise%20en%20place.%0D%0A%0D%0A%0D%0APhoto%20de%20Jeff%20Kubina%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a></li><li
class="shr-viadeo"> <a
href="http://www.shareaholic.com/api/share/?title=Les+g%C3%A9n%C3%A9rateurs+de+sprites+CSS&amp;link=http://www.webaaz.com/2010/04/les-generateurs-de-sprites-css/&amp;notes=La%20technique%20des%20sprites%20CSS%20est%20d%C3%A9sormais%20%C3%A9prouv%C3%A9e%20et%20bien%20document%C3%A9e.%20Il%20existe%20de%20bons%20ressources%20pour%20les%20mettre%20en%20place%20simplement%20et%20pourtant%2C%20on%20en%20voit%20finalement%20assez%20peu.%0D%0A%0D%0ACeux%20qui%20les%20utilisent%20sont%20convaincus%2C%20mais%20l%27optimisation%20de%20sites%20web%20semble%20toujours%20un%20truc%20inutile%2C%20comme%20l%27accessibilit%C3%A9%20ou%20l%27ergonomie...%0D%0AC%27est%20%C3%A0%20mon%20sens%20une%20h%C3%A9r%C3%A9sie%2C%20et%20les%20performances%2C%20comme%20l%27accessibilit%C3%A9%20ou%20l%27ergonomie%20devraient%20faire%20partie%20des%20premi%C3%A8res%20r%C3%A9flexion%20sur%20la%20plupart%20des%20projet%20web.%0D%0A%0D%0APour%20vous%20sensibiliser%20%C3%A0%20cette%20technique%20je%20vais%20donc%20vous%20pr%C3%A9senter%20quelques%20outils%20utiles%20%C3%A0%20sa%20mise%20en%20place.%0D%0A%0D%0A%0D%0APhoto%20de%20Jeff%20Kubina%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a></li><li
class="shr-googlereader"> <a
href="http://www.shareaholic.com/api/share/?title=Les+g%C3%A9n%C3%A9rateurs+de+sprites+CSS&amp;link=http://www.webaaz.com/2010/04/les-generateurs-de-sprites-css/&amp;notes=La%20technique%20des%20sprites%20CSS%20est%20d%C3%A9sormais%20%C3%A9prouv%C3%A9e%20et%20bien%20document%C3%A9e.%20Il%20existe%20de%20bons%20ressources%20pour%20les%20mettre%20en%20place%20simplement%20et%20pourtant%2C%20on%20en%20voit%20finalement%20assez%20peu.%0D%0A%0D%0ACeux%20qui%20les%20utilisent%20sont%20convaincus%2C%20mais%20l%27optimisation%20de%20sites%20web%20semble%20toujours%20un%20truc%20inutile%2C%20comme%20l%27accessibilit%C3%A9%20ou%20l%27ergonomie...%0D%0AC%27est%20%C3%A0%20mon%20sens%20une%20h%C3%A9r%C3%A9sie%2C%20et%20les%20performances%2C%20comme%20l%27accessibilit%C3%A9%20ou%20l%27ergonomie%20devraient%20faire%20partie%20des%20premi%C3%A8res%20r%C3%A9flexion%20sur%20la%20plupart%20des%20projet%20web.%0D%0A%0D%0APour%20vous%20sensibiliser%20%C3%A0%20cette%20technique%20je%20vais%20donc%20vous%20pr%C3%A9senter%20quelques%20outils%20utiles%20%C3%A0%20sa%20mise%20en%20place.%0D%0A%0D%0A%0D%0APhoto%20de%20Jeff%20Kubina%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=207&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a></li><li
class="shr-netvibes"> <a
href="http://www.shareaholic.com/api/share/?title=Les+g%C3%A9n%C3%A9rateurs+de+sprites+CSS&amp;link=http://www.webaaz.com/2010/04/les-generateurs-de-sprites-css/&amp;notes=La%20technique%20des%20sprites%20CSS%20est%20d%C3%A9sormais%20%C3%A9prouv%C3%A9e%20et%20bien%20document%C3%A9e.%20Il%20existe%20de%20bons%20ressources%20pour%20les%20mettre%20en%20place%20simplement%20et%20pourtant%2C%20on%20en%20voit%20finalement%20assez%20peu.%0D%0A%0D%0ACeux%20qui%20les%20utilisent%20sont%20convaincus%2C%20mais%20l%27optimisation%20de%20sites%20web%20semble%20toujours%20un%20truc%20inutile%2C%20comme%20l%27accessibilit%C3%A9%20ou%20l%27ergonomie...%0D%0AC%27est%20%C3%A0%20mon%20sens%20une%20h%C3%A9r%C3%A9sie%2C%20et%20les%20performances%2C%20comme%20l%27accessibilit%C3%A9%20ou%20l%27ergonomie%20devraient%20faire%20partie%20des%20premi%C3%A8res%20r%C3%A9flexion%20sur%20la%20plupart%20des%20projet%20web.%0D%0A%0D%0APour%20vous%20sensibiliser%20%C3%A0%20cette%20technique%20je%20vais%20donc%20vous%20pr%C3%A9senter%20quelques%20outils%20utiles%20%C3%A0%20sa%20mise%20en%20place.%0D%0A%0D%0A%0D%0APhoto%20de%20Jeff%20Kubina%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=195&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a></li></ul><div
style="clear: both;"></div></div> ]]></content:encoded> <wfw:commentRss>http://www.webaaz.com/2010/04/les-generateurs-de-sprites-css/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Maquettage avec Pencil Sketching</title><link>http://www.webaaz.com/2010/03/pencil-sketching/</link> <comments>http://www.webaaz.com/2010/03/pencil-sketching/#comments</comments> <pubDate>Tue, 23 Mar 2010 12:12:19 +0000</pubDate> <dc:creator>Martin</dc:creator> <category><![CDATA[Analyse]]></category> <category><![CDATA[Développement]]></category> <category><![CDATA[Libre]]></category> <category><![CDATA[Plugins]]></category> <category><![CDATA[Web]]></category> <category><![CDATA[Diagramme]]></category> <category><![CDATA[Firefox]]></category> <category><![CDATA[Maquettage]]></category> <category><![CDATA[Pencils]]></category> <category><![CDATA[Plugin]]></category> <category><![CDATA[Sketching]]></category> <guid
isPermaLink="false">http://www.webaaz.com/?p=563</guid> <description><![CDATA[Pencil Sketching est une application que j'ai découverte très récemment, et pour tout dire, je n'ai pas encore eu le temps de la tester en conditions réelles. Mais cela ne saurait tarder puisqu'elle semble répondre parfaitement à un besoin que je n'arrivais pas à combler.
Pour tout projet web un minimum de <strong>maquettage</strong> est indispensable pour certains écrans, il existe de plus en plus de webwares qui fournissent ce services, mais j'ai été déçu par les prix, le manque de rapidité ou les fonctionnalités limitées.
Sur le papier <strong>Pencil Sketching</strong> semble être une bonne solution. Voyons cela en détail. <img
src="/images/2010/03/crayons-noyes.jpg" alt="Crayons sous l'eau" width="570" height="250" /> <a
title="Photo de exquisitur depuis Flickr" href="http://www.flickr.com/photos/27307716@N07/3676321185">Photo de exquisitur depuis Flickr</a>]]></description> <content:encoded><![CDATA[<p>Pencil Sketching est une application que j&#8217;ai découverte très récemment, et pour tout dire, je n&#8217;ai pas encore eu le temps de la tester en conditions réelles. Mais cela ne saurait tarder puisqu&#8217;elle semble répondre parfaitement à un besoin que je n&#8217;arrivais pas à combler.<br
/> Pour tout projet web un minimum de <strong>maquettage</strong> est indispensable pour certains écrans, il existe de plus en plus de webwares qui fournissent ce services, mais j&#8217;ai été déçu par les prix, le manque de rapidité ou les fonctionnalités limitées.<br
/> Sur le papier <strong>Pencil Sketching</strong> semble être une bonne solution. Voyons cela en détail.</p><p><img
src="/images/2010/03/crayons-noyes.jpg" alt="Crayons sous l'eau" width="570" height="250" /><br
/> <a
title="Photo de exquisitur depuis Flickr" href="http://www.flickr.com/photos/27307716@N07/3676321185">Photo de exquisitur depuis Flickr</a></p><h2>Présentation</h2><p>Mon besoin se limite au maquettage web, et Pencil Sketching à une belle bibliothèque de composants web. On peut également y importer d&#8217;autres collections d&#8217;objet ou de cliparts pour faire des <strong>diagrammes</strong>.<br
/> L&#8217;installation est simplifiée au maximum, et la prise en main immédiate. Quelques essais rapides m&#8217;ont convaincu.</p><h2>Points forts</h2><p>Une application comme je les aime, utilisable sur n&#8217;importe quelle machine, avec une prise en mais rapide&#8230;</p><ul><li>Licence <a
title="" href="http://fr.wikipedia.org/wiki/Licence_publique_g%C3%A9n%C3%A9rale_GNU">GPL version 2</a></li><li><strong>Gratuit</strong></li><li><strong>Mutli plateforme</strong> (Windows, MacOS, Linux)</li><li>Environnement graphique intuitif</li><li><strong>Bibliothèques graphiques variées</strong> (mobile, icônes&#8230;)</li></ul><h2>Fonctionnalités</h2><ul><li>Outils pour créer des <strong>diagrammes</strong> et faire du <strong>prototypage</strong></li><li>Documents multi-page avec liens entre les pages</li><li>Edition de texte riche</li><li>Installing user-defined stencils and templates</li><li>Opérations standards : superpositions, alignements, rotations,&#8230;</li><li>Collections d&#8217;objets extensibles</li><li>Exports au format HTML, PNG, Openoffice, Word et PDF.</li></ul><h2>Documentation</h2><p>Une documentation basée notamment sur des <a
title="Voir la définition de screencast sur Wikipédia" href="http://fr.wikipedia.org/wiki/Screencast">screencasts</a> permet de rapidement prendre en main une application naturellement intuitive.</p><ul><li><a
title="Voir le screencast sur Pencil Sketcher" href="http://www.evolus.vn/pencil/UserGuide.html">Tutoriel vidéo sur Pencil Sketcher</a></li></ul><h2>Bibliothèques graphiques (pencils)</h2><p>Une dizaine de bibliothèques permettent d&#8217;étendre les possibilités graphiques du produit, et d&#8217;autre devraient venir compléter la gamme.</p><ul><li><a
title="Voir les bibliothèques pour Pencil Sketching" href="http://www.evolus.vn/pencil/Downloads-Stencils.html">Bibliothèques pour Pencil Sketching</a></li></ul><h2>Plugin pour Firefox</h2><p>Ce logiciel est distribué de plusieurs manières. Soit en application <a
title="Voir la définition de stand-alone sur Wikipédia" href="http://fr.wikipedia.org/wiki/Standalone">stand-alone</a> telle que je vous l&#8217;ai présentée, soit en plugin de Firefox. Elle est dans ce cas disponible sur le site d&#8217;extension du navigateur :</p><ul><li><a
title="Voir le plugin Pencil Sketching pour Firefox" href="https://addons.mozilla.org/fr/firefox/addon/8487">Le plugin Pencil Sketching pour Firefox</a></li></ul><h2>Site officiel du projet</h2><ul><li><a
title="Voir le site officiel du projet" href="http://www.evolus.vn/pencil/" class="broken_link">Site officiel du projet</a></li><li><a
title="Voir le site du projet sur Google Code" href="http://code.google.com/p/evoluspencil/">Le projet sur Google Code</a></li></ul><h2>Conclusion</h2><p>Un outil prometteur à tester ! Je vous en dit plus dès que j&#8217;aurai pris le temps de tester&#8230;<br
/><h2>Sur le même thème</h2><ul
class="similar-posts"><li><a
href="http://www.webaaz.com/2010/02/les-plugins-firefox-xrefresh/" rel="bookmark" title="18 février 2010">Les plugins Firefox : XRefresh</a></li><li><a
href="http://www.webaaz.com/2009/09/bien-utiliser-javascript/" rel="bookmark" title="23 septembre 2009">Bien utiliser Javascript</a></li><li><a
href="http://www.webaaz.com/2009/06/les-bons-outils-pour-php-partie-2/" rel="bookmark" title="6 juin 2009">Les bons outils pour PHP (partie 2)</a></li><li><a
href="http://www.webaaz.com/2011/11/utiliser-chrome-et-violer-la-neutralite/" rel="bookmark" title="2 novembre 2011">Utiliser Chrome et violer la neutralité ?</a></li><li><a
href="http://www.webaaz.com/2010/08/recette-et-environnements-de-test/" rel="bookmark" title="9 août 2010">Recette &#038; environnements de test</a></li></ul><p></p><div
class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy"><ul
class="socials"><li
class="shr-twitter"> <a
href="http://www.shareaholic.com/api/share/?title=Maquettage+avec+Pencil+Sketching&amp;link=http://www.webaaz.com/2010/03/pencil-sketching/&amp;notes=Pencil%20Sketching%20est%20une%20application%20que%20j%27ai%20d%C3%A9couverte%20tr%C3%A8s%20r%C3%A9cemment%2C%20et%20pour%20tout%20dire%2C%20je%20n%27ai%20pas%20encore%20eu%20le%20temps%20de%20la%20tester%20en%20conditions%20r%C3%A9elles.%20Mais%20cela%20ne%20saurait%20tarder%20puisqu%27elle%20semble%20r%C3%A9pondre%20parfaitement%20%C3%A0%20un%20besoin%20que%20je%20n%27arrivais%20pas%20%C3%A0%20combler.%0D%0APour%20tout%20projet%20web%20un%20minimum%20de%20maquettage%20est%20indispensable%20pour%20certains%20%C3%A9crans%2C%20il%20existe%20de%20plus%20en%20plus%20de%20webwares%20qui%20fournissent%20ce%20services%2C%20mais%20j%27ai%20%C3%A9t%C3%A9%20d%C3%A9%C3%A7u%20par%20les%20prix%2C%20le%20manque%20de%20rapidit%C3%A9%20ou%20les%20fonctionnalit%C3%A9s%20limit%C3%A9es.%0D%0ASur%20le%20papier%20Pencil%20Sketching%20semble%20%C3%AAtre%20une%20bonne%20solution.%20Voyons%20cela%20en%20d%C3%A9tail.%0D%0A%0D%0A%0D%0APhoto%20de%20exquisitur%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li
class="shr-identica"> <a
href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=Pencil%20Sketching%20est%20une%20application%20que%20j%27ai%20d%C3%A9couverte%20tr%C3%A8s%20r%C3%A9cemment%2C%20et%20pour%20tout%20dire%2C%20je%20n%27ai%20pas%20encore%20eu%20le%20temps%20de%20la%20tester%20en%20conditions%20r%C3%A9elles.%20Mais%20cela%20ne%20saurait%20tarder%20puisqu%27elle%20semble%20r%C3%A9pondre%20parfaitement%20%C3%A0%20un%20besoin%20que%20je%20n%27arrivais%20pas%20%C3%A0%20combler.%0D%0APour%20tout%20projet%20web%20un%20minimum%20de%20maquettage%20est%20indispensable%20pour%20certains%20%C3%A9crans%2C%20il%20existe%20de%20plus%20en%20plus%20de%20webwares%20qui%20fournissent%20ce%20services%2C%20mais%20j%27ai%20%C3%A9t%C3%A9%20d%C3%A9%C3%A7u%20par%20les%20prix%2C%20le%20manque%20de%20rapidit%C3%A9%20ou%20les%20fonctionnalit%C3%A9s%20limit%C3%A9es.%0D%0ASur%20le%20papier%20Pencil%20Sketching%20semble%20%C3%AAtre%20une%20bonne%20solution.%20Voyons%20cela%20en%20d%C3%A9tail.%0D%0A%0D%0A%0D%0APhoto%20de%20exquisitur%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a></li><li
class="shr-mail"> <a
href="http://www.shareaholic.com/api/share/?title=Maquettage%20avec%20Pencil%20Sketching&amp;link=http://www.webaaz.com/2010/03/pencil-sketching/&amp;notes=Pencil%20Sketching%20est%20une%20application%20que%20j%27ai%20d%C3%A9couverte%20tr%C3%A8s%20r%C3%A9cemment%2C%20et%20pour%20tout%20dire%2C%20je%20n%27ai%20pas%20encore%20eu%20le%20temps%20de%20la%20tester%20en%20conditions%20r%C3%A9elles.%20Mais%20cela%20ne%20saurait%20tarder%20puisqu%27elle%20semble%20r%C3%A9pondre%20parfaitement%20%C3%A0%20un%20besoin%20que%20je%20n%27arrivais%20pas%20%C3%A0%20combler.%0D%0APour%20tout%20projet%20web%20un%20minimum%20de%20maquettage%20est%20indispensable%20pour%20certains%20%C3%A9crans%2C%20il%20existe%20de%20plus%20en%20plus%20de%20webwares%20qui%20fournissent%20ce%20services%2C%20mais%20j%27ai%20%C3%A9t%C3%A9%20d%C3%A9%C3%A7u%20par%20les%20prix%2C%20le%20manque%20de%20rapidit%C3%A9%20ou%20les%20fonctionnalit%C3%A9s%20limit%C3%A9es.%0D%0ASur%20le%20papier%20Pencil%20Sketching%20semble%20%C3%AAtre%20une%20bonne%20solution.%20Voyons%20cela%20en%20d%C3%A9tail.%0D%0A%0D%0A%0D%0APhoto%20de%20exquisitur%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li
class="shr-gmail"> <a
href="http://www.shareaholic.com/api/share/?title=Maquettage+avec+Pencil+Sketching&amp;link=http://www.webaaz.com/2010/03/pencil-sketching/&amp;notes=Pencil%20Sketching%20est%20une%20application%20que%20j%27ai%20d%C3%A9couverte%20tr%C3%A8s%20r%C3%A9cemment%2C%20et%20pour%20tout%20dire%2C%20je%20n%27ai%20pas%20encore%20eu%20le%20temps%20de%20la%20tester%20en%20conditions%20r%C3%A9elles.%20Mais%20cela%20ne%20saurait%20tarder%20puisqu%27elle%20semble%20r%C3%A9pondre%20parfaitement%20%C3%A0%20un%20besoin%20que%20je%20n%27arrivais%20pas%20%C3%A0%20combler.%0D%0APour%20tout%20projet%20web%20un%20minimum%20de%20maquettage%20est%20indispensable%20pour%20certains%20%C3%A9crans%2C%20il%20existe%20de%20plus%20en%20plus%20de%20webwares%20qui%20fournissent%20ce%20services%2C%20mais%20j%27ai%20%C3%A9t%C3%A9%20d%C3%A9%C3%A7u%20par%20les%20prix%2C%20le%20manque%20de%20rapidit%C3%A9%20ou%20les%20fonctionnalit%C3%A9s%20limit%C3%A9es.%0D%0ASur%20le%20papier%20Pencil%20Sketching%20semble%20%C3%AAtre%20une%20bonne%20solution.%20Voyons%20cela%20en%20d%C3%A9tail.%0D%0A%0D%0A%0D%0APhoto%20de%20exquisitur%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a></li><li
class="shr-viadeo"> <a
href="http://www.shareaholic.com/api/share/?title=Maquettage+avec+Pencil+Sketching&amp;link=http://www.webaaz.com/2010/03/pencil-sketching/&amp;notes=Pencil%20Sketching%20est%20une%20application%20que%20j%27ai%20d%C3%A9couverte%20tr%C3%A8s%20r%C3%A9cemment%2C%20et%20pour%20tout%20dire%2C%20je%20n%27ai%20pas%20encore%20eu%20le%20temps%20de%20la%20tester%20en%20conditions%20r%C3%A9elles.%20Mais%20cela%20ne%20saurait%20tarder%20puisqu%27elle%20semble%20r%C3%A9pondre%20parfaitement%20%C3%A0%20un%20besoin%20que%20je%20n%27arrivais%20pas%20%C3%A0%20combler.%0D%0APour%20tout%20projet%20web%20un%20minimum%20de%20maquettage%20est%20indispensable%20pour%20certains%20%C3%A9crans%2C%20il%20existe%20de%20plus%20en%20plus%20de%20webwares%20qui%20fournissent%20ce%20services%2C%20mais%20j%27ai%20%C3%A9t%C3%A9%20d%C3%A9%C3%A7u%20par%20les%20prix%2C%20le%20manque%20de%20rapidit%C3%A9%20ou%20les%20fonctionnalit%C3%A9s%20limit%C3%A9es.%0D%0ASur%20le%20papier%20Pencil%20Sketching%20semble%20%C3%AAtre%20une%20bonne%20solution.%20Voyons%20cela%20en%20d%C3%A9tail.%0D%0A%0D%0A%0D%0APhoto%20de%20exquisitur%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a></li><li
class="shr-googlereader"> <a
href="http://www.shareaholic.com/api/share/?title=Maquettage+avec+Pencil+Sketching&amp;link=http://www.webaaz.com/2010/03/pencil-sketching/&amp;notes=Pencil%20Sketching%20est%20une%20application%20que%20j%27ai%20d%C3%A9couverte%20tr%C3%A8s%20r%C3%A9cemment%2C%20et%20pour%20tout%20dire%2C%20je%20n%27ai%20pas%20encore%20eu%20le%20temps%20de%20la%20tester%20en%20conditions%20r%C3%A9elles.%20Mais%20cela%20ne%20saurait%20tarder%20puisqu%27elle%20semble%20r%C3%A9pondre%20parfaitement%20%C3%A0%20un%20besoin%20que%20je%20n%27arrivais%20pas%20%C3%A0%20combler.%0D%0APour%20tout%20projet%20web%20un%20minimum%20de%20maquettage%20est%20indispensable%20pour%20certains%20%C3%A9crans%2C%20il%20existe%20de%20plus%20en%20plus%20de%20webwares%20qui%20fournissent%20ce%20services%2C%20mais%20j%27ai%20%C3%A9t%C3%A9%20d%C3%A9%C3%A7u%20par%20les%20prix%2C%20le%20manque%20de%20rapidit%C3%A9%20ou%20les%20fonctionnalit%C3%A9s%20limit%C3%A9es.%0D%0ASur%20le%20papier%20Pencil%20Sketching%20semble%20%C3%AAtre%20une%20bonne%20solution.%20Voyons%20cela%20en%20d%C3%A9tail.%0D%0A%0D%0A%0D%0APhoto%20de%20exquisitur%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=207&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a></li><li
class="shr-netvibes"> <a
href="http://www.shareaholic.com/api/share/?title=Maquettage+avec+Pencil+Sketching&amp;link=http://www.webaaz.com/2010/03/pencil-sketching/&amp;notes=Pencil%20Sketching%20est%20une%20application%20que%20j%27ai%20d%C3%A9couverte%20tr%C3%A8s%20r%C3%A9cemment%2C%20et%20pour%20tout%20dire%2C%20je%20n%27ai%20pas%20encore%20eu%20le%20temps%20de%20la%20tester%20en%20conditions%20r%C3%A9elles.%20Mais%20cela%20ne%20saurait%20tarder%20puisqu%27elle%20semble%20r%C3%A9pondre%20parfaitement%20%C3%A0%20un%20besoin%20que%20je%20n%27arrivais%20pas%20%C3%A0%20combler.%0D%0APour%20tout%20projet%20web%20un%20minimum%20de%20maquettage%20est%20indispensable%20pour%20certains%20%C3%A9crans%2C%20il%20existe%20de%20plus%20en%20plus%20de%20webwares%20qui%20fournissent%20ce%20services%2C%20mais%20j%27ai%20%C3%A9t%C3%A9%20d%C3%A9%C3%A7u%20par%20les%20prix%2C%20le%20manque%20de%20rapidit%C3%A9%20ou%20les%20fonctionnalit%C3%A9s%20limit%C3%A9es.%0D%0ASur%20le%20papier%20Pencil%20Sketching%20semble%20%C3%AAtre%20une%20bonne%20solution.%20Voyons%20cela%20en%20d%C3%A9tail.%0D%0A%0D%0A%0D%0APhoto%20de%20exquisitur%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=195&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a></li></ul><div
style="clear: both;"></div></div> ]]></content:encoded> <wfw:commentRss>http://www.webaaz.com/2010/03/pencil-sketching/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Les plugins Firefox : XRefresh</title><link>http://www.webaaz.com/2010/02/les-plugins-firefox-xrefresh/</link> <comments>http://www.webaaz.com/2010/02/les-plugins-firefox-xrefresh/#comments</comments> <pubDate>Thu, 18 Feb 2010 16:28:09 +0000</pubDate> <dc:creator>Martin</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[Design]]></category> <category><![CDATA[Libre]]></category> <category><![CDATA[Outils]]></category> <category><![CDATA[Plugins]]></category> <category><![CDATA[Web]]></category> <category><![CDATA[Code]]></category> <category><![CDATA[Développement web]]></category> <category><![CDATA[Feuille de style]]></category> <category><![CDATA[Firebug]]></category> <category><![CDATA[Firefox]]></category> <category><![CDATA[Intégration]]></category> <category><![CDATA[XRefresh]]></category> <guid
isPermaLink="false">http://www.webaaz.com/?p=523</guid> <description><![CDATA[Firefox est la référence incontesté pour les développeurs web. Son rendu est excellent, mais c'est surtout pour la multitude d'outils qu'il propose qu'il fait la différence. Je vous avais déjà présenté <a
title="Lire l'article sur l'extension Firefox : Firebug" href="http://www.webaaz.com/2009/09/les-plugins-firefox-firebug/">Firebug</a>, je vais maintenant vous présenter une extension de ce plugin. En effet, Firebug est très complet techniquement mais extensible. Ainsi ses fonctionnalités sont exploitées par d'autres plugins pour répondre à tout type de fonctionnalité. <img
src="/images/2010/03/glacons-bleus.jpg" alt="Glaçons bleus" width="570" height="250" /> <a
title="Photo de Darrren Hester depuis Flickr" href="http://www.flickr.com/photos/42179515@N06/3903638350">Photo de Darrren Hester depuis Flickr</a>]]></description> <content:encoded><![CDATA[<p>Firefox est la référence incontesté pour les développeurs web. Son rendu est excellent, mais c&#8217;est surtout pour la multitude d&#8217;outils qu&#8217;il propose qu&#8217;il fait la différence. Je vous avais déjà présenté <a
title="Lire l'article sur l'extension Firefox : Firebug" href="http://www.webaaz.com/2009/09/les-plugins-firefox-firebug/">Firebug</a>, je vais maintenant vous présenter une extension de ce plugin. En effet, Firebug est très complet techniquement mais extensible. Ainsi ses fonctionnalités sont exploitées par d&#8217;autres plugins pour répondre à tout type de fonctionnalité.</p><p><img
src="/images/2010/03/glacons-bleus.jpg" alt="Glaçons bleus" width="570" height="250" /><br
/> <a
title="Photo de Darrren Hester depuis Flickr" href="http://www.flickr.com/photos/42179515@N06/3903638350" class="broken_link">Photo de Darrren Hester depuis Flickr</a></p><h2>Installation</h2><p>Cette extension est disponible sur le site d&#8217;extensions de Firefox et sur le site de l&#8217;éditeur :</p><ul><li><a
title="Voir l'extension Firebug pour Firefox" href="https://addons.mozilla.org/fr/firefox/addon/1843">Installer Firebug pour Firefox</a></li><li><a
title="" href="http://xrefresh.binaryage.com">Voir le site de l&#8217;éditeur</a></li></ul><p>Il n&#8217;existe qu&#8217;une version pour Windows et OSX pour le moment mais une version Linux devrait suivre.</p><h2>Présentation</h2><p>XRefresh est un plugin développé pour les intégrateurs. Pour tester des mises en pages et des modifications de feuilles de styles, on relance sans cesse son navigateur pour rafraichir notre page. Xrefresh peut le faire pour vous !</p><p>Ce plugin nécessite l&#8217;installation d&#8217;un logiciel pour Windows, nommé Windows monitor. Celui-ci scanne les répertoires de sources que vous lui indiquer à la recherche de modifications sur les fichiers. Dès qu&#8217;il en détecte une il passe le relais au plugin qui se charge de modifier la page en conséquence !</p><p>Il faut noter que ce plugin peut également gérer des ajout en Javascript, mais ne peut pas supprimer des fonctions déjà chargées en mémoire.</p><h2>Conclusion</h2><p>Même si c&#8217;est idéal avec deux écrans, avec un seul grand, il y a déjà moyen de bien en profiter. Au final c&#8217;est plus simple que d&#8217;éditer les propriétés CSS directement dans Firebug.</p><h2>Sur le même thème</h2><ul
class="similar-posts"><li><a
href="http://www.webaaz.com/2009/09/les-plugins-firefox-firebug/" rel="bookmark" title="3 septembre 2009">Les plugins Firefox : Firebug</a></li><li><a
href="http://www.webaaz.com/2009/11/outils-edition-de-fichiers-avec-notepad/" rel="bookmark" title="24 novembre 2009">Outils : Edition de fichiers avec Notepad++</a></li><li><a
href="http://www.webaaz.com/2009/10/outils-xml-cooktop/" rel="bookmark" title="15 octobre 2009">Outils XML : Cooktop</a></li><li><a
href="http://www.webaaz.com/2009/12/les-plugins-firefox-colorzilla/" rel="bookmark" title="22 décembre 2009">Les plugins Firefox : Colorzilla</a></li><li><a
href="http://www.webaaz.com/2009/09/comparaison-et-fusion-de-fichiers-et-de-dossiers/" rel="bookmark" title="28 septembre 2009">Comparaison et fusion de fichiers et de dossiers</a></li></ul><p></p><div
class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy"><ul
class="socials"><li
class="shr-twitter"> <a
href="http://www.shareaholic.com/api/share/?title=Les+plugins+Firefox+%3A+XRefresh&amp;link=http://www.webaaz.com/2010/02/les-plugins-firefox-xrefresh/&amp;notes=Firefox%20est%20la%20r%C3%A9f%C3%A9rence%20incontest%C3%A9%20pour%20les%20d%C3%A9veloppeurs%20web.%20Son%20rendu%20est%20excellent%2C%20mais%20c%27est%20surtout%20pour%20la%20multitude%20d%27outils%20qu%27il%20propose%20qu%27il%20fait%20la%20diff%C3%A9rence.%20Je%20vous%20avais%20d%C3%A9j%C3%A0%20pr%C3%A9sent%C3%A9%20Firebug%2C%20je%20vais%20maintenant%20vous%20pr%C3%A9senter%20une%20extension%20de%20ce%20plugin.%20En%20effet%2C%20Firebug%20est%20tr%C3%A8s%20complet%20techniquement%20mais%20extensible.%20Ainsi%20ses%20fonctionnalit%C3%A9s%20sont%20exploit%C3%A9es%20par%20d%27autres%20plugins%20pour%20r%C3%A9pondre%20%C3%A0%20tout%20type%20de%20fonctionnalit%C3%A9.%0D%0A%0D%0A%0D%0APhoto%20de%20Darrren%20Hester%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li
class="shr-identica"> <a
href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=Firefox%20est%20la%20r%C3%A9f%C3%A9rence%20incontest%C3%A9%20pour%20les%20d%C3%A9veloppeurs%20web.%20Son%20rendu%20est%20excellent%2C%20mais%20c%27est%20surtout%20pour%20la%20multitude%20d%27outils%20qu%27il%20propose%20qu%27il%20fait%20la%20diff%C3%A9rence.%20Je%20vous%20avais%20d%C3%A9j%C3%A0%20pr%C3%A9sent%C3%A9%20Firebug%2C%20je%20vais%20maintenant%20vous%20pr%C3%A9senter%20une%20extension%20de%20ce%20plugin.%20En%20effet%2C%20Firebug%20est%20tr%C3%A8s%20complet%20techniquement%20mais%20extensible.%20Ainsi%20ses%20fonctionnalit%C3%A9s%20sont%20exploit%C3%A9es%20par%20d%27autres%20plugins%20pour%20r%C3%A9pondre%20%C3%A0%20tout%20type%20de%20fonctionnalit%C3%A9.%0D%0A%0D%0A%0D%0APhoto%20de%20Darrren%20Hester%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a></li><li
class="shr-mail"> <a
href="http://www.shareaholic.com/api/share/?title=Les%20plugins%20Firefox%20%3A%20XRefresh&amp;link=http://www.webaaz.com/2010/02/les-plugins-firefox-xrefresh/&amp;notes=Firefox%20est%20la%20r%C3%A9f%C3%A9rence%20incontest%C3%A9%20pour%20les%20d%C3%A9veloppeurs%20web.%20Son%20rendu%20est%20excellent%2C%20mais%20c%27est%20surtout%20pour%20la%20multitude%20d%27outils%20qu%27il%20propose%20qu%27il%20fait%20la%20diff%C3%A9rence.%20Je%20vous%20avais%20d%C3%A9j%C3%A0%20pr%C3%A9sent%C3%A9%20Firebug%2C%20je%20vais%20maintenant%20vous%20pr%C3%A9senter%20une%20extension%20de%20ce%20plugin.%20En%20effet%2C%20Firebug%20est%20tr%C3%A8s%20complet%20techniquement%20mais%20extensible.%20Ainsi%20ses%20fonctionnalit%C3%A9s%20sont%20exploit%C3%A9es%20par%20d%27autres%20plugins%20pour%20r%C3%A9pondre%20%C3%A0%20tout%20type%20de%20fonctionnalit%C3%A9.%0D%0A%0D%0A%0D%0APhoto%20de%20Darrren%20Hester%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li
class="shr-gmail"> <a
href="http://www.shareaholic.com/api/share/?title=Les+plugins+Firefox+%3A+XRefresh&amp;link=http://www.webaaz.com/2010/02/les-plugins-firefox-xrefresh/&amp;notes=Firefox%20est%20la%20r%C3%A9f%C3%A9rence%20incontest%C3%A9%20pour%20les%20d%C3%A9veloppeurs%20web.%20Son%20rendu%20est%20excellent%2C%20mais%20c%27est%20surtout%20pour%20la%20multitude%20d%27outils%20qu%27il%20propose%20qu%27il%20fait%20la%20diff%C3%A9rence.%20Je%20vous%20avais%20d%C3%A9j%C3%A0%20pr%C3%A9sent%C3%A9%20Firebug%2C%20je%20vais%20maintenant%20vous%20pr%C3%A9senter%20une%20extension%20de%20ce%20plugin.%20En%20effet%2C%20Firebug%20est%20tr%C3%A8s%20complet%20techniquement%20mais%20extensible.%20Ainsi%20ses%20fonctionnalit%C3%A9s%20sont%20exploit%C3%A9es%20par%20d%27autres%20plugins%20pour%20r%C3%A9pondre%20%C3%A0%20tout%20type%20de%20fonctionnalit%C3%A9.%0D%0A%0D%0A%0D%0APhoto%20de%20Darrren%20Hester%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a></li><li
class="shr-viadeo"> <a
href="http://www.shareaholic.com/api/share/?title=Les+plugins+Firefox+%3A+XRefresh&amp;link=http://www.webaaz.com/2010/02/les-plugins-firefox-xrefresh/&amp;notes=Firefox%20est%20la%20r%C3%A9f%C3%A9rence%20incontest%C3%A9%20pour%20les%20d%C3%A9veloppeurs%20web.%20Son%20rendu%20est%20excellent%2C%20mais%20c%27est%20surtout%20pour%20la%20multitude%20d%27outils%20qu%27il%20propose%20qu%27il%20fait%20la%20diff%C3%A9rence.%20Je%20vous%20avais%20d%C3%A9j%C3%A0%20pr%C3%A9sent%C3%A9%20Firebug%2C%20je%20vais%20maintenant%20vous%20pr%C3%A9senter%20une%20extension%20de%20ce%20plugin.%20En%20effet%2C%20Firebug%20est%20tr%C3%A8s%20complet%20techniquement%20mais%20extensible.%20Ainsi%20ses%20fonctionnalit%C3%A9s%20sont%20exploit%C3%A9es%20par%20d%27autres%20plugins%20pour%20r%C3%A9pondre%20%C3%A0%20tout%20type%20de%20fonctionnalit%C3%A9.%0D%0A%0D%0A%0D%0APhoto%20de%20Darrren%20Hester%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a></li><li
class="shr-googlereader"> <a
href="http://www.shareaholic.com/api/share/?title=Les+plugins+Firefox+%3A+XRefresh&amp;link=http://www.webaaz.com/2010/02/les-plugins-firefox-xrefresh/&amp;notes=Firefox%20est%20la%20r%C3%A9f%C3%A9rence%20incontest%C3%A9%20pour%20les%20d%C3%A9veloppeurs%20web.%20Son%20rendu%20est%20excellent%2C%20mais%20c%27est%20surtout%20pour%20la%20multitude%20d%27outils%20qu%27il%20propose%20qu%27il%20fait%20la%20diff%C3%A9rence.%20Je%20vous%20avais%20d%C3%A9j%C3%A0%20pr%C3%A9sent%C3%A9%20Firebug%2C%20je%20vais%20maintenant%20vous%20pr%C3%A9senter%20une%20extension%20de%20ce%20plugin.%20En%20effet%2C%20Firebug%20est%20tr%C3%A8s%20complet%20techniquement%20mais%20extensible.%20Ainsi%20ses%20fonctionnalit%C3%A9s%20sont%20exploit%C3%A9es%20par%20d%27autres%20plugins%20pour%20r%C3%A9pondre%20%C3%A0%20tout%20type%20de%20fonctionnalit%C3%A9.%0D%0A%0D%0A%0D%0APhoto%20de%20Darrren%20Hester%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=207&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a></li><li
class="shr-netvibes"> <a
href="http://www.shareaholic.com/api/share/?title=Les+plugins+Firefox+%3A+XRefresh&amp;link=http://www.webaaz.com/2010/02/les-plugins-firefox-xrefresh/&amp;notes=Firefox%20est%20la%20r%C3%A9f%C3%A9rence%20incontest%C3%A9%20pour%20les%20d%C3%A9veloppeurs%20web.%20Son%20rendu%20est%20excellent%2C%20mais%20c%27est%20surtout%20pour%20la%20multitude%20d%27outils%20qu%27il%20propose%20qu%27il%20fait%20la%20diff%C3%A9rence.%20Je%20vous%20avais%20d%C3%A9j%C3%A0%20pr%C3%A9sent%C3%A9%20Firebug%2C%20je%20vais%20maintenant%20vous%20pr%C3%A9senter%20une%20extension%20de%20ce%20plugin.%20En%20effet%2C%20Firebug%20est%20tr%C3%A8s%20complet%20techniquement%20mais%20extensible.%20Ainsi%20ses%20fonctionnalit%C3%A9s%20sont%20exploit%C3%A9es%20par%20d%27autres%20plugins%20pour%20r%C3%A9pondre%20%C3%A0%20tout%20type%20de%20fonctionnalit%C3%A9.%0D%0A%0D%0A%0D%0APhoto%20de%20Darrren%20Hester%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=195&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a></li></ul><div
style="clear: both;"></div></div> ]]></content:encoded> <wfw:commentRss>http://www.webaaz.com/2010/02/les-plugins-firefox-xrefresh/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Les plugins Firefox : Colorzilla</title><link>http://www.webaaz.com/2009/12/les-plugins-firefox-colorzilla/</link> <comments>http://www.webaaz.com/2009/12/les-plugins-firefox-colorzilla/#comments</comments> <pubDate>Tue, 22 Dec 2009 11:30:19 +0000</pubDate> <dc:creator>Martin</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[Design]]></category> <category><![CDATA[Développement]]></category> <category><![CDATA[Libre]]></category> <category><![CDATA[Outils]]></category> <category><![CDATA[Plugins]]></category> <category><![CDATA[Web]]></category> <category><![CDATA[Code source]]></category> <category><![CDATA[Couleur]]></category> <category><![CDATA[Développement web]]></category> <category><![CDATA[Firefox]]></category> <category><![CDATA[Navigateurs]]></category> <category><![CDATA[Open source]]></category> <category><![CDATA[Wysiwyg]]></category> <guid
isPermaLink="false">http://www.webaaz.com/?p=427</guid> <description><![CDATA[Dans tout projet web, la gestion des couleurs est une composante essentielle du graphisme. Des premières maquettes jusqu'à l'intégration, nous avons besoin d'outils pour travailler les couleurs, échanger avec les graphistes, gérer nos <a
title="Lire l'article sur le navigateur Firefox" href="http://www.webaaz.com/2009/05/bien-utiliser-les-feuilles-de-style-css"><acronym
title="Cascading Style Sheet">CSS</acronym></a> pour au final avoir un rendu le plus agréable possible.
Voici donc aujourd'hui une extension pour <a
title="Lire l'article sur le navigateur Firefox" href="http://www.webaaz.com/2009/06/navigateur-web-standard-firefox">Firefox</a>, qui permet d'avoir tout un tas d'outils sous la main directement dans le navigateur : </a title="Voir le site officiel de Colorzilla" href="http://www.colorzilla.com/firefox/">Colorzilla</a>. <img
src="/images/2009/12/technicolor-sunset.jpg" alt="Coucher de soleil en technicolor" width="570" height="250" /> <a
title="Photo de Richard0 depuis Flickr" href="http://www.flickr.com/photos/25056079@N07/3704052782">Photo de Richard0 depuis Flickr</a>]]></description> <content:encoded><![CDATA[<p>Dans tout projet web, la gestion des couleurs est une composante essentielle du graphisme. Des premières maquettes jusqu&#8217;à l&#8217;intégration, nous avons besoin d&#8217;outils pour travailler les couleurs, échanger avec les graphistes, gérer nos <a
title="Lire l'article sur le navigateur Firefox" href="http://www.webaaz.com/2009/05/bien-utiliser-les-feuilles-de-style-css"><acronym
title="Cascading Style Sheet">CSS</acronym></a> pour au final avoir un rendu le plus agréable possible.</p><p>Voici donc aujourd&#8217;hui une extension pour <a
title="Lire l'article sur le navigateur Firefox" href="http://www.webaaz.com/2009/06/navigateur-web-standard-firefox">Firefox</a>, qui permet d&#8217;avoir tout un tas d&#8217;outils sous la main directement dans le navigateur : </a title="Voir le site officiel de Colorzilla" href="http://www.colorzilla.com/firefox/">Colorzilla</a>.</p><p><img
src="/images/2009/12/technicolor-sunset.jpg" alt="Coucher de soleil en technicolor" width="570" height="250" /><br
/> <a
title="Photo de Richard0 depuis Flickr" href="http://www.flickr.com/photos/25056079@N07/3704052782" class="broken_link">Photo de Richard0 depuis Flickr</a></p><h2>Installation</h2><p>Cette extension est disponible sur le site d&#8217;extensions de Firefox :</p><ul><li><a
title="Voir l'extension Colorzilla pour Firefox" href="https://addons.mozilla.org/fr/firefox/addon/271">Installer Colorzilla pour Firefox</a></li></ul><h2>Présentation</h2><p>Colorzilla est un outil qui permet de zoomer sur la page pour sélectionner une couleur et la copie automatiquement dans le presse papier, vous n&#8217;avez plus qu&#8217;à la coller dans votre code ! Il extrait les couleur d&#8217;une page en s&#8217;appuyant sur le<title="Voir la définition de DOM sur Wikipédia" href="http://fr.wikipedia.org/wiki/Document_Object_Model"><acronym
title="Document Object Model">DOM</acronym></a>. Vous pouvez même enregistrer des palettes de couleurs et les partager.</p><p>L&#8217;outil est léger et sait se faire oublier. Il est disponible en bas à gauche de votre navigateur ou via un clic droit.</p><h2>Fonctionnalités principales</h2><ul><li>Pipette pour sélectionner les couleurs de la page</li><li>Palette de couleur (simples à enregistrer et partager)</li><li>Analyseur des couleurs du DOM</li><li>Zoom</li><li>Copie automatique de la couleur dans le presse papier</li><li>Gestion de formats de couleurs multiples (Hexadécimal, <a
title="Voir la définition de RVB sur Wikipédia" href="http://fr.wikipedia.org/wiki/Rouge_vert_bleu"><acronym
title="Rouge Vert Bleu (RGB en anglais)">RVB</acronym></a>, <a
title="Voir la définition de TSV sur Wikipédia" href="http://fr.wikipedia.org/wiki/Teinte_Saturation_Valeur"><acronym
title="Teinte Saturation Valeur">TSV</acronym></a>&#8230;)</li></ul><p>Un outil vraiment bien pensé et donc indispensable pour gérer ses couleurs web au quotidien qui mérite ses 5 étoiles.</p><h2>Sur le même thème</h2><ul
class="similar-posts"><li><a
href="http://www.webaaz.com/2010/02/les-plugins-firefox-xrefresh/" rel="bookmark" title="18 février 2010">Les plugins Firefox : XRefresh</a></li><li><a
href="http://www.webaaz.com/2011/03/les-plugins-firefox-tiletabs/" rel="bookmark" title="28 mars 2011">Les plugins Firefox : TileTabs</a></li><li><a
href="http://www.webaaz.com/2009/07/les-plugins-firefox-foxyproxy/" rel="bookmark" title="15 juillet 2009">Les plugins Firefox : FoxyProxy</a></li><li><a
href="http://www.webaaz.com/2009/06/navigateur-web-standard-firefox/" rel="bookmark" title="20 juin 2009">Navigateur Web standard : Firefox</a></li><li><a
href="http://www.webaaz.com/2009/09/les-plugins-firefox-firebug/" rel="bookmark" title="3 septembre 2009">Les plugins Firefox : Firebug</a></li></ul><p></p><div
class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy"><ul
class="socials"><li
class="shr-twitter"> <a
href="http://www.shareaholic.com/api/share/?title=Les+plugins+Firefox+%3A+Colorzilla&amp;link=http://www.webaaz.com/2009/12/les-plugins-firefox-colorzilla/&amp;notes=Dans%20tout%20projet%20web%2C%20la%20gestion%20des%20couleurs%20est%20une%20composante%20essentielle%20du%20graphisme.%20Des%20premi%C3%A8res%20maquettes%20jusqu%27%C3%A0%20l%27int%C3%A9gration%2C%20nous%20avons%20besoin%20d%27outils%20pour%20travailler%20les%20couleurs%2C%20%C3%A9changer%20avec%20les%20graphistes%2C%20g%C3%A9rer%20nos%20CSS%20pour%20au%20final%20avoir%20un%20rendu%20le%20plus%20agr%C3%A9able%20possible.%0D%0A%0D%0AVoici%20donc%20aujourd%27hui%20une%20extension%20pour%20Firefox%2C%20qui%20permet%20d%27avoir%20tout%20un%20tas%20d%27outils%20sous%20la%20main%20directement%20dans%20le%20navigateur%20%3A%20Colorzilla.%0D%0A%0D%0A%0D%0APhoto%20de%20Richard0%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li
class="shr-identica"> <a
href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=Dans%20tout%20projet%20web%2C%20la%20gestion%20des%20couleurs%20est%20une%20composante%20essentielle%20du%20graphisme.%20Des%20premi%C3%A8res%20maquettes%20jusqu%27%C3%A0%20l%27int%C3%A9gration%2C%20nous%20avons%20besoin%20d%27outils%20pour%20travailler%20les%20couleurs%2C%20%C3%A9changer%20avec%20les%20graphistes%2C%20g%C3%A9rer%20nos%20CSS%20pour%20au%20final%20avoir%20un%20rendu%20le%20plus%20agr%C3%A9able%20possible.%0D%0A%0D%0AVoici%20donc%20aujourd%27hui%20une%20extension%20pour%20Firefox%2C%20qui%20permet%20d%27avoir%20tout%20un%20tas%20d%27outils%20sous%20la%20main%20directement%20dans%20le%20navigateur%20%3A%20Colorzilla.%0D%0A%0D%0A%0D%0APhoto%20de%20Richard0%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a></li><li
class="shr-mail"> <a
href="http://www.shareaholic.com/api/share/?title=Les%20plugins%20Firefox%20%3A%20Colorzilla&amp;link=http://www.webaaz.com/2009/12/les-plugins-firefox-colorzilla/&amp;notes=Dans%20tout%20projet%20web%2C%20la%20gestion%20des%20couleurs%20est%20une%20composante%20essentielle%20du%20graphisme.%20Des%20premi%C3%A8res%20maquettes%20jusqu%27%C3%A0%20l%27int%C3%A9gration%2C%20nous%20avons%20besoin%20d%27outils%20pour%20travailler%20les%20couleurs%2C%20%C3%A9changer%20avec%20les%20graphistes%2C%20g%C3%A9rer%20nos%20CSS%20pour%20au%20final%20avoir%20un%20rendu%20le%20plus%20agr%C3%A9able%20possible.%0D%0A%0D%0AVoici%20donc%20aujourd%27hui%20une%20extension%20pour%20Firefox%2C%20qui%20permet%20d%27avoir%20tout%20un%20tas%20d%27outils%20sous%20la%20main%20directement%20dans%20le%20navigateur%20%3A%20Colorzilla.%0D%0A%0D%0A%0D%0APhoto%20de%20Richard0%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li
class="shr-gmail"> <a
href="http://www.shareaholic.com/api/share/?title=Les+plugins+Firefox+%3A+Colorzilla&amp;link=http://www.webaaz.com/2009/12/les-plugins-firefox-colorzilla/&amp;notes=Dans%20tout%20projet%20web%2C%20la%20gestion%20des%20couleurs%20est%20une%20composante%20essentielle%20du%20graphisme.%20Des%20premi%C3%A8res%20maquettes%20jusqu%27%C3%A0%20l%27int%C3%A9gration%2C%20nous%20avons%20besoin%20d%27outils%20pour%20travailler%20les%20couleurs%2C%20%C3%A9changer%20avec%20les%20graphistes%2C%20g%C3%A9rer%20nos%20CSS%20pour%20au%20final%20avoir%20un%20rendu%20le%20plus%20agr%C3%A9able%20possible.%0D%0A%0D%0AVoici%20donc%20aujourd%27hui%20une%20extension%20pour%20Firefox%2C%20qui%20permet%20d%27avoir%20tout%20un%20tas%20d%27outils%20sous%20la%20main%20directement%20dans%20le%20navigateur%20%3A%20Colorzilla.%0D%0A%0D%0A%0D%0APhoto%20de%20Richard0%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a></li><li
class="shr-viadeo"> <a
href="http://www.shareaholic.com/api/share/?title=Les+plugins+Firefox+%3A+Colorzilla&amp;link=http://www.webaaz.com/2009/12/les-plugins-firefox-colorzilla/&amp;notes=Dans%20tout%20projet%20web%2C%20la%20gestion%20des%20couleurs%20est%20une%20composante%20essentielle%20du%20graphisme.%20Des%20premi%C3%A8res%20maquettes%20jusqu%27%C3%A0%20l%27int%C3%A9gration%2C%20nous%20avons%20besoin%20d%27outils%20pour%20travailler%20les%20couleurs%2C%20%C3%A9changer%20avec%20les%20graphistes%2C%20g%C3%A9rer%20nos%20CSS%20pour%20au%20final%20avoir%20un%20rendu%20le%20plus%20agr%C3%A9able%20possible.%0D%0A%0D%0AVoici%20donc%20aujourd%27hui%20une%20extension%20pour%20Firefox%2C%20qui%20permet%20d%27avoir%20tout%20un%20tas%20d%27outils%20sous%20la%20main%20directement%20dans%20le%20navigateur%20%3A%20Colorzilla.%0D%0A%0D%0A%0D%0APhoto%20de%20Richard0%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a></li><li
class="shr-googlereader"> <a
href="http://www.shareaholic.com/api/share/?title=Les+plugins+Firefox+%3A+Colorzilla&amp;link=http://www.webaaz.com/2009/12/les-plugins-firefox-colorzilla/&amp;notes=Dans%20tout%20projet%20web%2C%20la%20gestion%20des%20couleurs%20est%20une%20composante%20essentielle%20du%20graphisme.%20Des%20premi%C3%A8res%20maquettes%20jusqu%27%C3%A0%20l%27int%C3%A9gration%2C%20nous%20avons%20besoin%20d%27outils%20pour%20travailler%20les%20couleurs%2C%20%C3%A9changer%20avec%20les%20graphistes%2C%20g%C3%A9rer%20nos%20CSS%20pour%20au%20final%20avoir%20un%20rendu%20le%20plus%20agr%C3%A9able%20possible.%0D%0A%0D%0AVoici%20donc%20aujourd%27hui%20une%20extension%20pour%20Firefox%2C%20qui%20permet%20d%27avoir%20tout%20un%20tas%20d%27outils%20sous%20la%20main%20directement%20dans%20le%20navigateur%20%3A%20Colorzilla.%0D%0A%0D%0A%0D%0APhoto%20de%20Richard0%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=207&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a></li><li
class="shr-netvibes"> <a
href="http://www.shareaholic.com/api/share/?title=Les+plugins+Firefox+%3A+Colorzilla&amp;link=http://www.webaaz.com/2009/12/les-plugins-firefox-colorzilla/&amp;notes=Dans%20tout%20projet%20web%2C%20la%20gestion%20des%20couleurs%20est%20une%20composante%20essentielle%20du%20graphisme.%20Des%20premi%C3%A8res%20maquettes%20jusqu%27%C3%A0%20l%27int%C3%A9gration%2C%20nous%20avons%20besoin%20d%27outils%20pour%20travailler%20les%20couleurs%2C%20%C3%A9changer%20avec%20les%20graphistes%2C%20g%C3%A9rer%20nos%20CSS%20pour%20au%20final%20avoir%20un%20rendu%20le%20plus%20agr%C3%A9able%20possible.%0D%0A%0D%0AVoici%20donc%20aujourd%27hui%20une%20extension%20pour%20Firefox%2C%20qui%20permet%20d%27avoir%20tout%20un%20tas%20d%27outils%20sous%20la%20main%20directement%20dans%20le%20navigateur%20%3A%20Colorzilla.%0D%0A%0D%0A%0D%0APhoto%20de%20Richard0%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=195&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a></li></ul><div
style="clear: both;"></div></div> ]]></content:encoded> <wfw:commentRss>http://www.webaaz.com/2009/12/les-plugins-firefox-colorzilla/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Café propriétaire contre café libre</title><link>http://www.webaaz.com/2009/10/cafe-proprietaire-contre-cafe-libre/</link> <comments>http://www.webaaz.com/2009/10/cafe-proprietaire-contre-cafe-libre/#comments</comments> <pubDate>Sat, 31 Oct 2009 11:09:06 +0000</pubDate> <dc:creator>Martin</dc:creator> <category><![CDATA[Humeur]]></category> <category><![CDATA[Libre]]></category> <category><![CDATA[Café]]></category> <guid
isPermaLink="false">http://www.webaaz.com/?p=357</guid> <description><![CDATA[<img
src="/images/premier-cafe.jpg" alt="Café" width="570" height="125" /> <a
title="Photo de rayced depuis Flickr" href="http://www.flickr.com/photos/70596918@N00/1470096916">Photo de rayced depuis Flickr</a>]]></description> <content:encoded><![CDATA[<p><img
src="/images/premier-cafe.jpg" alt="Café" width="570" height="125" /><br
/> <a
title="Photo de rayced depuis Flickr" href="http://www.flickr.com/photos/70596918@N00/1470096916">Photo de rayced depuis Flickr</a></p><p>Pour rester un peu dans le domaine du libre, aujourd&#8217;hui, je tiens à soutenir un autre site qui œuvre pour les formats ouverts mais dans le café. C&#8217;est une des rares initiatives libre destinée au grand public en dehors du domaine du logiciel.</p><p>Le format <a
title="Voir la définition de Easy Serving Expresso sur Wikipédia" href="http://fr.wikipedia.org/wiki/Easy_Serving_Expresso"><abbr
title="Easy Serving Expresso">ESE</abbr></a>, standard permet d&#8217;acheter son café chez un nombre important de fournisseurs, et l&#8217;on peu changer de marque de machine à café tout en conservant son café préféré. La liberté de consommer comme on l&#8217;entends avec tous les avantages liés à une concurrence accrue.</p><p>Aujourd&#8217;hui ce site est attaqué par un concurrent qui ne voit pas les choses du même œil. Étant convaincu du bien fondé de cette démarche ouverte, je vous invite à la soutenir aussi.</p><ul><li><a
title="Voir le site chacun son café" href="http://www.chacunsoncafe.fr/">Chacun son café</a></li><li><a
title="Voir le combat de chacun son café" href="http://www.chacunsoncafe.fr/PBCPPlayer.asp?PW=1&#038;ID=379690">Le combat de chacun son café</a></li></ul><p><img
src="/images/second-cafe.jpg" alt="Café" width="570" height="125" /><br
/> <a
title="Photo de rayced depuis Flickr" href="http://www.flickr.com/photos/70596918@N00/1470096916">Photo de rayced depuis Flickr</a><br
/><h2>Sur le même thème</h2><ul
class="similar-posts"><li><a
href="http://www.webaaz.com/2010/05/developper-sous-ubuntu/" rel="bookmark" title="5 mai 2010">Développer sous Ubuntu</a></li><li><a
href="http://www.webaaz.com/2011/11/utiliser-chrome-et-violer-la-neutralite/" rel="bookmark" title="2 novembre 2011">Utiliser Chrome et violer la neutralité ?</a></li><li><a
href="http://www.webaaz.com/2010/03/pencil-sketching/" rel="bookmark" title="23 mars 2010">Maquettage avec Pencil Sketching</a></li><li><a
href="http://www.webaaz.com/2009/10/webaaz-ses-lecteurs/" rel="bookmark" title="31 octobre 2009">Webaaz &#038; ses lecteurs</a></li><li><a
href="http://www.webaaz.com/2009/07/trouver-de-belles-photos-pour-son-site-web/" rel="bookmark" title="26 juillet 2009">Trouver de belles photos pour son site web</a></li></ul><p></p><div
class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy"><ul
class="socials"><li
class="shr-twitter"> <a
href="http://www.shareaholic.com/api/share/?title=Caf%C3%A9+propri%C3%A9taire+contre+caf%C3%A9+libre&amp;link=http://www.webaaz.com/2009/10/cafe-proprietaire-contre-cafe-libre/&amp;notes=%0D%0APhoto%20de%20rayced%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li
class="shr-identica"> <a
href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=%0D%0APhoto%20de%20rayced%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a></li><li
class="shr-mail"> <a
href="http://www.shareaholic.com/api/share/?title=Caf%C3%A9%20propri%C3%A9taire%20contre%20caf%C3%A9%20libre&amp;link=http://www.webaaz.com/2009/10/cafe-proprietaire-contre-cafe-libre/&amp;notes=%0D%0APhoto%20de%20rayced%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li
class="shr-gmail"> <a
href="http://www.shareaholic.com/api/share/?title=Caf%C3%A9+propri%C3%A9taire+contre+caf%C3%A9+libre&amp;link=http://www.webaaz.com/2009/10/cafe-proprietaire-contre-cafe-libre/&amp;notes=%0D%0APhoto%20de%20rayced%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a></li><li
class="shr-viadeo"> <a
href="http://www.shareaholic.com/api/share/?title=Caf%C3%A9+propri%C3%A9taire+contre+caf%C3%A9+libre&amp;link=http://www.webaaz.com/2009/10/cafe-proprietaire-contre-cafe-libre/&amp;notes=%0D%0APhoto%20de%20rayced%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a></li><li
class="shr-googlereader"> <a
href="http://www.shareaholic.com/api/share/?title=Caf%C3%A9+propri%C3%A9taire+contre+caf%C3%A9+libre&amp;link=http://www.webaaz.com/2009/10/cafe-proprietaire-contre-cafe-libre/&amp;notes=%0D%0APhoto%20de%20rayced%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=207&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a></li><li
class="shr-netvibes"> <a
href="http://www.shareaholic.com/api/share/?title=Caf%C3%A9+propri%C3%A9taire+contre+caf%C3%A9+libre&amp;link=http://www.webaaz.com/2009/10/cafe-proprietaire-contre-cafe-libre/&amp;notes=%0D%0APhoto%20de%20rayced%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=195&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a></li></ul><div
style="clear: both;"></div></div> ]]></content:encoded> <wfw:commentRss>http://www.webaaz.com/2009/10/cafe-proprietaire-contre-cafe-libre/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Bien utiliser Zend Framework</title><link>http://www.webaaz.com/2009/10/bien-utiliser-zend-framework/</link> <comments>http://www.webaaz.com/2009/10/bien-utiliser-zend-framework/#comments</comments> <pubDate>Mon, 26 Oct 2009 18:30:58 +0000</pubDate> <dc:creator>Martin</dc:creator> <category><![CDATA[Développement]]></category> <category><![CDATA[Libre]]></category> <category><![CDATA[Outils]]></category> <category><![CDATA[PHP]]></category> <category><![CDATA[Apprendre]]></category> <category><![CDATA[Bonnes pratiques]]></category> <category><![CDATA[Développement web]]></category> <category><![CDATA[Framework]]></category> <category><![CDATA[Open source]]></category> <category><![CDATA[PHP5]]></category> <category><![CDATA[Zend]]></category> <guid
isPermaLink="false">http://www.webaaz.com/?p=325</guid> <description><![CDATA[Il existe depuis quelques années de nouveaux outils pour travailler efficacement avec <acronym
title="PHP Hypertext Preprocessor">PHP</acronym>, Ce sont les frameworks, ou cadriciels. Ils apportent un cadre de travail pour mieux architecturer son code, souvent grâce à <acronym
title="Modèle Vue Contrôleur">MVC</acronym>, des bibliothèques pour éviter de réinventer le roue, mais surtout de la documentation et une communauté. On est ainsi bien aidé dans notre développement, mais voyons comment utiliser au mieux un framework PHP et plus particulièrement le Zend Framework, puisqu'il fait partie de ceux que je connais le mieux et que j'utilise le plus. <img
src="/images/2009/10/charpente-metallique.jpg" alt="Outils" width="570" height="250" /> <a
title="Photo de just.Luc depuis Flickr" href="http://www.flickr.com/photos/9619972@N08/2597643556">Photo de just.Luc depuis Flickr</a>]]></description> <content:encoded><![CDATA[<p>Il existe depuis quelques années de nouveaux outils pour travailler efficacement avec <acronym
title="PHP Hypertext Preprocessor">PHP</acronym>, Ce sont les frameworks, ou cadriciels. Ils apportent un cadre de travail pour mieux architecturer son code, souvent grâce à <acronym
title="Modèle Vue Contrôleur">MVC</acronym>, des bibliothèques pour éviter de réinventer le roue, mais surtout de la documentation et une communauté. On est ainsi bien aidé dans notre développement, mais voyons comment utiliser au mieux un framework PHP et plus particulièrement le Zend Framework, puisqu&#8217;il fait partie de ceux que je connais le mieux et que j&#8217;utilise le plus.</p><p><img
src="/images/2009/10/charpente-metallique.jpg" alt="Outils" width="570" height="250" /><br
/> <a
title="Photo de just.Luc depuis Flickr" href="http://www.flickr.com/photos/9619972@N08/2597643556">Photo de just.Luc depuis Flickr</a></p><h2>Présentation</h2><p>Le <a
title="Voir la définition de Zend Framework sur Wikipédia" href="http://fr.wikipedia.org/wiki/Zend_Framework">Zend Framework</a> ou <acronym
title="Zend Framework">ZF</acronym> est en même temps un framework ou cadriciel et une bibliothèque de classes. Il est développé par <a
title="Voir el site de Zend Technologies" href="http://www.zend.com/fr/">Zend Technologies</a> et distribué sous licence New BSD.<br
/> Il est actuellement considéré comme un outsider de <a
title="Voir le site de Symfony" href="http://www.symfony-project.org/">Symfony</a> mais ils sont à mon sens tout à fait concurrents et le choix entre les deux se fera juste sur le feeling que vous aurez avec l&#8217;un ou l&#8217;autre. Pour ma part, je trouve que ZF est plus souple que Symfony et qu&#8217;il correspond mieux à ma vision de PHP, mais c&#8217;est un avis très personnel basé sur mon expérience.</p><p>Pour plus d&#8217;informations sur le Zend Framework, lisez la présentation qu&#8217;en fait la communauté française :</p><ul><li><a
title="Voir la présentation du Zend Framework" href="http://www.z-f.fr/page/quest_ce_que_le_zf">Présentation du ZF</a></li></ul><h2>Documentation</h2><p>La documentation du Zend Framework est bien développée, pas toujours complète sur certains sujets, mais une excellente base avec beaucoup d&#8217;exemples. Elle est traduite dans un grand nombre de langue, mais pas toujours de façon exhaustive. La documentation française n&#8217;est faite qu&#8217;en partie, vous y trouverez donc des passages en anglais. Cependant, cela reste facilement accessible.</p><ul><li><a
title="Voir la documentation du ZF sur le site de Zend" href="http://framework.zend.com/manual/fr/">Documentation française du Zend Framework</a></li></ul><h2>Normes</h2><p>Pour profiter pleinement du framework de Zend il faut en respecter les principes, et notamment les régles d&#8217;écriture du code. Ainsi votre code sera plus lisible, et potentiellement plus facile à partager avec la communauté, ou pour vous faire comprendre sur les forums d&#8217;entraide.</p><ul><li><a
title="Voir les règle d'écriture du code ZF sur le site de Zend" href="http://framework.zend.com/manual/fr/coding-standard.html">Règles d&#8217;écriture du framework</a></li></ul><h2>Bonnes pratiques</h2><p>Pour progresser rapidement dans la compréhension et profiter au maximum des possibilités offertes par le Zend Framework, plusieurs bonnes pratiques s&#8217;imposent !</p><ul><li>Respect des concepts</li><li>Analyse du code, pour comprendre le fonctionnement et les subtilités que la doc n&#8217;explique pas</li><li>Utilisation de Google pour trouver des exemples, beaucoup de blogs font des tutos très intéressants</li><li>Participation active à la communauté francophone par le biais du forum</li></ul><p>En résumé, un framework ne vous apporte pas juste des bouts de codes, mais un cadre de travail standard, des bonnes pratiques, un état d&#8217;esprit en somme. Et c&#8217;est ce tout qui vous permet d&#8217;être efficace.</p><h2>Communautés &#038; Forums</h2><p>Les communautés apportent donc des ressources supplémentaires, tutoriels, exemples de code, forums de discussion, mais demandent aussi de l&#8217;investissement pour ceux qui le souhaitent, alors si vous avez le temps et les capacités n&#8217;hésitez pas à proposer votre aide pour la traduction, la rédaction de cours, ou pour participer au développement même du framework !</p><ul><li><a
title="Voir le site de la communauté anglophone" href="http://framework.zend.com/community/overview">La communauté anglophone</a></li><li><a
title="Voir le site de la communauté francophone" href="http://www.z-f.fr/">La communauté francophone</a></li><li><a
title="Voir le forum de la communauté francophone" href="http://www.z-f.fr/">Le forum de la communauté francophone</a></li><li><a
title="Voir le site de la communauté francophone de developpez.com" href="http://zend-framework.developpez.com/">La communauté francophone de developpez.com</a></li></ul><h2>Tutoriels</h2><p>Google ne suffit pas toujours à trouver son bonheur, voici donc les sources ou je me fournit en tutos.<br
/> L&#8217;idéal pour bien appréhender un sujet, c&#8217;est le tutoriel vidéo, et pour le Zend Framework, un site lui est dédié :</p><ul><li><a
title="Voir les tutoriels vidéo sur Zendcast" href="http://www.zendcasts.com/">Zendcast</a></li></ul><p>developpez.com propose également un tutoriel pour débuter :</p><ul><li><a
href="http://helmi-dridi.developpez.com/tutoriels/zend-framework/debutant/">Tutoriel ZF pour débutant sur developpez.com</a></li></ul><p>Je suis à la recherche d&#8217;autres sites avec des tutoriels de qualité, n&#8217;hésitez pas à m&#8217;indiquer les vôtres en commentaire.</p><h2>Livres</h2><p>Pour bien débuter, il est impératif de connaître PHP5 et la <acronym
title="Programmation Orientée Objet">POO</acronym>, et si possible le principe &laquo;&nbsp;Modèle Vue Contrôleur&nbsp;&raquo;.<br
/> Avec ces pré-requis le livre de Guillaume Ponçon et Julien Pauli devrait vous permettre de rapidement comprendre les principes de base :</p><ul><li><a
title="Voir le livre : Bien développer en PHP" href="http://www.amazon.fr/Zend-Framework-Bien-d%C3%A9velopper-PHP/dp/2212123922">Bien développer en PHP de Guillaume Ponçon et Julien Pauli</a></li></ul><p>Ce livre sera très bon pour les non-initiés, mais je ne vous le conseille pas si vous maîtrisez déjà PHP car il ne rentre pas assez dans le détail des rouages du framework et ré explique des concepts basiques pour le développeur PHP averti.</p><p>Et si vous avez besoin de vous remettre à jour sur PHP, deux articles de ce blog devraient vous permettre d&#8217;y arriver :</p><ul><li><a
title="Voir l'article : Bien développer en PHP" href="http://www.webaaz.com/2009/06/bien-developper-en-php-partie-1/ ">Bien développer en PHP</a></li><li><a
title="Voir l'article : Les bons outils pour PHP" href="http://www.webaaz.com/2009/06/les-bons-outils-pour-php-partie-2/">Les bons outils pour PHP</a></li></ul><h2>En savoir plus&#8230;</h2><p>Pour en savoir plus sur les frameworks PHP, n&#8217;hésitez pas à aller voir le <a
title="Voir le comparatif de frameworks PHP : bestwebframeworks" href="http://www.bestwebframeworks.com/php/">comparatif de frameworks PHP</a>.<br
/><h2>Sur le même thème</h2><ul
class="similar-posts"><li><a
href="http://www.webaaz.com/2010/01/reinventer-la-roue-ou-pas/" rel="bookmark" title="20 janvier 2010">Réinventer la roue, ou pas ?</a></li><li><a
href="http://www.webaaz.com/2009/07/les-plugins-firefox-foxyproxy/" rel="bookmark" title="15 juillet 2009">Les plugins Firefox : FoxyProxy</a></li><li><a
href="http://www.webaaz.com/2009/06/navigateur-web-standard-firefox/" rel="bookmark" title="20 juin 2009">Navigateur Web standard : Firefox</a></li><li><a
href="http://www.webaaz.com/2010/02/les-plugins-firefox-xrefresh/" rel="bookmark" title="18 février 2010">Les plugins Firefox : XRefresh</a></li><li><a
href="http://www.webaaz.com/2009/06/les-bons-outils-pour-php-partie-2/" rel="bookmark" title="6 juin 2009">Les bons outils pour PHP (partie 2)</a></li></ul><p></p><div
class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy"><ul
class="socials"><li
class="shr-twitter"> <a
href="http://www.shareaholic.com/api/share/?title=Bien+utiliser+Zend+Framework&amp;link=http://www.webaaz.com/2009/10/bien-utiliser-zend-framework/&amp;notes=Il%20existe%20depuis%20quelques%20ann%C3%A9es%20de%20nouveaux%20outils%20pour%20travailler%20efficacement%20avec%20PHP%2C%20Ce%20sont%20les%20frameworks%2C%20ou%20cadriciels.%20Ils%20apportent%20un%20cadre%20de%20travail%20pour%20mieux%20architecturer%20son%20code%2C%20souvent%20gr%C3%A2ce%20%C3%A0%20MVC%2C%20des%20biblioth%C3%A8ques%20pour%20%C3%A9viter%20de%20r%C3%A9inventer%20le%20roue%2C%20mais%20surtout%20de%20la%20documentation%20et%20une%20communaut%C3%A9.%20On%20est%20ainsi%20bien%20aid%C3%A9%20dans%20notre%20d%C3%A9veloppement%2C%20mais%20voyons%20comment%20utiliser%20au%20mieux%20un%20framework%20PHP%20et%20plus%20particuli%C3%A8rement%20le%20Zend%20Framework%2C%20puisqu%27il%20fait%20partie%20de%20ceux%20que%20je%20connais%20le%20mieux%20et%20que%20j%27utilise%20le%20plus.%0D%0A%0D%0A%0D%0APhoto%20de%20just.Luc%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li
class="shr-identica"> <a
href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=Il%20existe%20depuis%20quelques%20ann%C3%A9es%20de%20nouveaux%20outils%20pour%20travailler%20efficacement%20avec%20PHP%2C%20Ce%20sont%20les%20frameworks%2C%20ou%20cadriciels.%20Ils%20apportent%20un%20cadre%20de%20travail%20pour%20mieux%20architecturer%20son%20code%2C%20souvent%20gr%C3%A2ce%20%C3%A0%20MVC%2C%20des%20biblioth%C3%A8ques%20pour%20%C3%A9viter%20de%20r%C3%A9inventer%20le%20roue%2C%20mais%20surtout%20de%20la%20documentation%20et%20une%20communaut%C3%A9.%20On%20est%20ainsi%20bien%20aid%C3%A9%20dans%20notre%20d%C3%A9veloppement%2C%20mais%20voyons%20comment%20utiliser%20au%20mieux%20un%20framework%20PHP%20et%20plus%20particuli%C3%A8rement%20le%20Zend%20Framework%2C%20puisqu%27il%20fait%20partie%20de%20ceux%20que%20je%20connais%20le%20mieux%20et%20que%20j%27utilise%20le%20plus.%0D%0A%0D%0A%0D%0APhoto%20de%20just.Luc%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a></li><li
class="shr-mail"> <a
href="http://www.shareaholic.com/api/share/?title=Bien%20utiliser%20Zend%20Framework&amp;link=http://www.webaaz.com/2009/10/bien-utiliser-zend-framework/&amp;notes=Il%20existe%20depuis%20quelques%20ann%C3%A9es%20de%20nouveaux%20outils%20pour%20travailler%20efficacement%20avec%20PHP%2C%20Ce%20sont%20les%20frameworks%2C%20ou%20cadriciels.%20Ils%20apportent%20un%20cadre%20de%20travail%20pour%20mieux%20architecturer%20son%20code%2C%20souvent%20gr%C3%A2ce%20%C3%A0%20MVC%2C%20des%20biblioth%C3%A8ques%20pour%20%C3%A9viter%20de%20r%C3%A9inventer%20le%20roue%2C%20mais%20surtout%20de%20la%20documentation%20et%20une%20communaut%C3%A9.%20On%20est%20ainsi%20bien%20aid%C3%A9%20dans%20notre%20d%C3%A9veloppement%2C%20mais%20voyons%20comment%20utiliser%20au%20mieux%20un%20framework%20PHP%20et%20plus%20particuli%C3%A8rement%20le%20Zend%20Framework%2C%20puisqu%27il%20fait%20partie%20de%20ceux%20que%20je%20connais%20le%20mieux%20et%20que%20j%27utilise%20le%20plus.%0D%0A%0D%0A%0D%0APhoto%20de%20just.Luc%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li
class="shr-gmail"> <a
href="http://www.shareaholic.com/api/share/?title=Bien+utiliser+Zend+Framework&amp;link=http://www.webaaz.com/2009/10/bien-utiliser-zend-framework/&amp;notes=Il%20existe%20depuis%20quelques%20ann%C3%A9es%20de%20nouveaux%20outils%20pour%20travailler%20efficacement%20avec%20PHP%2C%20Ce%20sont%20les%20frameworks%2C%20ou%20cadriciels.%20Ils%20apportent%20un%20cadre%20de%20travail%20pour%20mieux%20architecturer%20son%20code%2C%20souvent%20gr%C3%A2ce%20%C3%A0%20MVC%2C%20des%20biblioth%C3%A8ques%20pour%20%C3%A9viter%20de%20r%C3%A9inventer%20le%20roue%2C%20mais%20surtout%20de%20la%20documentation%20et%20une%20communaut%C3%A9.%20On%20est%20ainsi%20bien%20aid%C3%A9%20dans%20notre%20d%C3%A9veloppement%2C%20mais%20voyons%20comment%20utiliser%20au%20mieux%20un%20framework%20PHP%20et%20plus%20particuli%C3%A8rement%20le%20Zend%20Framework%2C%20puisqu%27il%20fait%20partie%20de%20ceux%20que%20je%20connais%20le%20mieux%20et%20que%20j%27utilise%20le%20plus.%0D%0A%0D%0A%0D%0APhoto%20de%20just.Luc%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a></li><li
class="shr-viadeo"> <a
href="http://www.shareaholic.com/api/share/?title=Bien+utiliser+Zend+Framework&amp;link=http://www.webaaz.com/2009/10/bien-utiliser-zend-framework/&amp;notes=Il%20existe%20depuis%20quelques%20ann%C3%A9es%20de%20nouveaux%20outils%20pour%20travailler%20efficacement%20avec%20PHP%2C%20Ce%20sont%20les%20frameworks%2C%20ou%20cadriciels.%20Ils%20apportent%20un%20cadre%20de%20travail%20pour%20mieux%20architecturer%20son%20code%2C%20souvent%20gr%C3%A2ce%20%C3%A0%20MVC%2C%20des%20biblioth%C3%A8ques%20pour%20%C3%A9viter%20de%20r%C3%A9inventer%20le%20roue%2C%20mais%20surtout%20de%20la%20documentation%20et%20une%20communaut%C3%A9.%20On%20est%20ainsi%20bien%20aid%C3%A9%20dans%20notre%20d%C3%A9veloppement%2C%20mais%20voyons%20comment%20utiliser%20au%20mieux%20un%20framework%20PHP%20et%20plus%20particuli%C3%A8rement%20le%20Zend%20Framework%2C%20puisqu%27il%20fait%20partie%20de%20ceux%20que%20je%20connais%20le%20mieux%20et%20que%20j%27utilise%20le%20plus.%0D%0A%0D%0A%0D%0APhoto%20de%20just.Luc%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a></li><li
class="shr-googlereader"> <a
href="http://www.shareaholic.com/api/share/?title=Bien+utiliser+Zend+Framework&amp;link=http://www.webaaz.com/2009/10/bien-utiliser-zend-framework/&amp;notes=Il%20existe%20depuis%20quelques%20ann%C3%A9es%20de%20nouveaux%20outils%20pour%20travailler%20efficacement%20avec%20PHP%2C%20Ce%20sont%20les%20frameworks%2C%20ou%20cadriciels.%20Ils%20apportent%20un%20cadre%20de%20travail%20pour%20mieux%20architecturer%20son%20code%2C%20souvent%20gr%C3%A2ce%20%C3%A0%20MVC%2C%20des%20biblioth%C3%A8ques%20pour%20%C3%A9viter%20de%20r%C3%A9inventer%20le%20roue%2C%20mais%20surtout%20de%20la%20documentation%20et%20une%20communaut%C3%A9.%20On%20est%20ainsi%20bien%20aid%C3%A9%20dans%20notre%20d%C3%A9veloppement%2C%20mais%20voyons%20comment%20utiliser%20au%20mieux%20un%20framework%20PHP%20et%20plus%20particuli%C3%A8rement%20le%20Zend%20Framework%2C%20puisqu%27il%20fait%20partie%20de%20ceux%20que%20je%20connais%20le%20mieux%20et%20que%20j%27utilise%20le%20plus.%0D%0A%0D%0A%0D%0APhoto%20de%20just.Luc%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=207&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a></li><li
class="shr-netvibes"> <a
href="http://www.shareaholic.com/api/share/?title=Bien+utiliser+Zend+Framework&amp;link=http://www.webaaz.com/2009/10/bien-utiliser-zend-framework/&amp;notes=Il%20existe%20depuis%20quelques%20ann%C3%A9es%20de%20nouveaux%20outils%20pour%20travailler%20efficacement%20avec%20PHP%2C%20Ce%20sont%20les%20frameworks%2C%20ou%20cadriciels.%20Ils%20apportent%20un%20cadre%20de%20travail%20pour%20mieux%20architecturer%20son%20code%2C%20souvent%20gr%C3%A2ce%20%C3%A0%20MVC%2C%20des%20biblioth%C3%A8ques%20pour%20%C3%A9viter%20de%20r%C3%A9inventer%20le%20roue%2C%20mais%20surtout%20de%20la%20documentation%20et%20une%20communaut%C3%A9.%20On%20est%20ainsi%20bien%20aid%C3%A9%20dans%20notre%20d%C3%A9veloppement%2C%20mais%20voyons%20comment%20utiliser%20au%20mieux%20un%20framework%20PHP%20et%20plus%20particuli%C3%A8rement%20le%20Zend%20Framework%2C%20puisqu%27il%20fait%20partie%20de%20ceux%20que%20je%20connais%20le%20mieux%20et%20que%20j%27utilise%20le%20plus.%0D%0A%0D%0A%0D%0APhoto%20de%20just.Luc%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=195&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a></li></ul><div
style="clear: both;"></div></div> ]]></content:encoded> <wfw:commentRss>http://www.webaaz.com/2009/10/bien-utiliser-zend-framework/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Comparaison et fusion de fichiers et de dossiers</title><link>http://www.webaaz.com/2009/09/comparaison-et-fusion-de-fichiers-et-de-dossiers/</link> <comments>http://www.webaaz.com/2009/09/comparaison-et-fusion-de-fichiers-et-de-dossiers/#comments</comments> <pubDate>Mon, 28 Sep 2009 05:00:39 +0000</pubDate> <dc:creator>Martin</dc:creator> <category><![CDATA[Développement]]></category> <category><![CDATA[Libre]]></category> <category><![CDATA[Logiciels]]></category> <category><![CDATA[Outils]]></category> <category><![CDATA[Code source]]></category> <category><![CDATA[Comparaison de fichiers]]></category> <category><![CDATA[Développement web]]></category> <category><![CDATA[Fusion]]></category> <category><![CDATA[Merge]]></category> <category><![CDATA[Open source]]></category> <category><![CDATA[Tortoise]]></category> <category><![CDATA[Version]]></category> <guid
isPermaLink="false">http://www.webaaz.com/?p=288</guid> <description><![CDATA[Travailler avec plusieurs versions d'un fichier peut être problématique. Dès que l'on doit appliquer certaines modifications d'un fichier sur un autre, ou les comparer pour analyser les changements, la démarche est souvent fastidieuse. Et pour peu que l'on doive comparer des dossier la tâche se complique encore...
Il existe des logiciels simples pour faire ce travail de comparaison. Voici donc une présentation d'un outil libre et gratuit, Winmerge.
<img
src="http://www.webaaz.com/images/2009/09/dossiers.jpg" alt="La vitesse de la lumière" width="570" height="250" /> <a
title="Photo de gomattolson depuis Flickr" href="http://www.flickr.com/photos/57537089@N00/3917375752">Photo de gomattolson depuis Flickr</a>]]></description> <content:encoded><![CDATA[<p>Travailler avec plusieurs versions d&#8217;un fichier peut être problématique. Dès que l&#8217;on doit appliquer certaines modifications d&#8217;un fichier sur un autre, ou les comparer pour analyser les changements, la démarche est souvent fastidieuse. Et pour peu que l&#8217;on doive comparer des dossier la tâche se complique encore&#8230;</p><p>Il existe des logiciels simples pour faire ce travail de comparaison. Voici donc une présentation d&#8217;un outil libre et gratuit, Winmerge.</p><p><img
src="http://www.webaaz.com/images/2009/09/dossiers.jpg" alt="La vitesse de la lumière" width="570" height="250" /><br
/> <a
title="Photo de gomattolson depuis Flickr" href="http://www.flickr.com/photos/57537089@N00/3917375752">Photo de gomattolson depuis Flickr</a></p><h2>Présentation de l&#8217;outil</h2><p>WinMerge est un outil de comparaison et de fusion de fichier sous Windows. Grâce à la coloration syntaxique des fichiers vous visualisez instantanément les portions de codes qui diffèrent entre vos fichiers et vous pouvez copier les différences d&#8217;un fichier à l&#8217;autre d&#8217;un simple clic pour fusionner les documents.<br
/> Il supporte la comparaison de fichiers aux formats texte DOS, UNIX et MAC.</p><p>WinMerge propose de comparer des répertoires complets en filtrant éventuellement sur l&#8217;extension des fichiers à comparer.</p><h2>Fonctionnalités annexes</h2><p>Il s&#8217;intègre dans le menu contextuel et autorise la sélection de fichiers par glisser/déposer. Et si vous utilisez <a
title="Voir l'article sur TortoiseSVN sur Webaaz.com" href="http://www.webaaz.com/2009/04/la-gestion-des-versions/">TortoiseSVN</a> pour la gestion des version de fichier sur vos projets, vous pouvez intégrer WinMerge à la place de l&#8217;outil par défaut.</p><h2>Téléchargement &#038; installation</h2><p><a
title="Voir le site officiel de WinMerge" href="http://winmerge.org/">Installer Winmerge</a></p><h2>Alternatives</h2><p>Pour les utilisateurs d&#8217;environnement Linux il existe de multiples alternatives libres et gratuites qui devraient vous satisfaire :</p><ul><li><a
title="Voir le site officiel de Meld" href="http://meld.sourceforge.net/index.html">Meld</a></li><li><a
title="Voir le site officiel de Kompare" href="http://www.caffeinated.me.uk/kompare/">Kompare</a></li></ul><p>Si vous avez des astuces pour simplifier la comparaison et la fusion de fichiers, les commentaires sont là pour ça !<br
/><h2>Sur le même thème</h2><ul
class="similar-posts"><li><a
href="http://www.webaaz.com/2009/11/outils-edition-de-fichiers-avec-notepad/" rel="bookmark" title="24 novembre 2009">Outils : Edition de fichiers avec Notepad++</a></li><li><a
href="http://www.webaaz.com/2009/04/mysql-gui-tools/" rel="bookmark" title="24 avril 2009">MySQL GUI Tools</a></li><li><a
href="http://www.webaaz.com/2009/12/les-plugins-firefox-colorzilla/" rel="bookmark" title="22 décembre 2009">Les plugins Firefox : Colorzilla</a></li><li><a
href="http://www.webaaz.com/2009/10/outils-xml-cooktop/" rel="bookmark" title="15 octobre 2009">Outils XML : Cooktop</a></li><li><a
href="http://www.webaaz.com/2010/02/les-plugins-firefox-xrefresh/" rel="bookmark" title="18 février 2010">Les plugins Firefox : XRefresh</a></li></ul><p></p><div
class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy"><ul
class="socials"><li
class="shr-twitter"> <a
href="http://www.shareaholic.com/api/share/?title=Comparaison+et+fusion+de+fichiers+et+de+dossiers&amp;link=http://www.webaaz.com/2009/09/comparaison-et-fusion-de-fichiers-et-de-dossiers/&amp;notes=Travailler%20avec%20plusieurs%20versions%20d%27un%20fichier%20peut%20%C3%AAtre%20probl%C3%A9matique.%20D%C3%A8s%20que%20l%27on%20doit%20appliquer%20certaines%20modifications%20d%27un%20fichier%20sur%20un%20autre%2C%20ou%20les%20comparer%20pour%20analyser%20les%20changements%2C%20la%20d%C3%A9marche%20est%20souvent%20fastidieuse.%20Et%20pour%20peu%20que%20l%27on%20doive%20comparer%20des%20dossier%20la%20t%C3%A2che%20se%20complique%20encore...%0D%0A%0D%0AIl%20existe%20des%20logiciels%20simples%20pour%20faire%20ce%20travail%20de%20comparaison.%20Voici%20donc%20une%20pr%C3%A9sentation%20d%27un%20outil%20libre%20et%20gratuit%2C%20Winmerge.%0D%0A%0D%0A%0D%0APhoto%20de%20gomattolson%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li
class="shr-identica"> <a
href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=Travailler%20avec%20plusieurs%20versions%20d%27un%20fichier%20peut%20%C3%AAtre%20probl%C3%A9matique.%20D%C3%A8s%20que%20l%27on%20doit%20appliquer%20certaines%20modifications%20d%27un%20fichier%20sur%20un%20autre%2C%20ou%20les%20comparer%20pour%20analyser%20les%20changements%2C%20la%20d%C3%A9marche%20est%20souvent%20fastidieuse.%20Et%20pour%20peu%20que%20l%27on%20doive%20comparer%20des%20dossier%20la%20t%C3%A2che%20se%20complique%20encore...%0D%0A%0D%0AIl%20existe%20des%20logiciels%20simples%20pour%20faire%20ce%20travail%20de%20comparaison.%20Voici%20donc%20une%20pr%C3%A9sentation%20d%27un%20outil%20libre%20et%20gratuit%2C%20Winmerge.%0D%0A%0D%0A%0D%0APhoto%20de%20gomattolson%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a></li><li
class="shr-mail"> <a
href="http://www.shareaholic.com/api/share/?title=Comparaison%20et%20fusion%20de%20fichiers%20et%20de%20dossiers&amp;link=http://www.webaaz.com/2009/09/comparaison-et-fusion-de-fichiers-et-de-dossiers/&amp;notes=Travailler%20avec%20plusieurs%20versions%20d%27un%20fichier%20peut%20%C3%AAtre%20probl%C3%A9matique.%20D%C3%A8s%20que%20l%27on%20doit%20appliquer%20certaines%20modifications%20d%27un%20fichier%20sur%20un%20autre%2C%20ou%20les%20comparer%20pour%20analyser%20les%20changements%2C%20la%20d%C3%A9marche%20est%20souvent%20fastidieuse.%20Et%20pour%20peu%20que%20l%27on%20doive%20comparer%20des%20dossier%20la%20t%C3%A2che%20se%20complique%20encore...%0D%0A%0D%0AIl%20existe%20des%20logiciels%20simples%20pour%20faire%20ce%20travail%20de%20comparaison.%20Voici%20donc%20une%20pr%C3%A9sentation%20d%27un%20outil%20libre%20et%20gratuit%2C%20Winmerge.%0D%0A%0D%0A%0D%0APhoto%20de%20gomattolson%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li
class="shr-gmail"> <a
href="http://www.shareaholic.com/api/share/?title=Comparaison+et+fusion+de+fichiers+et+de+dossiers&amp;link=http://www.webaaz.com/2009/09/comparaison-et-fusion-de-fichiers-et-de-dossiers/&amp;notes=Travailler%20avec%20plusieurs%20versions%20d%27un%20fichier%20peut%20%C3%AAtre%20probl%C3%A9matique.%20D%C3%A8s%20que%20l%27on%20doit%20appliquer%20certaines%20modifications%20d%27un%20fichier%20sur%20un%20autre%2C%20ou%20les%20comparer%20pour%20analyser%20les%20changements%2C%20la%20d%C3%A9marche%20est%20souvent%20fastidieuse.%20Et%20pour%20peu%20que%20l%27on%20doive%20comparer%20des%20dossier%20la%20t%C3%A2che%20se%20complique%20encore...%0D%0A%0D%0AIl%20existe%20des%20logiciels%20simples%20pour%20faire%20ce%20travail%20de%20comparaison.%20Voici%20donc%20une%20pr%C3%A9sentation%20d%27un%20outil%20libre%20et%20gratuit%2C%20Winmerge.%0D%0A%0D%0A%0D%0APhoto%20de%20gomattolson%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a></li><li
class="shr-viadeo"> <a
href="http://www.shareaholic.com/api/share/?title=Comparaison+et+fusion+de+fichiers+et+de+dossiers&amp;link=http://www.webaaz.com/2009/09/comparaison-et-fusion-de-fichiers-et-de-dossiers/&amp;notes=Travailler%20avec%20plusieurs%20versions%20d%27un%20fichier%20peut%20%C3%AAtre%20probl%C3%A9matique.%20D%C3%A8s%20que%20l%27on%20doit%20appliquer%20certaines%20modifications%20d%27un%20fichier%20sur%20un%20autre%2C%20ou%20les%20comparer%20pour%20analyser%20les%20changements%2C%20la%20d%C3%A9marche%20est%20souvent%20fastidieuse.%20Et%20pour%20peu%20que%20l%27on%20doive%20comparer%20des%20dossier%20la%20t%C3%A2che%20se%20complique%20encore...%0D%0A%0D%0AIl%20existe%20des%20logiciels%20simples%20pour%20faire%20ce%20travail%20de%20comparaison.%20Voici%20donc%20une%20pr%C3%A9sentation%20d%27un%20outil%20libre%20et%20gratuit%2C%20Winmerge.%0D%0A%0D%0A%0D%0APhoto%20de%20gomattolson%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a></li><li
class="shr-googlereader"> <a
href="http://www.shareaholic.com/api/share/?title=Comparaison+et+fusion+de+fichiers+et+de+dossiers&amp;link=http://www.webaaz.com/2009/09/comparaison-et-fusion-de-fichiers-et-de-dossiers/&amp;notes=Travailler%20avec%20plusieurs%20versions%20d%27un%20fichier%20peut%20%C3%AAtre%20probl%C3%A9matique.%20D%C3%A8s%20que%20l%27on%20doit%20appliquer%20certaines%20modifications%20d%27un%20fichier%20sur%20un%20autre%2C%20ou%20les%20comparer%20pour%20analyser%20les%20changements%2C%20la%20d%C3%A9marche%20est%20souvent%20fastidieuse.%20Et%20pour%20peu%20que%20l%27on%20doive%20comparer%20des%20dossier%20la%20t%C3%A2che%20se%20complique%20encore...%0D%0A%0D%0AIl%20existe%20des%20logiciels%20simples%20pour%20faire%20ce%20travail%20de%20comparaison.%20Voici%20donc%20une%20pr%C3%A9sentation%20d%27un%20outil%20libre%20et%20gratuit%2C%20Winmerge.%0D%0A%0D%0A%0D%0APhoto%20de%20gomattolson%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=207&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a></li><li
class="shr-netvibes"> <a
href="http://www.shareaholic.com/api/share/?title=Comparaison+et+fusion+de+fichiers+et+de+dossiers&amp;link=http://www.webaaz.com/2009/09/comparaison-et-fusion-de-fichiers-et-de-dossiers/&amp;notes=Travailler%20avec%20plusieurs%20versions%20d%27un%20fichier%20peut%20%C3%AAtre%20probl%C3%A9matique.%20D%C3%A8s%20que%20l%27on%20doit%20appliquer%20certaines%20modifications%20d%27un%20fichier%20sur%20un%20autre%2C%20ou%20les%20comparer%20pour%20analyser%20les%20changements%2C%20la%20d%C3%A9marche%20est%20souvent%20fastidieuse.%20Et%20pour%20peu%20que%20l%27on%20doive%20comparer%20des%20dossier%20la%20t%C3%A2che%20se%20complique%20encore...%0D%0A%0D%0AIl%20existe%20des%20logiciels%20simples%20pour%20faire%20ce%20travail%20de%20comparaison.%20Voici%20donc%20une%20pr%C3%A9sentation%20d%27un%20outil%20libre%20et%20gratuit%2C%20Winmerge.%0D%0A%0D%0A%0D%0APhoto%20de%20gomattolson%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=195&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a></li></ul><div
style="clear: both;"></div></div> ]]></content:encoded> <wfw:commentRss>http://www.webaaz.com/2009/09/comparaison-et-fusion-de-fichiers-et-de-dossiers/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Les plugins Firefox : Firebug</title><link>http://www.webaaz.com/2009/09/les-plugins-firefox-firebug/</link> <comments>http://www.webaaz.com/2009/09/les-plugins-firefox-firebug/#comments</comments> <pubDate>Thu, 03 Sep 2009 08:00:11 +0000</pubDate> <dc:creator>Martin</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[Design]]></category> <category><![CDATA[Développement]]></category> <category><![CDATA[HTML]]></category> <category><![CDATA[Javascript]]></category> <category><![CDATA[Libre]]></category> <category><![CDATA[Logiciels]]></category> <category><![CDATA[Outils]]></category> <category><![CDATA[Plugins]]></category> <guid
isPermaLink="false">http://www.webaaz.com/?p=230</guid> <description><![CDATA[Pour le développement web, il existe plusieurs extensions très pratiques pour améliorer la qualité de son code, le déboguer, ou l'optimiser. Elles sont véritablement plébiscitées par les développeurs, et sont en partie à l'origine du succès de <a
title="Lire l'article sur le navigateur Firefox" href="http://www.webaaz.com/2009/06/navigateur-web-standard-firefox">Firefox</a>. L'une des plus connues et utilisée est Firebug, un condensé de fonctionnalités destinées à vous aider à déboguer et comprendre tout ce qui est lié à l'affichage de votre page. <img
src="/images/insecte-feu.jpg" alt="Insecte de couleur feu en Iran" width="570" height="250" /> <a
title="Photo de Hamed Saber depuis Flickr" href="http://www.flickr.com/photos/44124425616@N01/273927725">Photo de Hamed Saber depuis Flickr</a>]]></description> <content:encoded><![CDATA[<p>Pour le développement web, il existe plusieurs extensions très pratiques pour améliorer la qualité de son code, le déboguer, ou l&#8217;optimiser. Elles sont véritablement plébiscitées par les développeurs, et sont en partie à l&#8217;origine du succès de <a
title="Lire l'article sur le navigateur Firefox" href="http://www.webaaz.com/2009/06/navigateur-web-standard-firefox">Firefox</a>. L&#8217;une des plus connues et utilisée est Firebug, un condensé de fonctionnalités destinées à vous aider à déboguer et comprendre tout ce qui est lié à l&#8217;affichage de votre page.</p><p><img
src="/images/insecte-feu.jpg" alt="Insecte de couleur feu en Iran" width="570" height="250" /><br
/> <a
title="Photo de Hamed Saber depuis Flickr" href="http://www.flickr.com/photos/44124425616@N01/273927725">Photo de Hamed Saber depuis Flickr</a></p><h2>Installation</h2><p>Cette extension est disponible sur le site d&#8217;extensions de Firefox :</p><ul><li><a
title="Voir l'extension Firebug pour Firefox" href="https://addons.mozilla.org/fr/firefox/addon/1843">Installer Firebug pour Firefox</a></li></ul><h2>Présentation</h2><p>Firebug permet d&#8217;infiltrer le code source de votre page web afin de vérifier ce qui s&#8217;y passe, aussi bien pour le DOM, le code HTML, les CSS, le Javascript ou les requêtes AJAX. Vous pourrez même agir en direct sur le code et voir les effets de vos modifications instantanément.<br
/> Pour cela Firebug est doté d&#8217;un débogueur, d&#8217;une console d&#8217;erreur, et d&#8217;une ligne de commande.</p><h2>Fonctionnalités principales</h2><p>Pour HTML et CSS, vous pouvez afficher le code lié à chaque balise HTML, et voir toutes les propriétés définies que ce soit directement ou par héritage. En modifiant ces valeurs vous pourrez vous rendre compte des changements de rendu immédiatement.</p><p>Coté Javascript vous pourrez ainsi visualiser le code lié à la page et le suivre pas à pas dans son exécution. Les erreurs sont visibles dans la barre d&#8217;état et affichées dans la console. Vous pourrez également interagir avec Javascript grâce à la ligne de commande.</p><p>AJAX  bénéficie aussi de fonctionnalités bien pratiques. Vous pouvez ainsi visualiser les requêtes envoyées et les réponses obtenues en temps réel.</p><p>Le profilage d&#8217;application est également facilité avec un outil graphique qui permet de visualiser les requêtes HTTP et les temps de réponse qui en découlent.</p><h2>Tutoriel</h2><p>L&#8217;extension est tellement complexe et puissante que je vous recommande la lecture d&#8217;un très bon tutoriel :</p><ul><li><a
title="Voir le tutoriel sur Firebug sur Developpez.com" href="http://eric-pommereau.developpez.com/tutoriels/outil-web/firebug/">Tutoriel Firebug</a></li></ul><h2>FirebugLite</h2><p>Une version plus légère mais tout aussi pratique peut être embarquée dans d&#8217;autres navigateurs comme Internet Explorer, Opéra ou Safari. Utile donc pour finaliser votre développement sur ces environnements.</p><ul><li><a
title="Voir FirebugLite sur le site de l'&Atilde;&copy;diteur" href="http://getfirebug.com/firebuglite">FirebugLite</a></li></ul><h2>Les extensions</h2><p>Firebug à beau être une extension, cela ne l&#8217;empêche pas d&#8217;être extensible ! D&#8217;autres extensions Firefox étendent encore les possibilités de Firebug parmis lesquelles on retrouve :</p><ul><li><a
title="Voir l'extension Firecookie pour Firebug" href="https://addons.mozilla.org/en-US/firefox/addon/6683">Firecookie : pour gérer les cookies</a></li><li><a
title="Voir l'extension Firediff pour Firebug" href="https://addons.mozilla.org/fr/firefox/addon/13179">Firediff : pour voir les différences entre deux états</a></li><li><a
title="Voir l'extension FirePHP pour Firebug" href="https://addons.mozilla.org/en-US/firefox/addon/6149">FirePHP : pour déboguer votre code PHP</a></li><li><a
title="Voir l'extension FireRainbow pour Firebug" href="https://addons.mozilla.org/en-US/firefox/addon/9603">FireRainbow : pour ajouter la coloration syntaxique au Javascript</a></li><li><a
title="Voir l'extension YSlow pour Firebug" href="https://addons.mozilla.org/en-US/firefox/addon/5369">YSlow : pour optimiser le temps d&#8217;affichage votre site web</a></li><li><a
title="Voir l'extension SenSEO pour Firebug" href="https://addons.mozilla.org/en-US/firefox/addon/9403">SenSEO : pour optimiser votre référencement naturel</a></li></ul><p>Je reviendrais bientôt sur certaines de ces extensions qui méritent un article spécifique. En attendant vous en trouverez en tout plus d&#8217;une vingtaine sur le site de l&#8217;éditeur :</p><ul><li><a
title="Voir la liste compl&Atilde;&uml;te des extensions de Firebug" href="http://getfirebug.com/downloads">La liste complète des extensions de Firebug</a></li></ul><p>Et si vous n&#8217;en avez pas encore assez, il ne vous reste plus qu&#8217;a créer votre propre extension pour Firebug, pour cela rendez vous sur le <a
title="Voir le groupe Google : Firebug Working Group" href="http://groups.google.com/group/firebug-working-group">groupe Google &laquo;&nbsp;Firebug Working Group&nbsp;&raquo;</a> créé à l&#8217;occasion.</p><p>Voilà, vous avez désormais les cartes en main pour déboguer facilement vos applications. Bon courage !<br
/><h2>Sur le même thème</h2><ul
class="similar-posts"><li><a
href="http://www.webaaz.com/2010/02/les-plugins-firefox-xrefresh/" rel="bookmark" title="18 février 2010">Les plugins Firefox : XRefresh</a></li><li><a
href="http://www.webaaz.com/2009/09/bien-utiliser-javascript/" rel="bookmark" title="23 septembre 2009">Bien utiliser Javascript</a></li><li><a
href="http://www.webaaz.com/2011/03/les-plugins-firefox-tiletabs/" rel="bookmark" title="28 mars 2011">Les plugins Firefox : TileTabs</a></li><li><a
href="http://www.webaaz.com/2009/12/les-plugins-firefox-colorzilla/" rel="bookmark" title="22 décembre 2009">Les plugins Firefox : Colorzilla</a></li><li><a
href="http://www.webaaz.com/2009/05/bien-utiliser-les-feuilles-de-style-css/" rel="bookmark" title="15 mai 2009">Bien utiliser les feuilles de style (CSS)</a></li></ul><p></p><div
class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy"><ul
class="socials"><li
class="shr-twitter"> <a
href="http://www.shareaholic.com/api/share/?title=Les+plugins+Firefox+%3A+Firebug&amp;link=http://www.webaaz.com/2009/09/les-plugins-firefox-firebug/&amp;notes=Pour%20le%20d%C3%A9veloppement%20web%2C%20il%20existe%20plusieurs%20extensions%20tr%C3%A8s%20pratiques%20pour%20am%C3%A9liorer%20la%20qualit%C3%A9%20de%20son%20code%2C%20le%20d%C3%A9boguer%2C%20ou%20l%27optimiser.%20Elles%20sont%20v%C3%A9ritablement%20pl%C3%A9biscit%C3%A9es%20par%20les%20d%C3%A9veloppeurs%2C%20et%20sont%20en%20partie%20%C3%A0%20l%27origine%20du%20succ%C3%A8s%20de%20Firefox.%20L%27une%20des%20plus%20connues%20et%20utilis%C3%A9e%20est%20Firebug%2C%20un%20condens%C3%A9%20de%20fonctionnalit%C3%A9s%20destin%C3%A9es%20%C3%A0%20vous%20aider%20%C3%A0%20d%C3%A9boguer%20et%20comprendre%20tout%20ce%20qui%20est%20li%C3%A9%20%C3%A0%20l%27affichage%20de%20votre%20page.%0D%0A%0D%0A%0D%0APhoto%20de%20Hamed%20Saber%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li
class="shr-identica"> <a
href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=Pour%20le%20d%C3%A9veloppement%20web%2C%20il%20existe%20plusieurs%20extensions%20tr%C3%A8s%20pratiques%20pour%20am%C3%A9liorer%20la%20qualit%C3%A9%20de%20son%20code%2C%20le%20d%C3%A9boguer%2C%20ou%20l%27optimiser.%20Elles%20sont%20v%C3%A9ritablement%20pl%C3%A9biscit%C3%A9es%20par%20les%20d%C3%A9veloppeurs%2C%20et%20sont%20en%20partie%20%C3%A0%20l%27origine%20du%20succ%C3%A8s%20de%20Firefox.%20L%27une%20des%20plus%20connues%20et%20utilis%C3%A9e%20est%20Firebug%2C%20un%20condens%C3%A9%20de%20fonctionnalit%C3%A9s%20destin%C3%A9es%20%C3%A0%20vous%20aider%20%C3%A0%20d%C3%A9boguer%20et%20comprendre%20tout%20ce%20qui%20est%20li%C3%A9%20%C3%A0%20l%27affichage%20de%20votre%20page.%0D%0A%0D%0A%0D%0APhoto%20de%20Hamed%20Saber%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a></li><li
class="shr-mail"> <a
href="http://www.shareaholic.com/api/share/?title=Les%20plugins%20Firefox%20%3A%20Firebug&amp;link=http://www.webaaz.com/2009/09/les-plugins-firefox-firebug/&amp;notes=Pour%20le%20d%C3%A9veloppement%20web%2C%20il%20existe%20plusieurs%20extensions%20tr%C3%A8s%20pratiques%20pour%20am%C3%A9liorer%20la%20qualit%C3%A9%20de%20son%20code%2C%20le%20d%C3%A9boguer%2C%20ou%20l%27optimiser.%20Elles%20sont%20v%C3%A9ritablement%20pl%C3%A9biscit%C3%A9es%20par%20les%20d%C3%A9veloppeurs%2C%20et%20sont%20en%20partie%20%C3%A0%20l%27origine%20du%20succ%C3%A8s%20de%20Firefox.%20L%27une%20des%20plus%20connues%20et%20utilis%C3%A9e%20est%20Firebug%2C%20un%20condens%C3%A9%20de%20fonctionnalit%C3%A9s%20destin%C3%A9es%20%C3%A0%20vous%20aider%20%C3%A0%20d%C3%A9boguer%20et%20comprendre%20tout%20ce%20qui%20est%20li%C3%A9%20%C3%A0%20l%27affichage%20de%20votre%20page.%0D%0A%0D%0A%0D%0APhoto%20de%20Hamed%20Saber%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li
class="shr-gmail"> <a
href="http://www.shareaholic.com/api/share/?title=Les+plugins+Firefox+%3A+Firebug&amp;link=http://www.webaaz.com/2009/09/les-plugins-firefox-firebug/&amp;notes=Pour%20le%20d%C3%A9veloppement%20web%2C%20il%20existe%20plusieurs%20extensions%20tr%C3%A8s%20pratiques%20pour%20am%C3%A9liorer%20la%20qualit%C3%A9%20de%20son%20code%2C%20le%20d%C3%A9boguer%2C%20ou%20l%27optimiser.%20Elles%20sont%20v%C3%A9ritablement%20pl%C3%A9biscit%C3%A9es%20par%20les%20d%C3%A9veloppeurs%2C%20et%20sont%20en%20partie%20%C3%A0%20l%27origine%20du%20succ%C3%A8s%20de%20Firefox.%20L%27une%20des%20plus%20connues%20et%20utilis%C3%A9e%20est%20Firebug%2C%20un%20condens%C3%A9%20de%20fonctionnalit%C3%A9s%20destin%C3%A9es%20%C3%A0%20vous%20aider%20%C3%A0%20d%C3%A9boguer%20et%20comprendre%20tout%20ce%20qui%20est%20li%C3%A9%20%C3%A0%20l%27affichage%20de%20votre%20page.%0D%0A%0D%0A%0D%0APhoto%20de%20Hamed%20Saber%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a></li><li
class="shr-viadeo"> <a
href="http://www.shareaholic.com/api/share/?title=Les+plugins+Firefox+%3A+Firebug&amp;link=http://www.webaaz.com/2009/09/les-plugins-firefox-firebug/&amp;notes=Pour%20le%20d%C3%A9veloppement%20web%2C%20il%20existe%20plusieurs%20extensions%20tr%C3%A8s%20pratiques%20pour%20am%C3%A9liorer%20la%20qualit%C3%A9%20de%20son%20code%2C%20le%20d%C3%A9boguer%2C%20ou%20l%27optimiser.%20Elles%20sont%20v%C3%A9ritablement%20pl%C3%A9biscit%C3%A9es%20par%20les%20d%C3%A9veloppeurs%2C%20et%20sont%20en%20partie%20%C3%A0%20l%27origine%20du%20succ%C3%A8s%20de%20Firefox.%20L%27une%20des%20plus%20connues%20et%20utilis%C3%A9e%20est%20Firebug%2C%20un%20condens%C3%A9%20de%20fonctionnalit%C3%A9s%20destin%C3%A9es%20%C3%A0%20vous%20aider%20%C3%A0%20d%C3%A9boguer%20et%20comprendre%20tout%20ce%20qui%20est%20li%C3%A9%20%C3%A0%20l%27affichage%20de%20votre%20page.%0D%0A%0D%0A%0D%0APhoto%20de%20Hamed%20Saber%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a></li><li
class="shr-googlereader"> <a
href="http://www.shareaholic.com/api/share/?title=Les+plugins+Firefox+%3A+Firebug&amp;link=http://www.webaaz.com/2009/09/les-plugins-firefox-firebug/&amp;notes=Pour%20le%20d%C3%A9veloppement%20web%2C%20il%20existe%20plusieurs%20extensions%20tr%C3%A8s%20pratiques%20pour%20am%C3%A9liorer%20la%20qualit%C3%A9%20de%20son%20code%2C%20le%20d%C3%A9boguer%2C%20ou%20l%27optimiser.%20Elles%20sont%20v%C3%A9ritablement%20pl%C3%A9biscit%C3%A9es%20par%20les%20d%C3%A9veloppeurs%2C%20et%20sont%20en%20partie%20%C3%A0%20l%27origine%20du%20succ%C3%A8s%20de%20Firefox.%20L%27une%20des%20plus%20connues%20et%20utilis%C3%A9e%20est%20Firebug%2C%20un%20condens%C3%A9%20de%20fonctionnalit%C3%A9s%20destin%C3%A9es%20%C3%A0%20vous%20aider%20%C3%A0%20d%C3%A9boguer%20et%20comprendre%20tout%20ce%20qui%20est%20li%C3%A9%20%C3%A0%20l%27affichage%20de%20votre%20page.%0D%0A%0D%0A%0D%0APhoto%20de%20Hamed%20Saber%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=207&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a></li><li
class="shr-netvibes"> <a
href="http://www.shareaholic.com/api/share/?title=Les+plugins+Firefox+%3A+Firebug&amp;link=http://www.webaaz.com/2009/09/les-plugins-firefox-firebug/&amp;notes=Pour%20le%20d%C3%A9veloppement%20web%2C%20il%20existe%20plusieurs%20extensions%20tr%C3%A8s%20pratiques%20pour%20am%C3%A9liorer%20la%20qualit%C3%A9%20de%20son%20code%2C%20le%20d%C3%A9boguer%2C%20ou%20l%27optimiser.%20Elles%20sont%20v%C3%A9ritablement%20pl%C3%A9biscit%C3%A9es%20par%20les%20d%C3%A9veloppeurs%2C%20et%20sont%20en%20partie%20%C3%A0%20l%27origine%20du%20succ%C3%A8s%20de%20Firefox.%20L%27une%20des%20plus%20connues%20et%20utilis%C3%A9e%20est%20Firebug%2C%20un%20condens%C3%A9%20de%20fonctionnalit%C3%A9s%20destin%C3%A9es%20%C3%A0%20vous%20aider%20%C3%A0%20d%C3%A9boguer%20et%20comprendre%20tout%20ce%20qui%20est%20li%C3%A9%20%C3%A0%20l%27affichage%20de%20votre%20page.%0D%0A%0D%0A%0D%0APhoto%20de%20Hamed%20Saber%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=195&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a></li></ul><div
style="clear: both;"></div></div> ]]></content:encoded> <wfw:commentRss>http://www.webaaz.com/2009/09/les-plugins-firefox-firebug/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Trouver de belles photos pour son site web</title><link>http://www.webaaz.com/2009/07/trouver-de-belles-photos-pour-son-site-web/</link> <comments>http://www.webaaz.com/2009/07/trouver-de-belles-photos-pour-son-site-web/#comments</comments> <pubDate>Sun, 26 Jul 2009 19:09:06 +0000</pubDate> <dc:creator>Martin</dc:creator> <category><![CDATA[Design]]></category> <category><![CDATA[Libre]]></category> <category><![CDATA[Photo]]></category> <category><![CDATA[Bonnes pratiques]]></category> <category><![CDATA[Creative Commons]]></category> <category><![CDATA[Flickr]]></category> <category><![CDATA[Image]]></category> <category><![CDATA[Références]]></category> <guid
isPermaLink="false">http://www.webaaz.com/?p=174</guid> <description><![CDATA[Que l'on tienne un blog perso, un blog technique, un site web tout simple ou un site de e-commerce, on est toujours confronté au besoin d'illustrer un article, une page thématique, un menu... Un site internet sans image, quel que soit le contenu, ce n'est pas très attrayant ! Ainsi nous avons tous l'occasion de rechercher une image pour animer un peu un article et le rendre plus vivant. Mais alors les photos on les trouve ou ? Plusieurs solutions sont possibles, petit tour d'horizon.
<img
src="/images/sur-les-toits.jpg" alt="Sur les toits" /> <a
title="Photo de Pierre H. depuis Flickr" href="http://www.flickr.com/photos/hurty/623750107/">Photo de Pierre H. depuis Flickr</a>]]></description> <content:encoded><![CDATA[<p>Que l&#8217;on tienne un blog perso, un blog technique, un site web tout simple ou un site de e-commerce, on est toujours confronté au besoin d&#8217;illustrer un article, une page thématique, un menu&#8230; Un site internet sans image, quel que soit le contenu, ce n&#8217;est pas très attrayant ! Ainsi nous avons tous l&#8217;occasion de rechercher une image pour animer un peu un article et le rendre plus vivant. Mais alors les photos on les trouve ou ? Plusieurs solutions sont possibles, petit tour d&#8217;horizon.</p><p><img
src="/images/sur-les-toits.jpg" alt="Sur les toits" /><br
/> <a
title="Photo de Pierre H. depuis Flickr" href="http://www.flickr.com/photos/hurty/623750107/">Photo de Pierre H. depuis Flickr</a></p><h2>Les photos maison</h2><p>La solution la plus simple aujourd&#8217;hui est encore de faire soit même une photo, de la retoucher et de l&#8217;utiliser. Surtout si vous êtes un photographe averti, le résultat sera tel que vous l&#8217;imaginiez, et vous pourrez l&#8217;afficher sur votre site avec une certaine fierté. Les avantages sont certains en termes de rapidité, de coûts et d&#8217;originalité. Cependant ce n&#8217;est pas la panacée si vous avez besoin d&#8217;une photo de la terre, d&#8217;un paquebot en pleine mer ou de votre star favorite. Ou tout simplement si vous êtes incapable de cadrer correctement une photo ou d&#8217;éviter les flous même avec un appareil numérique.</p><h2>Les moteurs de recherche</h2><p>Alors du coup on se tourne vers son moteur de recherche favori, la plupart proposent même une recherche spécifique pour les images. La recherche avancée permet de filtrer précisément, le type d&#8217;image, la taille, la couleur dominante et bien sûr le sujet&#8230; C&#8217;est effectivement assez pratique, même si les résultats ne sont pas de très grande qualité et souvent pollués par des images sans intérêt. Cependant ces images ne vous appartiennent pas et vous ne pouvez pas les utiliser sans une autorisation de leur auteur. Ce qui n&#8217;est pas impossible, mais certainement pas très facile, les crédits photos étant rarement cités sur le web et la photo probablement déjà une copie sans droits&#8230;</p><h2>Les banques d&#8217;images</h2><p>Les banques d&#8217;images proposent elles des photos de qualité, souvent de photographes professionnels ou d&#8217;amateurs avertis. Via un moteur de recherche interne au site vous trouverez rapidement votre bonheur tant la qualité et la quantité sont au rendez-vous&#8230; Les images sont disponibles en très haute définition, ce qui peut être très utile en cas de retouche ou d&#8217;utilisation sur un support papier en parallèle du web. Évidemment, tout ceci a un prix et ces magnifiques photographies risque d&#8217;être inaccessibles si votre budget est serré. Certains sites proposent ainsi des images à plusieurs centaines d&#8217;euros. Le prix est fonction du statut exclusif ou non de la photo, de sa résolution, et des droits qui y sont associés.<br
/> Certaines banques d&#8217;images proposent des prix cassés avec des photos basse définition, bien suffisant pour un usage web, a partir de un euro. Évidemment à ce prix vous risquez de retrouver cette photo ailleurs sur Internet&#8230;</p><p>Voici quelque unes des banques d&#8217;images les plus connues :</p><ul><li><a
title="Voir la banque d'images Getty images" href="http://www.gettyimages.fr">Getty images</a></li><li><a
title="Voir la banque d'images fotolia" href="http://fr.fotolia.com/">Fotolia</a></li><li><a
title="Voir la banque d'images iStockPhoto" href="http://www.istockphoto.com/index.php">iStockPhoto</a></li><li><a
title="la banque d'images fotosearch" href="http://www.fotosearch.fr">Fotosearch</a></li><li><a
title="la banque d'images stockxpert" href="http://www.stockxpert.com/" hreflang="en">Stockxpert</a></li></ul><p>Et si votre besoin de photos est récurent la  plupart de ces sites proposent des tarifs dégressifs sur abonnement.</p><h2>Les banques d&#8217;images gratuites</h2><p>Mais sur Internet on trouve très souvent tout ce que l&#8217;on cherche gratuitement à condition de savoir ou chercher. Vous trouverez donc également des banques d&#8217;images gratuites ! Le site <a
title="Voir le site de photos Flickr" href="http://www.flickr.com/">Flickr</a> permet de stocker ses photos pour le montrer à ses amis ou au monde entier, et une grande partie des utilisateurs laisse ses photos sous une licence assez simple et peu restrictive, la licence &laquo;&nbsp;<a
title="Voir le site de la licence Creative Commons" href="http://fr.creativecommons.org/">Creative Commons</a>&laquo;&nbsp;. La <a
title="Voir la description de la licence Creative Commons" href="http://fr.creativecommons.org/description.htm" class="broken_link">description de la licence</a> explique que les droits sur les photos sont cédés gratuitement à l&#8217;utilisateur sous certaines conditions. On simplifie ainsi la réutilisation en s&#8217;affranchissant de la demande d&#8217;autorisation systématique à l&#8217;auteur du cliché.<br
/> Les différentes conditions imposent tout de même de citer obligatoirement l&#8217;auteur du contenu sous licence Creative Commons, et peut également imposer l&#8217;interdiction de modifier l&#8217;œuvre, l&#8217;interdiction de l&#8217;utiliser commercialement, et vous obligez à redistribuer l&#8217;œuvre sous la même licence.</p><p>Il y a actuellement plus de <a
title="Voir les photos Creative Commons de Flickr" href="http://www.flickr.com/creativecommons/">100 millions de photos sous licence Créative Commons sur Flickr</a>.</p><p>C&#8217;est ainsi que je trouve toutes les photos de ce blog, via le site Blue Moutains cité plus bas et son moteur de recherche, qui filtre les photos de Flickr en fonction de leur licence. Je préviens les auteurs des photos qui sont en général content et très fier de voir leur travail reconnu, et avec le lien vers Flickr tout le monde peut aller voir les autres photos de l&#8217;auteur. Et bien sûr dès que j&#8217;illustrerai mes articles avec mes propres photos je les distribuerai sur Flickr sous licence libre !</p><ul><li><a
title="Voir la banque d'images Creative Commons de Flickr sur le site Blue Mountains" href="http://flickrcc.bluemountains.net/" hreflang="en">Blue Moutains</a></li><li><a
title="la banque d'images stockxchange" href="http://www.sxc.hu" hreflang="en">Stockxchange</a></li></ul><h2>Et les droits comment ça fonctionne</h2><p>Pour avoir plus d&#8217;informations sur les droits d&#8217;auteur, je vous conseille de lire systématiquement les licences des photos que vous envisagez d&#8217;utiliser.</p><p>Pour des informations plus générales, le site du ministère de la culture présente un <a
title="Voir le dossier sur les droits du ministère de la culture" href="http://www.culture.gouv.fr/culture/infos-pratiques/droits/">dossier sur les droits</a></p><p>N&#8217;oubliez pas que vous devez disposer directement ou indirectement des accords des personnes présentes sur vos photos pour les publier !</p><h2>Liens utiles</h2><p>Le petit truc en plus pour retrouver des copies d&#8217;une photo, c&#8217;est TinEye et le labo de Google qui proposent des fonctionnalités de recherche d&#8217;images similaires. Idéal pour savoir si une photo est unique ou pas, ou pour retrouver l&#8217;original d&#8217;une photo.</p><ul><li><a
title="Voir le site de Tin Eye" href="http://www.tineye.com/">Tin Eye</a></li><li><a
title="Voir le labo de google sur la recherche d'image" href="http://similar-images.googlelabs.com/">Similar image sur Google labs</a></li></ul><p>Pour plus d&#8217;informations sur le sujet je vous propose l&#8217;excellent article de Framasoft sur le sujet : <a
title="Voir l'article sur la gestion des images dans Wikipédia sur le site Framasoft" href="http://www.framablog.org/index.php/post/2009/07/29/wikipedia-et-photographie">La gestion des images dans Wikipédia</a>.</p><h2>Conclusion</h2><p>Alors il n&#8217;y a pas une solution, mais des solutions, à chacun de trouver la sienne ou de les utiliser chacune pour ses avantages suivant les besoins du moment.</p><p>Et vous ? Ou trouvez vous vos photos ? Avez vous quelque site de référence sur le sujet qui mérite que l&#8217;on s&#8217;y arrête ? Comment trouvez vous les photos d&#8217;illustration de ce blog ? Je vous invite à lire tout mes articles si vous ne les avez pas encore vues !<br
/><h2>Sur le même thème</h2><ul
class="similar-posts"><li><a
href="http://www.webaaz.com/2010/04/les-generateurs-de-sprites-css/" rel="bookmark" title="28 avril 2010">Les générateurs de sprites CSS</a></li><li><a
href="http://www.webaaz.com/2010/05/developper-sous-ubuntu/" rel="bookmark" title="5 mai 2010">Développer sous Ubuntu</a></li><li><a
href="http://www.webaaz.com/2010/03/pencil-sketching/" rel="bookmark" title="23 mars 2010">Maquettage avec Pencil Sketching</a></li><li><a
href="http://www.webaaz.com/2010/09/optimiser-lutilisation-declipse/" rel="bookmark" title="30 septembre 2010">Optimiser l&#8217;utilisation d&#8217;Eclipse</a></li><li><a
href="http://www.webaaz.com/2009/06/navigateur-web-standard-firefox/" rel="bookmark" title="20 juin 2009">Navigateur Web standard : Firefox</a></li></ul><p></p><div
class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy"><ul
class="socials"><li
class="shr-twitter"> <a
href="http://www.shareaholic.com/api/share/?title=Trouver+de+belles+photos+pour+son+site+web&amp;link=http://www.webaaz.com/2009/07/trouver-de-belles-photos-pour-son-site-web/&amp;notes=Que%20l%27on%20tienne%20un%20blog%20perso%2C%20un%20blog%20technique%2C%20un%20site%20web%20tout%20simple%20ou%20un%20site%20de%20e-commerce%2C%20on%20est%20toujours%20confront%C3%A9%20au%20besoin%20d%27illustrer%20un%20article%2C%20une%20page%20th%C3%A9matique%2C%20un%20menu...%20Un%20site%20internet%20sans%20image%2C%20quel%20que%20soit%20le%20contenu%2C%20ce%20n%27est%20pas%20tr%C3%A8s%20attrayant%20%21%20Ainsi%20nous%20avons%20tous%20l%27occasion%20de%20rechercher%20une%20image%20pour%20animer%20un%20peu%20un%20article%20et%20le%20rendre%20plus%20vivant.%20Mais%20alors%20les%20photos%20on%20les%20trouve%20ou%20%3F%20Plusieurs%20solutions%20sont%20possibles%2C%20petit%20tour%20d%27horizon.%0D%0A%0D%0A%0D%0APhoto%20de%20Pierre%20H.%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li
class="shr-identica"> <a
href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=Que%20l%27on%20tienne%20un%20blog%20perso%2C%20un%20blog%20technique%2C%20un%20site%20web%20tout%20simple%20ou%20un%20site%20de%20e-commerce%2C%20on%20est%20toujours%20confront%C3%A9%20au%20besoin%20d%27illustrer%20un%20article%2C%20une%20page%20th%C3%A9matique%2C%20un%20menu...%20Un%20site%20internet%20sans%20image%2C%20quel%20que%20soit%20le%20contenu%2C%20ce%20n%27est%20pas%20tr%C3%A8s%20attrayant%20%21%20Ainsi%20nous%20avons%20tous%20l%27occasion%20de%20rechercher%20une%20image%20pour%20animer%20un%20peu%20un%20article%20et%20le%20rendre%20plus%20vivant.%20Mais%20alors%20les%20photos%20on%20les%20trouve%20ou%20%3F%20Plusieurs%20solutions%20sont%20possibles%2C%20petit%20tour%20d%27horizon.%0D%0A%0D%0A%0D%0APhoto%20de%20Pierre%20H.%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a></li><li
class="shr-mail"> <a
href="http://www.shareaholic.com/api/share/?title=Trouver%20de%20belles%20photos%20pour%20son%20site%20web&amp;link=http://www.webaaz.com/2009/07/trouver-de-belles-photos-pour-son-site-web/&amp;notes=Que%20l%27on%20tienne%20un%20blog%20perso%2C%20un%20blog%20technique%2C%20un%20site%20web%20tout%20simple%20ou%20un%20site%20de%20e-commerce%2C%20on%20est%20toujours%20confront%C3%A9%20au%20besoin%20d%27illustrer%20un%20article%2C%20une%20page%20th%C3%A9matique%2C%20un%20menu...%20Un%20site%20internet%20sans%20image%2C%20quel%20que%20soit%20le%20contenu%2C%20ce%20n%27est%20pas%20tr%C3%A8s%20attrayant%20%21%20Ainsi%20nous%20avons%20tous%20l%27occasion%20de%20rechercher%20une%20image%20pour%20animer%20un%20peu%20un%20article%20et%20le%20rendre%20plus%20vivant.%20Mais%20alors%20les%20photos%20on%20les%20trouve%20ou%20%3F%20Plusieurs%20solutions%20sont%20possibles%2C%20petit%20tour%20d%27horizon.%0D%0A%0D%0A%0D%0APhoto%20de%20Pierre%20H.%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li
class="shr-gmail"> <a
href="http://www.shareaholic.com/api/share/?title=Trouver+de+belles+photos+pour+son+site+web&amp;link=http://www.webaaz.com/2009/07/trouver-de-belles-photos-pour-son-site-web/&amp;notes=Que%20l%27on%20tienne%20un%20blog%20perso%2C%20un%20blog%20technique%2C%20un%20site%20web%20tout%20simple%20ou%20un%20site%20de%20e-commerce%2C%20on%20est%20toujours%20confront%C3%A9%20au%20besoin%20d%27illustrer%20un%20article%2C%20une%20page%20th%C3%A9matique%2C%20un%20menu...%20Un%20site%20internet%20sans%20image%2C%20quel%20que%20soit%20le%20contenu%2C%20ce%20n%27est%20pas%20tr%C3%A8s%20attrayant%20%21%20Ainsi%20nous%20avons%20tous%20l%27occasion%20de%20rechercher%20une%20image%20pour%20animer%20un%20peu%20un%20article%20et%20le%20rendre%20plus%20vivant.%20Mais%20alors%20les%20photos%20on%20les%20trouve%20ou%20%3F%20Plusieurs%20solutions%20sont%20possibles%2C%20petit%20tour%20d%27horizon.%0D%0A%0D%0A%0D%0APhoto%20de%20Pierre%20H.%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a></li><li
class="shr-viadeo"> <a
href="http://www.shareaholic.com/api/share/?title=Trouver+de+belles+photos+pour+son+site+web&amp;link=http://www.webaaz.com/2009/07/trouver-de-belles-photos-pour-son-site-web/&amp;notes=Que%20l%27on%20tienne%20un%20blog%20perso%2C%20un%20blog%20technique%2C%20un%20site%20web%20tout%20simple%20ou%20un%20site%20de%20e-commerce%2C%20on%20est%20toujours%20confront%C3%A9%20au%20besoin%20d%27illustrer%20un%20article%2C%20une%20page%20th%C3%A9matique%2C%20un%20menu...%20Un%20site%20internet%20sans%20image%2C%20quel%20que%20soit%20le%20contenu%2C%20ce%20n%27est%20pas%20tr%C3%A8s%20attrayant%20%21%20Ainsi%20nous%20avons%20tous%20l%27occasion%20de%20rechercher%20une%20image%20pour%20animer%20un%20peu%20un%20article%20et%20le%20rendre%20plus%20vivant.%20Mais%20alors%20les%20photos%20on%20les%20trouve%20ou%20%3F%20Plusieurs%20solutions%20sont%20possibles%2C%20petit%20tour%20d%27horizon.%0D%0A%0D%0A%0D%0APhoto%20de%20Pierre%20H.%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a></li><li
class="shr-googlereader"> <a
href="http://www.shareaholic.com/api/share/?title=Trouver+de+belles+photos+pour+son+site+web&amp;link=http://www.webaaz.com/2009/07/trouver-de-belles-photos-pour-son-site-web/&amp;notes=Que%20l%27on%20tienne%20un%20blog%20perso%2C%20un%20blog%20technique%2C%20un%20site%20web%20tout%20simple%20ou%20un%20site%20de%20e-commerce%2C%20on%20est%20toujours%20confront%C3%A9%20au%20besoin%20d%27illustrer%20un%20article%2C%20une%20page%20th%C3%A9matique%2C%20un%20menu...%20Un%20site%20internet%20sans%20image%2C%20quel%20que%20soit%20le%20contenu%2C%20ce%20n%27est%20pas%20tr%C3%A8s%20attrayant%20%21%20Ainsi%20nous%20avons%20tous%20l%27occasion%20de%20rechercher%20une%20image%20pour%20animer%20un%20peu%20un%20article%20et%20le%20rendre%20plus%20vivant.%20Mais%20alors%20les%20photos%20on%20les%20trouve%20ou%20%3F%20Plusieurs%20solutions%20sont%20possibles%2C%20petit%20tour%20d%27horizon.%0D%0A%0D%0A%0D%0APhoto%20de%20Pierre%20H.%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=207&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a></li><li
class="shr-netvibes"> <a
href="http://www.shareaholic.com/api/share/?title=Trouver+de+belles+photos+pour+son+site+web&amp;link=http://www.webaaz.com/2009/07/trouver-de-belles-photos-pour-son-site-web/&amp;notes=Que%20l%27on%20tienne%20un%20blog%20perso%2C%20un%20blog%20technique%2C%20un%20site%20web%20tout%20simple%20ou%20un%20site%20de%20e-commerce%2C%20on%20est%20toujours%20confront%C3%A9%20au%20besoin%20d%27illustrer%20un%20article%2C%20une%20page%20th%C3%A9matique%2C%20un%20menu...%20Un%20site%20internet%20sans%20image%2C%20quel%20que%20soit%20le%20contenu%2C%20ce%20n%27est%20pas%20tr%C3%A8s%20attrayant%20%21%20Ainsi%20nous%20avons%20tous%20l%27occasion%20de%20rechercher%20une%20image%20pour%20animer%20un%20peu%20un%20article%20et%20le%20rendre%20plus%20vivant.%20Mais%20alors%20les%20photos%20on%20les%20trouve%20ou%20%3F%20Plusieurs%20solutions%20sont%20possibles%2C%20petit%20tour%20d%27horizon.%0D%0A%0D%0A%0D%0APhoto%20de%20Pierre%20H.%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=195&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a></li></ul><div
style="clear: both;"></div></div> ]]></content:encoded> <wfw:commentRss>http://www.webaaz.com/2009/07/trouver-de-belles-photos-pour-son-site-web/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>Les plugins Firefox : FoxyProxy</title><link>http://www.webaaz.com/2009/07/les-plugins-firefox-foxyproxy/</link> <comments>http://www.webaaz.com/2009/07/les-plugins-firefox-foxyproxy/#comments</comments> <pubDate>Wed, 15 Jul 2009 08:59:17 +0000</pubDate> <dc:creator>Martin</dc:creator> <category><![CDATA[Développement]]></category> <category><![CDATA[Libre]]></category> <category><![CDATA[Logiciels]]></category> <category><![CDATA[Outils]]></category> <category><![CDATA[Plugins]]></category> <category><![CDATA[Développement web]]></category> <category><![CDATA[Firefox]]></category> <category><![CDATA[Proxy]]></category> <guid
isPermaLink="false">http://www.webaaz.com/?p=164</guid> <description><![CDATA[Voilà donc le premier article consacré aux plugins de Firefox. Ces "bouts de code", "modules" ou addons que l'on intègre directement dans notre navigateur afin de lui ajouter de nouvelles possibilités, sont aujourd'hui indispensables au développeur web.
Simple à installer, intégrés dans le navigateur, multiplateforme, ils sont d'une utilisation souvent très simple mais apportent non seulement des fonctionnalités inédites, mais un confort d'utilisation exemplaire. On y gagne en efficacité, productivité, inventivité... Que du bonheur donc...
<img
src="/images/veins-of-Bangkok.jpg" alt="Échangeur autoroutier" /> <a
title="Photo de Stuck in Customs depuis Flickr" href="http://www.flickr.com/photos/95572727@N00/310074290">Photo de Stuck in Customs depuis Flickr</a>]]></description> <content:encoded><![CDATA[<p>Voilà donc le premier article consacré aux plugins de Firefox. Ces &laquo;&nbsp;bouts de code&nbsp;&raquo;, &laquo;&nbsp;modules&nbsp;&raquo; ou &laquo;&nbsp;addons&nbsp;&raquo; que l&#8217;on intègre directement dans notre navigateur afin de lui ajouter de nouvelles possibilités, sont aujourd&#8217;hui indispensables au développeur web.</p><p>Simple à installer, intégrés dans le navigateur, multiplateforme, ils sont d&#8217;une utilisation souvent très simple mais apportent non seulement des fonctionnalités inédites, mais un confort d&#8217;utilisation exemplaire. On y gagne en efficacité, productivité, inventivité&#8230; Que du bonheur donc&#8230;</p><p><img
src="/images/veins-of-Bangkok.jpg" alt="Échangeur autoroutier" /><br
/> <a
title="Photo de Stuck in Customs depuis Flickr" href="http://www.flickr.com/photos/95572727@N00/310074290">Photo de Stuck in Customs depuis Flickr</a></p><h2>pourquoi faire ?</h2><p>Je commence donc avec FoxyProxy, un gestionnaire avancé de configuration de proxy qui remplacera avantageusement celui plus simpliste de Firefox si vous avez des besoins plus élaborés. pour ma part le besoin s&#8217;est fait ressentir chez un client qui possède un réseau énorme. La configuration automatique du proxy ne me convenait, mon but était donc de paramétrer au plus juste les règles d&#8217;utilisation du serveur proxy.</p><h2>Comment ca marche ?</h2><p>Le module se configure à partir de listes blanches et noires, et de définitions de serveurs proxy.</p><p>Vous définissez ainsi quels sites (définis soit par ip, par plage d&#8217;ip, par nom ou expression régulière) doit utiliser quel proxy ou se connecter en direct à Internet. Votre navigateur sait ainsi en analysant votre requête de quelle manière il va se connecter au réseau.<br
/> Vous pouvez bien entendu déclarer un accès par défaut au réseau, et activer ou désactiver une règle d&#8217;un simple clic.</p><p>FoxyProxy peut aussi vous permettre d&#8217;accéder à une ressource réseau bloquée (dans certains pays par exemple) en passant par un serveur proxy public&#8230;</p><h2>Aide &#038; Support pour la configuration</h2><p>Vous trouverez certainement réponse à vos question dans la <a
tile="Voir la faq de FoxyProxy" href="http://foxyproxy.mozdev.org/faq.html" hreflang="en"><acronym
title="Foire aux Questions">FAQ</acronym></a> de Foxy Proxy.</p><p>Un <a
title="Voir le forum d'entraide de FoxyProxy" href="http://foxyproxy.mozdev.org/drupal/forum" hreflang="en">forum d&#8217;entraide</a>, d&#8217;échange d&#8217;astuces et de soumission de bugs vous permettra de répondre à tous les autres problèmes que vous pourrez rencontrer.</p><h2>Ou le trouver ?</h2><p>Vous pouvez le trouver sur l&#8217;indispensable site qui regroupe <a
title="Site de téléchargement des modules de Firefox" href="https://addons.mozilla.org/fr/firefox/">tous les modules de Firefox</a>, ou directement à l&#8217;adresse suivante :</p><ul><li><a
title="Aller sur le site des modules Firefox pour installer FoxyProxy" href="https://addons.mozilla.org/fr/firefox/addon/2464">Installer FoxyProxy</a></li></ul><h2>Sur le même thème</h2><ul
class="similar-posts"><li><a
href="http://www.webaaz.com/2009/12/les-plugins-firefox-colorzilla/" rel="bookmark" title="22 décembre 2009">Les plugins Firefox : Colorzilla</a></li><li><a
href="http://www.webaaz.com/2009/06/navigateur-web-standard-firefox/" rel="bookmark" title="20 juin 2009">Navigateur Web standard : Firefox</a></li><li><a
href="http://www.webaaz.com/2010/02/les-plugins-firefox-xrefresh/" rel="bookmark" title="18 février 2010">Les plugins Firefox : XRefresh</a></li><li><a
href="http://www.webaaz.com/2009/11/outils-edition-de-fichiers-avec-notepad/" rel="bookmark" title="24 novembre 2009">Outils : Edition de fichiers avec Notepad++</a></li><li><a
href="http://www.webaaz.com/2009/04/mysql-gui-tools/" rel="bookmark" title="24 avril 2009">MySQL GUI Tools</a></li></ul><p></p><div
class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy"><ul
class="socials"><li
class="shr-twitter"> <a
href="http://www.shareaholic.com/api/share/?title=Les+plugins+Firefox+%3A+FoxyProxy&amp;link=http://www.webaaz.com/2009/07/les-plugins-firefox-foxyproxy/&amp;notes=Voil%C3%A0%20donc%20le%20premier%20article%20consacr%C3%A9%20aux%20plugins%20de%20Firefox.%20Ces%20%22bouts%20de%20code%22%2C%20%22modules%22%20ou%20addons%20que%20l%27on%20int%C3%A8gre%20directement%20dans%20notre%20navigateur%20afin%20de%20lui%20ajouter%20de%20nouvelles%20possibilit%C3%A9s%2C%20sont%20aujourd%27hui%20indispensables%20au%20d%C3%A9veloppeur%20web.%0D%0A%0D%0ASimple%20%C3%A0%20installer%2C%20int%C3%A9gr%C3%A9s%20dans%20le%20navigateur%2C%20multiplateforme%2C%20ils%20sont%20d%27une%20utilisation%20souvent%20tr%C3%A8s%20simple%20mais%20apportent%20non%20seulement%20des%20fonctionnalit%C3%A9s%20in%C3%A9dites%2C%20mais%20un%20confort%20d%27utilisation%20exemplaire.%20On%20y%20gagne%20en%20efficacit%C3%A9%2C%20productivit%C3%A9%2C%20inventivit%C3%A9...%20Que%20du%20bonheur%20donc...%0D%0A%0D%0A%0D%0APhoto%20de%20Stuck%20in%20Customs%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li
class="shr-identica"> <a
href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=Voil%C3%A0%20donc%20le%20premier%20article%20consacr%C3%A9%20aux%20plugins%20de%20Firefox.%20Ces%20%22bouts%20de%20code%22%2C%20%22modules%22%20ou%20addons%20que%20l%27on%20int%C3%A8gre%20directement%20dans%20notre%20navigateur%20afin%20de%20lui%20ajouter%20de%20nouvelles%20possibilit%C3%A9s%2C%20sont%20aujourd%27hui%20indispensables%20au%20d%C3%A9veloppeur%20web.%0D%0A%0D%0ASimple%20%C3%A0%20installer%2C%20int%C3%A9gr%C3%A9s%20dans%20le%20navigateur%2C%20multiplateforme%2C%20ils%20sont%20d%27une%20utilisation%20souvent%20tr%C3%A8s%20simple%20mais%20apportent%20non%20seulement%20des%20fonctionnalit%C3%A9s%20in%C3%A9dites%2C%20mais%20un%20confort%20d%27utilisation%20exemplaire.%20On%20y%20gagne%20en%20efficacit%C3%A9%2C%20productivit%C3%A9%2C%20inventivit%C3%A9...%20Que%20du%20bonheur%20donc...%0D%0A%0D%0A%0D%0APhoto%20de%20Stuck%20in%20Customs%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a></li><li
class="shr-mail"> <a
href="http://www.shareaholic.com/api/share/?title=Les%20plugins%20Firefox%20%3A%20FoxyProxy&amp;link=http://www.webaaz.com/2009/07/les-plugins-firefox-foxyproxy/&amp;notes=Voil%C3%A0%20donc%20le%20premier%20article%20consacr%C3%A9%20aux%20plugins%20de%20Firefox.%20Ces%20%22bouts%20de%20code%22%2C%20%22modules%22%20ou%20addons%20que%20l%27on%20int%C3%A8gre%20directement%20dans%20notre%20navigateur%20afin%20de%20lui%20ajouter%20de%20nouvelles%20possibilit%C3%A9s%2C%20sont%20aujourd%27hui%20indispensables%20au%20d%C3%A9veloppeur%20web.%0D%0A%0D%0ASimple%20%C3%A0%20installer%2C%20int%C3%A9gr%C3%A9s%20dans%20le%20navigateur%2C%20multiplateforme%2C%20ils%20sont%20d%27une%20utilisation%20souvent%20tr%C3%A8s%20simple%20mais%20apportent%20non%20seulement%20des%20fonctionnalit%C3%A9s%20in%C3%A9dites%2C%20mais%20un%20confort%20d%27utilisation%20exemplaire.%20On%20y%20gagne%20en%20efficacit%C3%A9%2C%20productivit%C3%A9%2C%20inventivit%C3%A9...%20Que%20du%20bonheur%20donc...%0D%0A%0D%0A%0D%0APhoto%20de%20Stuck%20in%20Customs%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li
class="shr-gmail"> <a
href="http://www.shareaholic.com/api/share/?title=Les+plugins+Firefox+%3A+FoxyProxy&amp;link=http://www.webaaz.com/2009/07/les-plugins-firefox-foxyproxy/&amp;notes=Voil%C3%A0%20donc%20le%20premier%20article%20consacr%C3%A9%20aux%20plugins%20de%20Firefox.%20Ces%20%22bouts%20de%20code%22%2C%20%22modules%22%20ou%20addons%20que%20l%27on%20int%C3%A8gre%20directement%20dans%20notre%20navigateur%20afin%20de%20lui%20ajouter%20de%20nouvelles%20possibilit%C3%A9s%2C%20sont%20aujourd%27hui%20indispensables%20au%20d%C3%A9veloppeur%20web.%0D%0A%0D%0ASimple%20%C3%A0%20installer%2C%20int%C3%A9gr%C3%A9s%20dans%20le%20navigateur%2C%20multiplateforme%2C%20ils%20sont%20d%27une%20utilisation%20souvent%20tr%C3%A8s%20simple%20mais%20apportent%20non%20seulement%20des%20fonctionnalit%C3%A9s%20in%C3%A9dites%2C%20mais%20un%20confort%20d%27utilisation%20exemplaire.%20On%20y%20gagne%20en%20efficacit%C3%A9%2C%20productivit%C3%A9%2C%20inventivit%C3%A9...%20Que%20du%20bonheur%20donc...%0D%0A%0D%0A%0D%0APhoto%20de%20Stuck%20in%20Customs%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a></li><li
class="shr-viadeo"> <a
href="http://www.shareaholic.com/api/share/?title=Les+plugins+Firefox+%3A+FoxyProxy&amp;link=http://www.webaaz.com/2009/07/les-plugins-firefox-foxyproxy/&amp;notes=Voil%C3%A0%20donc%20le%20premier%20article%20consacr%C3%A9%20aux%20plugins%20de%20Firefox.%20Ces%20%22bouts%20de%20code%22%2C%20%22modules%22%20ou%20addons%20que%20l%27on%20int%C3%A8gre%20directement%20dans%20notre%20navigateur%20afin%20de%20lui%20ajouter%20de%20nouvelles%20possibilit%C3%A9s%2C%20sont%20aujourd%27hui%20indispensables%20au%20d%C3%A9veloppeur%20web.%0D%0A%0D%0ASimple%20%C3%A0%20installer%2C%20int%C3%A9gr%C3%A9s%20dans%20le%20navigateur%2C%20multiplateforme%2C%20ils%20sont%20d%27une%20utilisation%20souvent%20tr%C3%A8s%20simple%20mais%20apportent%20non%20seulement%20des%20fonctionnalit%C3%A9s%20in%C3%A9dites%2C%20mais%20un%20confort%20d%27utilisation%20exemplaire.%20On%20y%20gagne%20en%20efficacit%C3%A9%2C%20productivit%C3%A9%2C%20inventivit%C3%A9...%20Que%20du%20bonheur%20donc...%0D%0A%0D%0A%0D%0APhoto%20de%20Stuck%20in%20Customs%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a></li><li
class="shr-googlereader"> <a
href="http://www.shareaholic.com/api/share/?title=Les+plugins+Firefox+%3A+FoxyProxy&amp;link=http://www.webaaz.com/2009/07/les-plugins-firefox-foxyproxy/&amp;notes=Voil%C3%A0%20donc%20le%20premier%20article%20consacr%C3%A9%20aux%20plugins%20de%20Firefox.%20Ces%20%22bouts%20de%20code%22%2C%20%22modules%22%20ou%20addons%20que%20l%27on%20int%C3%A8gre%20directement%20dans%20notre%20navigateur%20afin%20de%20lui%20ajouter%20de%20nouvelles%20possibilit%C3%A9s%2C%20sont%20aujourd%27hui%20indispensables%20au%20d%C3%A9veloppeur%20web.%0D%0A%0D%0ASimple%20%C3%A0%20installer%2C%20int%C3%A9gr%C3%A9s%20dans%20le%20navigateur%2C%20multiplateforme%2C%20ils%20sont%20d%27une%20utilisation%20souvent%20tr%C3%A8s%20simple%20mais%20apportent%20non%20seulement%20des%20fonctionnalit%C3%A9s%20in%C3%A9dites%2C%20mais%20un%20confort%20d%27utilisation%20exemplaire.%20On%20y%20gagne%20en%20efficacit%C3%A9%2C%20productivit%C3%A9%2C%20inventivit%C3%A9...%20Que%20du%20bonheur%20donc...%0D%0A%0D%0A%0D%0APhoto%20de%20Stuck%20in%20Customs%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=207&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a></li><li
class="shr-netvibes"> <a
href="http://www.shareaholic.com/api/share/?title=Les+plugins+Firefox+%3A+FoxyProxy&amp;link=http://www.webaaz.com/2009/07/les-plugins-firefox-foxyproxy/&amp;notes=Voil%C3%A0%20donc%20le%20premier%20article%20consacr%C3%A9%20aux%20plugins%20de%20Firefox.%20Ces%20%22bouts%20de%20code%22%2C%20%22modules%22%20ou%20addons%20que%20l%27on%20int%C3%A8gre%20directement%20dans%20notre%20navigateur%20afin%20de%20lui%20ajouter%20de%20nouvelles%20possibilit%C3%A9s%2C%20sont%20aujourd%27hui%20indispensables%20au%20d%C3%A9veloppeur%20web.%0D%0A%0D%0ASimple%20%C3%A0%20installer%2C%20int%C3%A9gr%C3%A9s%20dans%20le%20navigateur%2C%20multiplateforme%2C%20ils%20sont%20d%27une%20utilisation%20souvent%20tr%C3%A8s%20simple%20mais%20apportent%20non%20seulement%20des%20fonctionnalit%C3%A9s%20in%C3%A9dites%2C%20mais%20un%20confort%20d%27utilisation%20exemplaire.%20On%20y%20gagne%20en%20efficacit%C3%A9%2C%20productivit%C3%A9%2C%20inventivit%C3%A9...%20Que%20du%20bonheur%20donc...%0D%0A%0D%0A%0D%0APhoto%20de%20Stuck%20in%20Customs%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=195&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a></li></ul><div
style="clear: both;"></div></div> ]]></content:encoded> <wfw:commentRss>http://www.webaaz.com/2009/07/les-plugins-firefox-foxyproxy/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Navigateur Web standard : Firefox</title><link>http://www.webaaz.com/2009/06/navigateur-web-standard-firefox/</link> <comments>http://www.webaaz.com/2009/06/navigateur-web-standard-firefox/#comments</comments> <pubDate>Sat, 20 Jun 2009 17:42:31 +0000</pubDate> <dc:creator>Martin</dc:creator> <category><![CDATA[Libre]]></category> <category><![CDATA[Logiciels]]></category> <category><![CDATA[Outils]]></category> <category><![CDATA[Compatibilite]]></category> <category><![CDATA[HTML]]></category> <category><![CDATA[Navigateur]]></category> <category><![CDATA[Open source]]></category> <category><![CDATA[Web]]></category> <guid
isPermaLink="false">http://www.webaaz.com/?p=141</guid> <description><![CDATA[J'inaugure aujourd'hui une série d'articles courts sur les navigateurs et leurs extensions, j'y présenterai les browsers et leurs add-ons indispensables pour les développeurs qui utilisent ces outils libres. Mais bien que la plupart de mes lecteurs l'utilisent déjà, commençons par le commencement, voici l'histoire de Firefox, le Panda roux qui ressemble à un renard...
<img
src="/images/panda-roux.jpg" alt="Panda roux dans un arbre" /> <a
title="Photo de Harlequeen depuis Flickr" href="http://www.flickr.com/photos/27887748@N00/887663462">Photo de Harlequeen depuis Flickr</a>]]></description> <content:encoded><![CDATA[<p>J&#8217;inaugure aujourd&#8217;hui une série d&#8217;articles courts sur les navigateurs et leurs extensions, j&#8217;y présenterai les browsers et leurs add-ons indispensables pour les développeurs qui utilisent ces outils libres. Mais bien que la plupart de mes lecteurs l&#8217;utilisent déjà, commençons par le commencement, voici l&#8217;histoire de Firefox, le Panda roux qui ressemble à un renard&#8230;</p><p><img
src="/images/panda-roux.jpg" alt="Panda roux dans un arbre" /><br
/> <a
title="Photo de Harlequeen depuis Flickr" href="http://www.flickr.com/photos/27887748@N00/887663462">Photo de Harlequeen depuis Flickr</a></p><h2>Présentation &#038; Historique</h2><p>Firefox est né de la mise sous licence libre du code de Netscape Navigator, et de sa reprise sous le nom de code &laquo;&nbsp;Mozilla&nbsp;&raquo;. Ainsi, depuis 2002 la fondation Mozilla nous livre régulièrement le fruit de son travail avec une nouvelle version de Firefox. Contrairement à d&#8217;autres éditeurs qui se reposent sur leurs lauriers, les développeurs de Mozilla réinventent en permanence les usages d&#8217;un navigateur web. Ils ont ainsi successivement apporté, un lecteur de flux RSS, un filtre anti-hameçonnage, un autre anti publicité, la navigation par onglet, la gestion des extensions&#8230; Certaines de ces améliorations lui ont permis de se démarquer, mais pour les développeurs, le point important c&#8217;est surtout le respect des standards, ce qui lui donne aujourd&#8217;hui une longueur d&#8217;avance, et oblige Internet Explorer par exemple à se renouveler plus souvent pour essayer de contrer l&#8217;inexorable montée de Firefox dans les sondages, aujourd&#8217;hui crédité de plus de 30% de parts de marché en europe.</p><p>Voir <a
title="Voir une présentation complète de Firefox sur Wikipédia" href="http://fr.wikipedia.org/wiki/Mozilla_Firefox">Présentation complète sur Wikipédia</a>.</p><h2>Avantages et inconvénients</h2><p>A l&#8217;utilisation on y trouve bien sûr des avantages, grâce notamment à une ergonomie bien pensée et une rapidité d&#8217;affichage exemplaire et des options très intéressantes comme le correcteur orthographique&#8230; Mais si il est si populaire c&#8217;est surtout pour son système d&#8217;extensions qui permet d&#8217;ajouter les fonctionnalités spécifiques qui manquent à chacun pour en faire LE navigateur adapté à tous les usages. Le code source étant libre et la création d&#8217;extensions encouragée par la fondation, il en existe aujourd&#8217;hui plusieurs milliers dans toutes les langues !</p><p>Pour les développeurs ces extensions sont une mine d&#8217;or, et mon but pour prochains articles de cette catégorie sera de vous les faire découvrir, il y en quelques unes que vous trouverez rapidement indispensables et qui vous apporterons beaucoup en qualité et en productivité.</p><p>Et bien sûr le respect de nombreux standards du web, HTML, CSS, SVG&#8230; en font un navigateur agréable à utiliser. Mais son avance, ainsi que celle d&#8217;autres navigateurs un peu moins répandus, lui confère un avantage certain du point de vue théorique. Mais qui aujourd&#8217;hui utilise du SVG dans son site web ? Personne ou quasiment car tous les navigateurs ne le supportent pas, et une partie des visiteurs ne comprendrait pas que la faute revient au navigateur et pas au site en question&#8230; Disons que c&#8217;est un énorme point positif pour celui qui comprends le problème et c&#8217;est en tout cas un moteur pour faire évoluer les concurrents, ce qui n&#8217;est pas rien !</p><p>Pour résumer, ses points forts sont :</p><ul><li>Libre</li><li>Extensible</li><li>Respectueux des standards</li></ul><p>Quand aux défauts, on lui reproche parfois sont temps de chargement, rien de rébarbatif à mon goût&#8230; Si c&#8217;est là son seul point faible, les concurrents ont du soucis à se faire !</p><h2>Téléchargement et Installation</h2><p>Le plus simple est encore de le télécharger depuis le site de l&#8217;éditeur, la dernière version est toujours la meilleure, alors n&#8217;hésitez pas à toujours mettre à jour votre nouveau navigateur favori</p><ul><li><a
title="Voir le site de la fondation Mozilla pour installer Firefox" href="http://www.mozilla.com/en-US/">Installer Firefox</a></li></ul><h2>Pour en savoir plus</h2><p>Vous pouvez bien sûr relire mon article sur <a
href="/2009/05/la-compatibilite-du-code-avec-les-navigateurs/">la compatibilité des navigateurs</a>, pour les Ubunteros, la documentation française leur apportera les réponses à leurs questions sur le sujet :</p><ul><li><a
title="Voir la page sur Firefox sur le site Ubuntu français" href="http://doc.ubuntu-fr.org/firefox">Tout savoir sur Firefox sous Ubuntu</a></li></ul><p>Les utilisateurs nomades pourront regarder du côté du projet &laquo;&nbsp;Portable Firefox &nbsp;&raquo; pour avoir un navigateur sur leur clé USB ou vers &laquo;&nbsp;Fennec&nbsp;&raquo; le projet de navigateur pour Smartphone.</p><h2>Conclusion</h2><p>Un navigateur à découvrir si vous ne le connaissez pas déjà ! Je vous présenterai bientôt quelques extensions pour gérer un serveur FTP, un proxy avancé, des outils pour les développeurs (accessibilité, rapidité&#8230;), gestion des favoris&#8230;</p><p>Et pour les plus impatients voilà deux sites pour faire remplir votre navigateur d&#8217;extensions :</p><ul><li><a
title="Voir le site officiel pour les extensions de Firefox" href="https://addons.mozilla.org/fr/firefox/">Le site officiel pour les extensions de Firefox</a></li><li><a
title="Voir le site des extensions en langue française" href="http://extensions.geckozone.org/Accueil">Le site des extensions en langue française</a></li></ul><h2>Sur le même thème</h2><ul
class="similar-posts"><li><a
href="http://www.webaaz.com/2010/02/les-plugins-firefox-xrefresh/" rel="bookmark" title="18 février 2010">Les plugins Firefox : XRefresh</a></li><li><a
href="http://www.webaaz.com/2009/12/les-plugins-firefox-colorzilla/" rel="bookmark" title="22 décembre 2009">Les plugins Firefox : Colorzilla</a></li><li><a
href="http://www.webaaz.com/2009/07/les-plugins-firefox-foxyproxy/" rel="bookmark" title="15 juillet 2009">Les plugins Firefox : FoxyProxy</a></li><li><a
href="http://www.webaaz.com/2009/05/la-compatibilite-du-code-avec-les-navigateurs/" rel="bookmark" title="4 mai 2009">La compatibilité du code avec les navigateurs</a></li><li><a
href="http://www.webaaz.com/2009/04/mysql-gui-tools/" rel="bookmark" title="24 avril 2009">MySQL GUI Tools</a></li></ul><p></p><div
class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy"><ul
class="socials"><li
class="shr-twitter"> <a
href="http://www.shareaholic.com/api/share/?title=Navigateur+Web+standard+%3A+Firefox&amp;link=http://www.webaaz.com/2009/06/navigateur-web-standard-firefox/&amp;notes=J%27inaugure%20aujourd%27hui%20une%20s%C3%A9rie%20d%27articles%20courts%20sur%20les%20navigateurs%20et%20leurs%20extensions%2C%20j%27y%20pr%C3%A9senterai%20les%20browsers%20et%20leurs%20add-ons%20indispensables%20pour%20les%20d%C3%A9veloppeurs%20qui%20utilisent%20ces%20outils%20libres.%20Mais%20bien%20que%20la%20plupart%20de%20mes%20lecteurs%20l%27utilisent%20d%C3%A9j%C3%A0%2C%20commen%C3%A7ons%20par%20le%20commencement%2C%20voici%20l%27histoire%20de%20Firefox%2C%20le%20Panda%20roux%20qui%20ressemble%20%C3%A0%20un%20renard...%0D%0A%0D%0A%0D%0APhoto%20de%20Harlequeen%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li
class="shr-identica"> <a
href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=J%27inaugure%20aujourd%27hui%20une%20s%C3%A9rie%20d%27articles%20courts%20sur%20les%20navigateurs%20et%20leurs%20extensions%2C%20j%27y%20pr%C3%A9senterai%20les%20browsers%20et%20leurs%20add-ons%20indispensables%20pour%20les%20d%C3%A9veloppeurs%20qui%20utilisent%20ces%20outils%20libres.%20Mais%20bien%20que%20la%20plupart%20de%20mes%20lecteurs%20l%27utilisent%20d%C3%A9j%C3%A0%2C%20commen%C3%A7ons%20par%20le%20commencement%2C%20voici%20l%27histoire%20de%20Firefox%2C%20le%20Panda%20roux%20qui%20ressemble%20%C3%A0%20un%20renard...%0D%0A%0D%0A%0D%0APhoto%20de%20Harlequeen%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a></li><li
class="shr-mail"> <a
href="http://www.shareaholic.com/api/share/?title=Navigateur%20Web%20standard%20%3A%20Firefox&amp;link=http://www.webaaz.com/2009/06/navigateur-web-standard-firefox/&amp;notes=J%27inaugure%20aujourd%27hui%20une%20s%C3%A9rie%20d%27articles%20courts%20sur%20les%20navigateurs%20et%20leurs%20extensions%2C%20j%27y%20pr%C3%A9senterai%20les%20browsers%20et%20leurs%20add-ons%20indispensables%20pour%20les%20d%C3%A9veloppeurs%20qui%20utilisent%20ces%20outils%20libres.%20Mais%20bien%20que%20la%20plupart%20de%20mes%20lecteurs%20l%27utilisent%20d%C3%A9j%C3%A0%2C%20commen%C3%A7ons%20par%20le%20commencement%2C%20voici%20l%27histoire%20de%20Firefox%2C%20le%20Panda%20roux%20qui%20ressemble%20%C3%A0%20un%20renard...%0D%0A%0D%0A%0D%0APhoto%20de%20Harlequeen%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li
class="shr-gmail"> <a
href="http://www.shareaholic.com/api/share/?title=Navigateur+Web+standard+%3A+Firefox&amp;link=http://www.webaaz.com/2009/06/navigateur-web-standard-firefox/&amp;notes=J%27inaugure%20aujourd%27hui%20une%20s%C3%A9rie%20d%27articles%20courts%20sur%20les%20navigateurs%20et%20leurs%20extensions%2C%20j%27y%20pr%C3%A9senterai%20les%20browsers%20et%20leurs%20add-ons%20indispensables%20pour%20les%20d%C3%A9veloppeurs%20qui%20utilisent%20ces%20outils%20libres.%20Mais%20bien%20que%20la%20plupart%20de%20mes%20lecteurs%20l%27utilisent%20d%C3%A9j%C3%A0%2C%20commen%C3%A7ons%20par%20le%20commencement%2C%20voici%20l%27histoire%20de%20Firefox%2C%20le%20Panda%20roux%20qui%20ressemble%20%C3%A0%20un%20renard...%0D%0A%0D%0A%0D%0APhoto%20de%20Harlequeen%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a></li><li
class="shr-viadeo"> <a
href="http://www.shareaholic.com/api/share/?title=Navigateur+Web+standard+%3A+Firefox&amp;link=http://www.webaaz.com/2009/06/navigateur-web-standard-firefox/&amp;notes=J%27inaugure%20aujourd%27hui%20une%20s%C3%A9rie%20d%27articles%20courts%20sur%20les%20navigateurs%20et%20leurs%20extensions%2C%20j%27y%20pr%C3%A9senterai%20les%20browsers%20et%20leurs%20add-ons%20indispensables%20pour%20les%20d%C3%A9veloppeurs%20qui%20utilisent%20ces%20outils%20libres.%20Mais%20bien%20que%20la%20plupart%20de%20mes%20lecteurs%20l%27utilisent%20d%C3%A9j%C3%A0%2C%20commen%C3%A7ons%20par%20le%20commencement%2C%20voici%20l%27histoire%20de%20Firefox%2C%20le%20Panda%20roux%20qui%20ressemble%20%C3%A0%20un%20renard...%0D%0A%0D%0A%0D%0APhoto%20de%20Harlequeen%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a></li><li
class="shr-googlereader"> <a
href="http://www.shareaholic.com/api/share/?title=Navigateur+Web+standard+%3A+Firefox&amp;link=http://www.webaaz.com/2009/06/navigateur-web-standard-firefox/&amp;notes=J%27inaugure%20aujourd%27hui%20une%20s%C3%A9rie%20d%27articles%20courts%20sur%20les%20navigateurs%20et%20leurs%20extensions%2C%20j%27y%20pr%C3%A9senterai%20les%20browsers%20et%20leurs%20add-ons%20indispensables%20pour%20les%20d%C3%A9veloppeurs%20qui%20utilisent%20ces%20outils%20libres.%20Mais%20bien%20que%20la%20plupart%20de%20mes%20lecteurs%20l%27utilisent%20d%C3%A9j%C3%A0%2C%20commen%C3%A7ons%20par%20le%20commencement%2C%20voici%20l%27histoire%20de%20Firefox%2C%20le%20Panda%20roux%20qui%20ressemble%20%C3%A0%20un%20renard...%0D%0A%0D%0A%0D%0APhoto%20de%20Harlequeen%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=207&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a></li><li
class="shr-netvibes"> <a
href="http://www.shareaholic.com/api/share/?title=Navigateur+Web+standard+%3A+Firefox&amp;link=http://www.webaaz.com/2009/06/navigateur-web-standard-firefox/&amp;notes=J%27inaugure%20aujourd%27hui%20une%20s%C3%A9rie%20d%27articles%20courts%20sur%20les%20navigateurs%20et%20leurs%20extensions%2C%20j%27y%20pr%C3%A9senterai%20les%20browsers%20et%20leurs%20add-ons%20indispensables%20pour%20les%20d%C3%A9veloppeurs%20qui%20utilisent%20ces%20outils%20libres.%20Mais%20bien%20que%20la%20plupart%20de%20mes%20lecteurs%20l%27utilisent%20d%C3%A9j%C3%A0%2C%20commen%C3%A7ons%20par%20le%20commencement%2C%20voici%20l%27histoire%20de%20Firefox%2C%20le%20Panda%20roux%20qui%20ressemble%20%C3%A0%20un%20renard...%0D%0A%0D%0A%0D%0APhoto%20de%20Harlequeen%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=195&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a></li></ul><div
style="clear: both;"></div></div> ]]></content:encoded> <wfw:commentRss>http://www.webaaz.com/2009/06/navigateur-web-standard-firefox/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>Les bons outils pour PHP (partie 2)</title><link>http://www.webaaz.com/2009/06/les-bons-outils-pour-php-partie-2/</link> <comments>http://www.webaaz.com/2009/06/les-bons-outils-pour-php-partie-2/#comments</comments> <pubDate>Sat, 06 Jun 2009 17:46:11 +0000</pubDate> <dc:creator>Martin</dc:creator> <category><![CDATA[Développement]]></category> <category><![CDATA[Libre]]></category> <category><![CDATA[Outils]]></category> <category><![CDATA[PHP]]></category> <category><![CDATA[Apache]]></category> <category><![CDATA[Cms]]></category> <category><![CDATA[Développement web]]></category> <category><![CDATA[Framework]]></category> <category><![CDATA[IDE]]></category> <category><![CDATA[MySQL]]></category> <category><![CDATA[Open source]]></category> <category><![CDATA[PHP5]]></category> <category><![CDATA[Serveur web]]></category> <guid
isPermaLink="false">http://www.webaaz.com/?p=92</guid> <description><![CDATA[Voici la seconde partie de cet article sur PHP. Nous parlerons ici des outils, utiles pour bien développer avec PHP. La première partie d'introduction du sujet s'intitule <a
title="Lire l'article bien développer en PHP" href="/2009/06/bien-developper-en-php-partie-1">bien développer avec PHP</a> <img
src="/images/elephant-nantes.jpg" alt="L'éléphant de la troupe Royal de Luxe" /> <a
title="Photo de Stéfan depuis Flickr" href="http://www.flickr.com/photos/49462908@N00/746089951">Photo de Stéfan depuis Flickr</a>]]></description> <content:encoded><![CDATA[<p>Voici la seconde partie de cet article sur PHP. Nous parlerons ici des outils, utiles pour bien développer avec PHP. La première partie d&#8217;introduction du sujet s&#8217;intitule <a
title="Lire l'article bien développer en PHP" href="/2009/06/bien-developper-en-php-partie-1">bien développer avec PHP</a></p><p><img
src="/images/elephant-nantes.jpg" alt="L'éléphant de la troupe Royal de Luxe" /><br
/> <a
title="Photo de Stéfan depuis Flickr" href="http://www.flickr.com/photos/49462908@N00/746089951">Photo de Stéfan depuis Flickr</a></p><h2>Editer le code, choix de l&#8217;IDE</h2><p>Pour travailler dans de bonnes conditions, un bon <acronym
title="Environnement de Développement Intégré">IDE</acronym> est indispensable. Voici les deux plus aboutis à mon gout, mais il en existe des dizaines d&#8217;autres.</p><h3>PDT</h3><p>En version 2.0 il apporte l&#8217;essentiel et même plus, puisque basé sur <a
title="Voir le site du projet Eclipse" href="http://www.eclipse.org">Eclipse</a> il supporte donc les plugins classiques notamment pour la <a
title="Voir l'article sur la gestion des versions sur Webaaz" href="/2009/04/la-gestion-des-versions/">gestion des versions</a>, mais vous pourrez aussi y ajouter vos propres plugins. Un excellent produit, gratuit, qui ne dépaysera pas les fans d&#8217;Eclipse.<br
/> Il faut noter que ce projet est soutenu par Eclipse et par Zend Technologies, un gage de qualité pour un IDE qui devrait devenir aussi évident que l&#8217;est Eclipse pour un développeur Java.</p><ul><li><a
title="Voir le site de PDT" href="http://www.eclipse.org/pdt/" lang="en"><acronym
title="PHP Development Tools">PDT</acronym> (PHP Development Tools)</a></li></ul><h3>Zend Studio</h3><p>Très fonctionnel avec des options de débogage, l&#8217;auto-complétion&#8230; enfin tout ce que l&#8217;on peut demander d&#8217;un bon IDE PHP. Il est développé par Zend Technologies, et ces améliorations profitent par la suite à la communauté et à PDT. Il est cependant payant, mais reste abordable.</p><ul><li><a
title="Voir le site de Zend Studio" href="http://www.zend.com/fr/products/studio/">Zend Studio</a></li></ul><h2>Frameworks</h2><p>Voici une présentation rapide des différents frameworks PHP que je connais, je vous conseille également de voir le site <a
title="Voir le site bestwebframeworks.com" href="http://www.bestwebframeworks.com/php/">bestwebframeworks</a>.</p><h3>Symfony</h3><p>Aujourd&#8217;hui le plus abouti de tous les framework PHP, il est développé par <a
title="Voir le site Sensiolabs" href="http://www.sensiolabs.com/fr">Sensio</a> et en particulier <a
title="Voir le site de Fabien Potencier" href="http://fabien.potencier.org/">Fabien Potencier</a>. C&#8217;est un projet français mais entièrement internationalisé. La documentation et les tutoriels sont de très grande qualité, et la communauté très active. Il faut cependant déjà bien maitriser PHP pour l&#8217;aborder sereinement. C&#8217;est aujourd&#8217;hui un des frameworks les plus utilisé en entreprise.</p><ul><li><a
title="Voir le site de Symfony" href="http://www.symfony-project.org/" lang="en">Site officiel du projet Symfony</a></li></ul><h3>Zend</h3><p>Le challenger de Symfony, supporté par Zend Technologies, il comprends une architecture MVC mais il peut aussi etre utilisé en tant que librairie dans un autre projet. C&#8217;est un framework très modulable également très utilisé professionnellement, le projet <a
title="Voir le site de Magento" href="http://www.magentocommerce.com/fr/">Magento</a> est basé sur ce framework. A noter que la documentation très complète existe en plusieurs langues dont le français</p><ul><li><a
title="Voir le site du Zend Framework" href="http://framework.zend.com/" lang="en">Zend Framework</a></li><li><a
title="Voir le site de la communauté française du Zend Framework" href="http://www.z-f.fr/">La communauté française</a></li></ul><h3>CakePHP</h3><p>CakePHP est un projet libre avec une communauté française active, il imite le principe de fonctionnement de <a
title="Voir la définition de RubyOnRails sur Wikipédia" href="http://fr.wikipedia.org/wiki/Ruby_on_Rails">RubyOnRails</a>.</p><ul><li><a
title="Voir le site de CakePHP" href="http://cakephp.org/"></a></li><li><a
title="" href="http://www.cakephp-fr.org/">La communauté française</a></li></ul><h3>Copix</h3><p>Un framework MVC très léger et très simple à prendre en main, il répondra parfaitement aux besoins de petits projets, en plus c&#8217;est un projet français, et toutes la documentation et le forum sont en français.</p><h2>Les <acronym
title="Content Management System">CMS</acronym></h2><p>Les systèmes de gestion de contenu, ou les moteurs de blog sont très répendus en PHP, ainsi si vous avec un projet simple, pas besoin de tout réécrire, utilisez un CMS et ajoutez seulement les modules qu&#8217;il vous manque&#8230; Les CMS ou moteurs de blog les plus connus sont à l&#8217;heure actuelle Drupal, Joomla, WordPress&#8230;</p><h2>Les bibliothèques</h2><p>PHP tient à jour deux bibliothèques. Une seconde écrite en PHP, <acronym
title="PHP Extension and Application Repository">PEAR</acronym> et une écrite en C, <acronym
title="PEAR Extended Code Language">PECL</acronym> utilisable sur un serveur dédié. Avec l&#8217;usage qui est fait des frameworks aujourd&#8217;hui, elles sont certainement moins utilisées qu&#8217;avant, cependant, les frameworks ne font pas tout, et on trouve dans ces bibliothèques un complément bien appréciable.</p><ul><li><a
title="Voir le site de PEAR" href="http://pear.php.net/" lang="en">PEAR</a></li><li><a
title="Voir le site de PECL" href="http://pecl.php.net/" lang="en">PECL</a></li></ul><h2>Les serveurs de développement</h2><p>Pour avoir un environnement de développement simple à installer et maintenir, être sur de pouvoir le répliquer facilement sur un autre poste, des packages existent. Il contiennent un serveur Web, Apache très souvent, PHP, et une base de données, MySQL la plupart du temps. Certains sont multi-plateforme, ils embarquent une base de données et souvent des outils annexes comme phpmyadmin.</p><h3>WampServer</h3><p>C&#8217;est aujourd&#8217;hui le projet francophone le plus utilisé, les mises à jour sont régulières et la stabilité est de mise. Il est en plus possible de switcher de version d&#8217;Apache de PHP ou de MySQL, un vrai bonheur pour tester dans des configurations différentes. Il ne fonctionne que sous Windows.</p><ul><li><a
title="Voir le site de WampServer 2" href="http://www.wampserver.com/">WampServer 2</a></li></ul><h3>EasyPHP</h3><p>Après une période sans mises à jour qui à profité à Wampserver, EasyPHP est aujourd&#8217;hui en version 3.0 et propose pour Windows un ensemble Apache, PHP et MySQL.</p><ul><li><a
title="Voir le site de EasyPHP" href="http://www.easyphp.org/">EasyPHP</a></li></ul><h3>Xampp</h3><p>XAMPP propose un package Apache, PHP et MySQL, pour les plateformes Linux, Mac, Solaris et Windows, utile si vous avez besoin de la même configuration sur différents systèmes.</p><ul><li><a
title="Voir le site de XAMPP" href="http://www.apachefriends.org/fr/xampp.html" lang="en">XAMPP</a></li></ul><h3>BitNami</h3><p>BitNami propose un choix incomparable pour installer un Apache, PHP et MySQL ou PostGreSQL au choix sur Linux, Mac ou Windows. Si avec cela vous ne trouvez pas votre bonheur. Ne l&#8217;ayant pas encore testé, j&#8217;attends vos retours d&#8217;expérience !</p><ul><li><a
title="Voir le site de BitNami" href="http://bitnami.org/" lang="en">BitNami</a></li></ul><p>Ces serveurs sont à utiliser en développement uniquement, en production, il vous faudra une installation &laquo;&nbsp;classique&nbsp;&raquo; et un paramétrage précis des différents éléments.</p><h2>Hébergement de votre site</h2><p>Vous n&#8217;aurez aucun mal à trouver un hébergeur PHP5, gratuit ou payant, en serveur dédié, mutualisé ou virtualisé l&#8217;offre est conséquente. Faites juste attention à la configuration de PHP, vérifiez que certaines fonctions dont vous avez besoin ne sont pas bloquées, que les extensions sont chargées&#8230;</p><p>Et pensez à lire <a
title="Lire l'article de Webaaz sur l'hébergement web" href="/2009/08/trouver-un-bon-hebergeur-web">l&#8217;article de Webaaz sur l&#8217;hébergement web</a>.</p><h2>Vidéos &#038; podcasts</h2><p><a
title="Voir et écouter les conférences PHP sur PHPTV" href="http://www.phptv.fr">PHPTV</a> vous permet de voir ou d&#8217;écouter les conférences sur PHP. Vous y retrouverez entre autres, les interventions des forums PHP depuis 2008.</p><h2>Conclusion</h2><p>Si vous êtes débutant, PHP est très simple à appréhender, et après quelques heures à lire des tutoriels et à tester toutes sortes de &laquo;&nbsp;hello world !&nbsp;&raquo; vous saurez rapidement dynamiser des pages Web, mais attention à avoir suffisamment de rigueur et à ne pas tomber dans la facilité, sinon les bugs et failles de sécurité seront rapidement au rendez-vous&#8230;</p><p>Si vous êtes déjà confirmé j&#8217;espère que mes liens vous apporteront quelques pistes pour mieux connaitre PHP. D&#8217;autres articles suivront pour rentrer un peu plus dans le détail, en attendant, j&#8217;attends vos sources et commentaires sur le sujet.</p><p>Et pour en savoir plus sur le sujet je vous invite à voir l&#8217;article de <a
title="Voir l'article sur les outils PHP sur developpez.com" href="http://jcrozier.developpez.com/tutoriels/web/php/outils-utiles-developpeurs/">développez.com</a> sur le sujet.<br
/><h2>Sur le même thème</h2><ul
class="similar-posts"><li><a
href="http://www.webaaz.com/2009/10/bien-utiliser-zend-framework/" rel="bookmark" title="26 octobre 2009">Bien utiliser Zend Framework</a></li><li><a
href="http://www.webaaz.com/2010/09/optimiser-lutilisation-declipse/" rel="bookmark" title="30 septembre 2010">Optimiser l&#8217;utilisation d&#8217;Eclipse</a></li><li><a
href="http://www.webaaz.com/2009/06/bien-developper-en-php-partie-1/" rel="bookmark" title="1 juin 2009">Bien développer en PHP (partie 1)</a></li><li><a
href="http://www.webaaz.com/2009/04/la-gestion-des-versions/" rel="bookmark" title="23 avril 2009">La gestion des versions</a></li><li><a
href="http://www.webaaz.com/2010/05/developper-sous-ubuntu/" rel="bookmark" title="5 mai 2010">Développer sous Ubuntu</a></li></ul><p></p><div
class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy"><ul
class="socials"><li
class="shr-twitter"> <a
href="http://www.shareaholic.com/api/share/?title=Les+bons+outils+pour+PHP+%28partie+2%29&amp;link=http://www.webaaz.com/2009/06/les-bons-outils-pour-php-partie-2/&amp;notes=Voici%20la%20seconde%20partie%20de%20cet%20article%20sur%20PHP.%20Nous%20parlerons%20ici%20des%20outils%2C%20utiles%20pour%20bien%20d%C3%A9velopper%20avec%20PHP.%20La%20premi%C3%A8re%20partie%20d%27introduction%20du%20sujet%20s%27intitule%20bien%20d%C3%A9velopper%20avec%20PHP%0D%0A%0D%0A%0D%0APhoto%20de%20St%C3%A9fan%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li
class="shr-identica"> <a
href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=Voici%20la%20seconde%20partie%20de%20cet%20article%20sur%20PHP.%20Nous%20parlerons%20ici%20des%20outils%2C%20utiles%20pour%20bien%20d%C3%A9velopper%20avec%20PHP.%20La%20premi%C3%A8re%20partie%20d%27introduction%20du%20sujet%20s%27intitule%20bien%20d%C3%A9velopper%20avec%20PHP%0D%0A%0D%0A%0D%0APhoto%20de%20St%C3%A9fan%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a></li><li
class="shr-mail"> <a
href="http://www.shareaholic.com/api/share/?title=Les%20bons%20outils%20pour%20PHP%20%28partie%202%29&amp;link=http://www.webaaz.com/2009/06/les-bons-outils-pour-php-partie-2/&amp;notes=Voici%20la%20seconde%20partie%20de%20cet%20article%20sur%20PHP.%20Nous%20parlerons%20ici%20des%20outils%2C%20utiles%20pour%20bien%20d%C3%A9velopper%20avec%20PHP.%20La%20premi%C3%A8re%20partie%20d%27introduction%20du%20sujet%20s%27intitule%20bien%20d%C3%A9velopper%20avec%20PHP%0D%0A%0D%0A%0D%0APhoto%20de%20St%C3%A9fan%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li
class="shr-gmail"> <a
href="http://www.shareaholic.com/api/share/?title=Les+bons+outils+pour+PHP+%28partie+2%29&amp;link=http://www.webaaz.com/2009/06/les-bons-outils-pour-php-partie-2/&amp;notes=Voici%20la%20seconde%20partie%20de%20cet%20article%20sur%20PHP.%20Nous%20parlerons%20ici%20des%20outils%2C%20utiles%20pour%20bien%20d%C3%A9velopper%20avec%20PHP.%20La%20premi%C3%A8re%20partie%20d%27introduction%20du%20sujet%20s%27intitule%20bien%20d%C3%A9velopper%20avec%20PHP%0D%0A%0D%0A%0D%0APhoto%20de%20St%C3%A9fan%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a></li><li
class="shr-viadeo"> <a
href="http://www.shareaholic.com/api/share/?title=Les+bons+outils+pour+PHP+%28partie+2%29&amp;link=http://www.webaaz.com/2009/06/les-bons-outils-pour-php-partie-2/&amp;notes=Voici%20la%20seconde%20partie%20de%20cet%20article%20sur%20PHP.%20Nous%20parlerons%20ici%20des%20outils%2C%20utiles%20pour%20bien%20d%C3%A9velopper%20avec%20PHP.%20La%20premi%C3%A8re%20partie%20d%27introduction%20du%20sujet%20s%27intitule%20bien%20d%C3%A9velopper%20avec%20PHP%0D%0A%0D%0A%0D%0APhoto%20de%20St%C3%A9fan%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a></li><li
class="shr-googlereader"> <a
href="http://www.shareaholic.com/api/share/?title=Les+bons+outils+pour+PHP+%28partie+2%29&amp;link=http://www.webaaz.com/2009/06/les-bons-outils-pour-php-partie-2/&amp;notes=Voici%20la%20seconde%20partie%20de%20cet%20article%20sur%20PHP.%20Nous%20parlerons%20ici%20des%20outils%2C%20utiles%20pour%20bien%20d%C3%A9velopper%20avec%20PHP.%20La%20premi%C3%A8re%20partie%20d%27introduction%20du%20sujet%20s%27intitule%20bien%20d%C3%A9velopper%20avec%20PHP%0D%0A%0D%0A%0D%0APhoto%20de%20St%C3%A9fan%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=207&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a></li><li
class="shr-netvibes"> <a
href="http://www.shareaholic.com/api/share/?title=Les+bons+outils+pour+PHP+%28partie+2%29&amp;link=http://www.webaaz.com/2009/06/les-bons-outils-pour-php-partie-2/&amp;notes=Voici%20la%20seconde%20partie%20de%20cet%20article%20sur%20PHP.%20Nous%20parlerons%20ici%20des%20outils%2C%20utiles%20pour%20bien%20d%C3%A9velopper%20avec%20PHP.%20La%20premi%C3%A8re%20partie%20d%27introduction%20du%20sujet%20s%27intitule%20bien%20d%C3%A9velopper%20avec%20PHP%0D%0A%0D%0A%0D%0APhoto%20de%20St%C3%A9fan%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=195&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a></li></ul><div
style="clear: both;"></div></div> ]]></content:encoded> <wfw:commentRss>http://www.webaaz.com/2009/06/les-bons-outils-pour-php-partie-2/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Bien développer en PHP (partie 1)</title><link>http://www.webaaz.com/2009/06/bien-developper-en-php-partie-1/</link> <comments>http://www.webaaz.com/2009/06/bien-developper-en-php-partie-1/#comments</comments> <pubDate>Mon, 01 Jun 2009 17:45:53 +0000</pubDate> <dc:creator>Martin</dc:creator> <category><![CDATA[Développement]]></category> <category><![CDATA[Libre]]></category> <category><![CDATA[PHP]]></category> <category><![CDATA[Apprendre]]></category> <category><![CDATA[Bonnes pratiques]]></category> <category><![CDATA[Développement web]]></category> <category><![CDATA[Framework]]></category> <category><![CDATA[MySQL]]></category> <category><![CDATA[Open source]]></category> <category><![CDATA[PHP5]]></category> <category><![CDATA[Phpdoc]]></category> <category><![CDATA[Standard]]></category> <category><![CDATA[Zend]]></category> <guid
isPermaLink="false">http://www.webaaz.com/?p=73</guid> <description><![CDATA[PHP étant l'un de mes domaines de prédilection, un article sur le sujet s'impose... Il y en aura même plus d'un tellement le sujet est vaste. Commençons donc par les présentations
<img
src="/images/elephpant.jpg" alt="L'éléphpant d'El Roubio à la plage" /> <a
title="Photo de Skoop depuis Flickr" href="http://www.flickr.com/photos/39639237@N00/2547900338">Photo de Skoop depuis Flickr</a>]]></description> <content:encoded><![CDATA[<p>PHP étant l&#8217;un de mes domaines de prédilection, un article sur le sujet s&#8217;impose&#8230; Il y en aura même plus d&#8217;un tellement le sujet est vaste. Commençons donc par les présentations</p><h2>Présentation</h2><p><acronym
title="PHP Hypertext Preprocessor">PHP</acronym> est un <a
title="Voir la définition de acronymie récursive sur Wikipédia" href="http://fr.wikipedia.org/wiki/Acronymie_r%C3%A9cursive">acronyme récursif</a> qui signifie &laquo;&nbsp;PHP Hypertext Preprocessor&nbsp;&raquo;. C&#8217;est un langage de scripts libre qui permet de générer des pages web de façon dynamique.<br
/> C&#8217;est un langage simple à apprendre, peu typé, il permet beaucoup de souplesse, ainsi il est très simple d&#8217;écrire du code PHP sans tout connaître du langage, mais c&#8217;est aussi une porte ouverte à un code simpliste et peu fiable. Bien utilisé en revanche, il est robuste, fiable et rapide.</p><ul><li><a
title="" href="http://fr.php.net">Le site officiel de PHP</a></li></ul><p>En raison de sa richesse, PHP est plus considéré comme une plate-forme qu&#8217;un simple langage.</p><p>Sa mascotte est un &laquo;&nbsp;éléphpant&nbsp;&raquo; bleu créé par <a
href="http://www.elroubio.net/?p=elephpant">El roubio</a></p><p><img
src="/images/elephpant.jpg" alt="L'éléphpant d'El Roubio à la plage" /><br
/> <a
title="Photo de Skoop depuis Flickr" href="http://www.flickr.com/photos/39639237@N00/2547900338">Photo de Skoop depuis Flickr</a></p><h2>Historique</h2><p>PHP a été créé à partir de 1994 par <a
title="Voir la biographie de Rasmus Lerdorf sur Wikipédia" href="http://fr.wikipedia.org/wiki/Rasmus_Lerdorf">Rasmus Lerdorf</a> qui souhaitait présenter son CV sur Internet. A ce moment là, PHP/FI, signifie &laquo;&nbsp;Personal Home Page / Form Interpreteur&nbsp;&raquo;.<br
/> PHP va se développer à partir de la version 4 et l&#8217;arrivée de <a
title="Voir la biographie de Andi Gutmans sur Wikipédia" href="http://fr.wikipedia.org/wiki/Andi_Gutmans">Andi Gutmans</a> et Zeev Suraski qui vont réécrire le cœur du projet.<br
/> La professionnalisation viendra en 2004 avec la version 5, sobrement appelée PHP5, dont le moteur, Zend Engine en version 2 apporte son lot de nouveautés, parmi lesquelles, le support de la Programmation Orientée Objet.</p><p>PHP est aujourd’hui l’un des fers de lance du monde Open Source, présent sur plus de 30 millions de sites web. Cette philosophie d’excellence par le partage et l’entraide est présente à travers lui. En plus d’une belle idée, on associe un produit qui est fiable, stable, complet et multi plateforme.</p><p>La version 6 est un peu l&#8217;arlésienne de PHP, attendue depuis 2007, elle ne verra probablement pas le jour avant 2010. Elle est très attendue pour son support natif de l&#8217;<a
title="Voir la définition de Unicode sur Wikipédia" href="http://fr.wikipedia.org/wiki/Unicode">unicode</a>, qui oblige à une refonte assez complète de la plupart des fonctions PHP.</p><h2>Zend</h2><p>PHP ne serait pas PHP sans <a
title="Voir l'article sur Zend Technologies sur Wikipédia" href="http://fr.wikipedia.org/wiki/Zend_(informatique)">Zend Technologies</a> et Zend n&#8217;existe que par PHP. Créée en 1999 la société est la base de l&#8217;écosystème PHP, ses ingénieurs participent au développement du langage, mais créent aussi des environnements de développements, de serveurs, des outils de monitoring, ou un encrypteur de code. Ils sont aussi à l&#8217;origine de Zend Framework, un framework MVC doté de multiples bibliothèques.</p><ul><li><a
title="Voir le site officiel français de Zend Technologies" href="http://www.zend.com/fr/">Le site officiel de Zend >Technologies</a></li></ul><h2>Quelle version utiliser ?</h2><p>Sortie depuis 2004 PHP5, apporte le support de la <a
title="Voir la définition de POO sur Wikipédia" href="http://fr.wikipedia.org/wiki/Poo"><acronym
title="Programmation Orientée Objet">POO</acronym></a>, une gestion simplifiée des fichiers <a
title="Voir la définition de XML sur Wikipédia" href="http://fr.wikipedia.org/wiki/Xml"><acronym
title="eXtensible Markup Language">XML</acronym></a>, de la transformation <a
title="Voir la définition de XSL sur Wikipédia" href="http://fr.wikipedia.org/wiki/Extensible_stylesheet_language"><acronym
title="eXtensible Stylesheet Language">XSL</acronym></a> et du <a
title="Voir la définition de DOM sur Wikipédia" href="http://fr.wikipedia.org/wiki/Document_Object_Model"><acronym
title="Document Object Model">DOM</acronym></a>. Suite au retard de la sortie de PHP6, les nouvelles fonctionnalités prévues comme la gestion des espaces de noms ont été intégrées directement dans PHP 5.3</p><p>PHP5 est donc aujourd&#8217;hui incontournable, d&#8217;autant plus que depuis l&#8217;été 2008 PHP n&#8217;est officiellement plus maintenu. La mise à jour des versions mineures ne posant aucun problème de compatibilité, il est fortement conseillé de suivre les nouvelles versions dès qu&#8217;elles sont disponibles afin de corriger les éventuels bugs.</p><h2>Normes &#038; bonnes pratiques</h2><p>Il n&#8217;existe pas à proprement parler de normes, le respect de la syntaxe s&#8217;impose de lui même ! Par contre de bonnes pratiques vous permettront de développer avec plus dé sérénité et de qualité.</p><ul><li>Avoir de la rigueur !</li><li>Indenter le code, utiliser la PHPDoc et écrire de commentaires dans le code</li><li>Encoder vos fichiers source en UTF-8</li><li>Ne pas réinventer le roue, utiliser les bibliothèques !</li><li>Utiliser un framework et respecter l&#8217;architecture <a
title="Voir la définition de MVC sur Wikipédia" href="http://fr.wikipedia.org/wiki/Mod%C3%A8le-Vue-Contr%C3%B4leur"><acronym
title="Modèle-Vue-Contrôleur">MVC</acronym></a> pour des projets importants</li></ul><p>A mon sens les trois premiers points sont les plus important, en particulier le premier. D&#8217;après moi,<cite>un bon développeur PHP est avant un développeur Java</cite>. Java ne permet pas la souplesse de PHP mais impose la rigueur. En passant à PHP, le programmeur habitué à la rigueur trouvera les avantages de la souplesse sans se laisser aller à la facilité.</p><p>Une initiative récente est tout de même intéressante à relever. <a
title="Voir le site The PHP standards initiative" href="http://www.leftontheweb.com/message/The_PHP_standards_initiative" lang="en">The PHP standards initiative</a> cherche à promouvoir un standard de développement pour PHP.</p><h2>Comment apprendre ?</h2><p>On trouve sur le sujet des milliers de &laquo;&nbsp;références&nbsp;&raquo; vous proposant d&#8217;apprendre PHP, une bonne partie est obsolète ou ne respecte pas les bonnes pratiques. C&#8217;est une des raisons qui fait que la plupart des sites web développés en PHP aujourd&#8217;hui ont des failles de sécurité. Mais ce n&#8217;est pas une fatalité, et il existe aussi d&#8217;excellents sites pour appréhender le langage.</p><p>Ma référence principale est la documentation officielle qui est vraiment bien faite et très complète. On y revient sans cesse et on y trouve très souvent les réponses que l&#8217;on cherche.</p><ul><li><a
title="Voir le manuel PHP" href="http://www.php.net/manual/fr/">Le manuel PHP</a></li><li><a
title="Voir le guide des fonctions PHP" href="http://fr.php.net/manual/fr/funcref.php">Le guide des fonctions PHP</a></li></ul><p>Vous trouverez également de l&#8217;aide sur les sites suivants :</p><ul><li><a
title="Voir le site apprendre PHP" href="http://www.apprendre-php.com">Apprendre PHP</a></li><li><a
title="Voir le site PHP Débutant" href="http://www.phpdebutant.org/">PHP Débutant</a></li><li><a
title="Voir le site Scripts PHP" href="http://classes.scriptsphp.org">Scripts PHP</a></li></ul><p>Apprendre PHP est un site assez récent, mais qui propose des tutoriels très complets et un forum intérressant. Scriptsphp n&#8217;est plus du tout mis à jour, mais les quelques <abbr
title="tutoriels">tutos</abbr> présents sur le site sont de bonne qualité.</p><h2>Bibliographie</h2><p>Comme pour toute technique l&#8217;apprentissage est facilité par la lecture d&#8217;une &laquo;&nbsp;bible&nbsp;&raquo; de référence, pour PHP j&#8217;en ai trois :</p><ul><li><a
title="Voir le livre PHP5 avancé" href="http://www.eyrolles.com/Informatique/Livre/php-5-avance-9782212123692?xd=53d617e5a68246497cf9d96f489877ed">PHP 5 avancé d&#8217;Eric Daspet et Cyril Pierre de Geyer</a></li><li><a
title="Voir le livre Sécurité PHP 5 et MySQL" href="http://www.eyrolles.com/Informatique/Livre/securite-php-5-et-mysql-9782212121148">Sécurité PHP 5 et MySQL de Damien Seguy et Philippe Gamache</a></li><li><a
title="Voir le livre Best Practices PHP 5" href="http://www.eyrolles.com/Informatique/Livre/best-practices-php-5-9782212116762">Best practices PHP 5 de Guillaume Ponçon</a></li></ul><p>Le premier en est à sa cinquième édition, et traite de tous les sujets de façon avancée mais abordable. Le second est très axé sur la sécurité et sera un bon complément pour développer des applications sensibles. Le dernier reprends PHP de façon plus globale afin de vous montrer toutes les facettes du développement d&#8217;un projet PHP dans les meilleurs conditions possibles. Il est réservé à l&#8217;utilisateur averti qui veux progresser dans les bonnes pratiques.</p><p>Et pour avoir toujours sous la main les références de base :</p><ul><li><a
title="Voir le mémento PHP 5 &#038; SQL" href="http://www.eyrolles.com/Informatique/Livre/memento-php-5-et-sql-9782212124576">Mémento PHP5 &#038; SQL de Cyril Pierre de Geyer et Guillaume Ponçon</a></li></ul><p>Les curieux pourront lire les quelques livres sortis sur PHP6 mais mieux vaux attendre la sortie de cette nouvelle mouture avant d&#8217;investir.</p><h2>Références en vrac</h2><ul><li><a
title="Voir la FAQ du site PHP Index" href="http://www.phpindex.com/index.php/faq">PHP Index, une <acronym
title="Foire Aux Questions">FAQ</acronym> d&#8217;une grande richesse</a></li><li><a
title="Voir le site PHP Classes" href="http://www.phpclasses.org/" lang="en">PHP Classes, des centaines de classes très utiles</a></li></ul><h2>Flux RSS en vrac</h2><p>Pour vous tenir informé de l&#8217;actualité de PHP, voici quelques flux pour votre agrégateur :</p><ul><li><a
title="Lire le flux RSS de Nexen" href="http://www.nexen.net/feeds/actualite.rss">Nexen : Toute l&#8217;information sur PHP</a></li><li><a
title="Lire le flux RSS de PHP.net" href="http://fr.php.net/feed.atom">PHP.net</a></li><li><a
title="Lire le flux RSS de Procata" href="http://www.procata.com/blog/feed/" lang="en">Professional PHP</a></li><li><a
title="Lire le flux RSS de dur comme faire" href="http://flux.jmfontaine.net/jmfontaine-billets">Dur comme faire : Revue de presse hebdomadaire</a></li></ul><p>Et pour les plus curieux :</p><ul><li><a
title="Lire le flux RSS de blog de Zeev Suraski" href="http://www.suraski.net/blog/index.php?/feeds/index.rss2" lang="en" class="broken_link">Le blog de Zeev Suraski</a></li><li><a
title="Lire le flux RSS du blog de Andrei Zmevski" href="http://feeds.feedburner.com/gravitonic-rss2" lang="en">Le blog de Andrei Zmevski</a></li><li><a
title="Lire le flux RSS du blog d'Andi Gutmans" href="http://feeds.feedburner.com/AndiOnWebIt" lang="en">Le blog d&#8217;Andi Gutmans</a></li><li><a
title="Lire le flux RSS du blog d'Ilia Alshanetsky" href="http://ilia.ws/feeds/index.rss2" lang="en">Le blog d&#8217;Ilia Alshanetsky</a></li></ul><p>Et pour vraiment tout connaître sur PHP, se tenir informé, n&#8217;oubliez pas de passer par le Forum PHP tout les ans à Paris. Vous pourrez y rencontrer les principaux acteurs de PHP et MySQL et assister à leurs conférences. C&#8217;est un événement organisé par l&#8217;<a
title="Voir le site de L'AFUP" href="http://www.afup.org/pages/site/"><acronym
title="Association Française des Utilisateurs de PHP">AFUP</acronym></a>.</p><p>Comme en 2008, je serais présent au forum PHP 2009. Si vous y passez aussi, dites le moi !</p><p>La seconde partie de cet article traite des <a
title="Lire l'article sur les outils pour bien d&Atilde;&copy;velopper avec PHP" href="http://www.webaaz.com/2009/06/les-bons-outils-pour-php-partie-2/">outils pour bien développer avec PHP</a></p><h2>Sur le même thème</h2><ul
class="similar-posts"><li><a
href="http://www.webaaz.com/2009/10/bien-utiliser-zend-framework/" rel="bookmark" title="26 octobre 2009">Bien utiliser Zend Framework</a></li><li><a
href="http://www.webaaz.com/2009/06/les-bons-outils-pour-php-partie-2/" rel="bookmark" title="6 juin 2009">Les bons outils pour PHP (partie 2)</a></li><li><a
href="http://www.webaaz.com/2009/04/bien-ecrire-html-xhtml/" rel="bookmark" title="16 avril 2009">Bien écrire HTML &amp; XHTML</a></li><li><a
href="http://www.webaaz.com/2010/02/veille-technologique-web-partie-2/" rel="bookmark" title="1 février 2010">Veille techno Web de F à Z (partie 2)</a></li><li><a
href="http://www.webaaz.com/2009/08/aide-memoire-antiseche-les-cheat-sheets-2/" rel="bookmark" title="1 août 2009">Aide mémoire &amp; antisèche : Les cheat sheets</a></li></ul><p></p><div
class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy"><ul
class="socials"><li
class="shr-twitter"> <a
href="http://www.shareaholic.com/api/share/?title=Bien+d%C3%A9velopper+en+PHP+%28partie+1%29&amp;link=http://www.webaaz.com/2009/06/bien-developper-en-php-partie-1/&amp;notes=PHP%20%C3%A9tant%20l%27un%20de%20mes%20domaines%20de%20pr%C3%A9dilection%2C%20un%20article%20sur%20le%20sujet%20s%27impose...%20Il%20y%20en%20aura%20m%C3%AAme%20plus%20d%27un%20tellement%20le%20sujet%20est%20vaste.%20Commen%C3%A7ons%20donc%20par%20les%20pr%C3%A9sentations%0D%0A%0D%0APhoto%20de%20Skoop%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li
class="shr-identica"> <a
href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=PHP%20%C3%A9tant%20l%27un%20de%20mes%20domaines%20de%20pr%C3%A9dilection%2C%20un%20article%20sur%20le%20sujet%20s%27impose...%20Il%20y%20en%20aura%20m%C3%AAme%20plus%20d%27un%20tellement%20le%20sujet%20est%20vaste.%20Commen%C3%A7ons%20donc%20par%20les%20pr%C3%A9sentations%0D%0A%0D%0APhoto%20de%20Skoop%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a></li><li
class="shr-mail"> <a
href="http://www.shareaholic.com/api/share/?title=Bien%20d%C3%A9velopper%20en%20PHP%20%28partie%201%29&amp;link=http://www.webaaz.com/2009/06/bien-developper-en-php-partie-1/&amp;notes=PHP%20%C3%A9tant%20l%27un%20de%20mes%20domaines%20de%20pr%C3%A9dilection%2C%20un%20article%20sur%20le%20sujet%20s%27impose...%20Il%20y%20en%20aura%20m%C3%AAme%20plus%20d%27un%20tellement%20le%20sujet%20est%20vaste.%20Commen%C3%A7ons%20donc%20par%20les%20pr%C3%A9sentations%0D%0A%0D%0APhoto%20de%20Skoop%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li
class="shr-gmail"> <a
href="http://www.shareaholic.com/api/share/?title=Bien+d%C3%A9velopper+en+PHP+%28partie+1%29&amp;link=http://www.webaaz.com/2009/06/bien-developper-en-php-partie-1/&amp;notes=PHP%20%C3%A9tant%20l%27un%20de%20mes%20domaines%20de%20pr%C3%A9dilection%2C%20un%20article%20sur%20le%20sujet%20s%27impose...%20Il%20y%20en%20aura%20m%C3%AAme%20plus%20d%27un%20tellement%20le%20sujet%20est%20vaste.%20Commen%C3%A7ons%20donc%20par%20les%20pr%C3%A9sentations%0D%0A%0D%0APhoto%20de%20Skoop%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a></li><li
class="shr-viadeo"> <a
href="http://www.shareaholic.com/api/share/?title=Bien+d%C3%A9velopper+en+PHP+%28partie+1%29&amp;link=http://www.webaaz.com/2009/06/bien-developper-en-php-partie-1/&amp;notes=PHP%20%C3%A9tant%20l%27un%20de%20mes%20domaines%20de%20pr%C3%A9dilection%2C%20un%20article%20sur%20le%20sujet%20s%27impose...%20Il%20y%20en%20aura%20m%C3%AAme%20plus%20d%27un%20tellement%20le%20sujet%20est%20vaste.%20Commen%C3%A7ons%20donc%20par%20les%20pr%C3%A9sentations%0D%0A%0D%0APhoto%20de%20Skoop%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a></li><li
class="shr-googlereader"> <a
href="http://www.shareaholic.com/api/share/?title=Bien+d%C3%A9velopper+en+PHP+%28partie+1%29&amp;link=http://www.webaaz.com/2009/06/bien-developper-en-php-partie-1/&amp;notes=PHP%20%C3%A9tant%20l%27un%20de%20mes%20domaines%20de%20pr%C3%A9dilection%2C%20un%20article%20sur%20le%20sujet%20s%27impose...%20Il%20y%20en%20aura%20m%C3%AAme%20plus%20d%27un%20tellement%20le%20sujet%20est%20vaste.%20Commen%C3%A7ons%20donc%20par%20les%20pr%C3%A9sentations%0D%0A%0D%0APhoto%20de%20Skoop%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=207&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a></li><li
class="shr-netvibes"> <a
href="http://www.shareaholic.com/api/share/?title=Bien+d%C3%A9velopper+en+PHP+%28partie+1%29&amp;link=http://www.webaaz.com/2009/06/bien-developper-en-php-partie-1/&amp;notes=PHP%20%C3%A9tant%20l%27un%20de%20mes%20domaines%20de%20pr%C3%A9dilection%2C%20un%20article%20sur%20le%20sujet%20s%27impose...%20Il%20y%20en%20aura%20m%C3%AAme%20plus%20d%27un%20tellement%20le%20sujet%20est%20vaste.%20Commen%C3%A7ons%20donc%20par%20les%20pr%C3%A9sentations%0D%0A%0D%0APhoto%20de%20Skoop%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=195&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a></li></ul><div
style="clear: both;"></div></div> ]]></content:encoded> <wfw:commentRss>http://www.webaaz.com/2009/06/bien-developper-en-php-partie-1/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>MySQL GUI Tools</title><link>http://www.webaaz.com/2009/04/mysql-gui-tools/</link> <comments>http://www.webaaz.com/2009/04/mysql-gui-tools/#comments</comments> <pubDate>Fri, 24 Apr 2009 13:01:02 +0000</pubDate> <dc:creator>Martin</dc:creator> <category><![CDATA[Développement]]></category> <category><![CDATA[Libre]]></category> <category><![CDATA[Logiciels]]></category> <category><![CDATA[MySQL]]></category> <category><![CDATA[Outils]]></category> <category><![CDATA[GUI]]></category> <category><![CDATA[Logiciel]]></category> <category><![CDATA[MySQL GUI Tools]]></category> <category><![CDATA[Tools]]></category> <guid
isPermaLink="false">http://www.webaaz.com/?p=43</guid> <description><![CDATA[Je vais vous présenter aujourd'hui une suite logicielle multi plateforme développée par MySQL AB pour administrer simplement vos bases MySQL.
<img
src="/images/dauphin.jpg" alt="Dauphin" /><br
/> <a
title="Photo de WIlly Volk depuis Flickr" href="http://www.flickr.com/photos/94802649@N00/1193134826">Photo de WIlly Volk depuis Flickr</a>]]></description> <content:encoded><![CDATA[<p>Je vais vous présenter aujourd&#8217;hui une suite logicielle multi plateforme développée par MySQL AB pour administrer simplement vos bases MySQL.</p><p><img
src="/images/dauphin.jpg" alt="Dauphin" /><br
/> <a
title="Photo de WIlly Volk depuis Flickr" href="http://www.flickr.com/photos/94802649@N00/1193134826">Photo de WIlly Volk depuis Flickr</a></p><h2>Présentation</h2><p>MySQL GUI Tools est actuellement en version 5.0 et regroupe les logiciels suivants :</p><ul><li>MySQL Administrator 1.2</li><li>MySQL Query Browser 1.2</li><li>MySQL Migration Toolkit 1.1</li></ul><p>Ces logiciels sont compatibles avec MySQL 5.1.</p><h2>Points forts</h2><ul><li>Licence MySQL AB (libre ou commerciale suivant l&#8217;utilisation)</li><li>Gratuit</li><li>Mutli plateforme (Windows, MacOS, Linux)</li><li>Environnement graphique intuitif</li></ul><h2>MySQL Administrator</h2><p>MySQL Administrator est un logiciel de gestion et d&#8217;administration pour les bases de données MySQL. La première version date de 2004.<br
/> Grâce a une interface graphique simple et ergonomique, vous pouvez gérer vos utilisateurs, vos objets SQL, et toutes les opérations relatives à la gestion d&#8217;une base de données MySQL, il suffit pour cela d&#8217;être connecté à la base.<br
/> Mais cet outil vous apporte aussi la possibilité de visualiser en temps réel la charge du serveur, l&#8217;occupation de la mémoire, les connexions, les requêtes, les logs ou l&#8217;espace disque utilisé. Il permet aussi de sauvegarder votre base sous forme de dump ou de les restaurer</p><h2>MySQL Query Browser</h2><p>MySQL Query Browser est un outil de requêtage. Il permet notamment de faire toutes les opération <a
title="Voir la définition de CRUD sur Wikipédia" href="http://fr.wikipedia.org/wiki/CRUD"><abbr
title="Create Read Update Delete">CRUD</abbr></a>, mais aussi faire des requêtes plus ou moins complexes et de les comparer ou les analyser pour les améliorer.<br
/> L&#8217;outil idéal pour visualiser votre base de données ou pour passer des scripts de maintenance.</p><p>A noter : L&#8217;outil garde un historique très utile des requêtes passées</p><h2>MySQL Migration Toolkit</h2><p>Si vous ne travaillez pas encore avec une base MySQL, cet outil vous sera d&#8217;une grande utilité et dans ce cas, je vous invite à voir la <a
title="Voir la page de MySQL sur les migrations" href="http://www.mysql.fr/why-mysql/migration/">page de MySQL sur les migrations</a>. En effet MySQL Migration Toolkit est un outil de migration de vos bases compatibles avec la norme SQL et avec ACID vers MySQL. Sinon, cet outil ne vous sera vraiment pas indispensable !</p><h2>Comment l&#8217;installer</h2><p>Toutes les versions pour le différentes plateformes ainsi que les sources sont disponibles sur le site de MySQL :</p><ul><li><a
title="Aller sur le site de MySQL pour installer MySQL GUI Tools" href="http://dev.mysql.com/downloads/gui-tools/5.0.html">Installer MySQL GUI Tools</a></li></ul><p>A noter : Pour Ubuntu les packages existent sur le dépôts.</p><h2>Conclusion</h2><p>C&#8217;est une suite logicielle indispensable, bien plus pratique à utiliser que PHPmyAdmin si vous avez la possibilité d&#8217;installer un client lourd sur votre ordinateur. Si vous êtes en situation de nomadisme, PHPMyAdmin reste bien évidemment un outil très pratique.<br
/> Son gros avantage est son coté multi-plateforme qui vous permettra de l&#8217;utiliser sur n&#8217;importe quel poste de travail, ainsi vous n&#8217;avez qu&#8217;un seul outil à connaitre quel que soit votre environnement de développement.<br
/> Sa gratuité est bien sur encore un point essentiel.<br
/><h2>Sur le même thème</h2><ul
class="similar-posts"><li><a
href="http://www.webaaz.com/2009/07/les-plugins-firefox-foxyproxy/" rel="bookmark" title="15 juillet 2009">Les plugins Firefox : FoxyProxy</a></li><li><a
href="http://www.webaaz.com/2009/10/bien-utiliser-zend-framework/" rel="bookmark" title="26 octobre 2009">Bien utiliser Zend Framework</a></li><li><a
href="http://www.webaaz.com/2010/02/les-plugins-firefox-xrefresh/" rel="bookmark" title="18 février 2010">Les plugins Firefox : XRefresh</a></li><li><a
href="http://www.webaaz.com/2009/11/comment-apprendre-le-developpement-web/" rel="bookmark" title="11 novembre 2009">Comment apprendre le développement web ?</a></li><li><a
href="http://www.webaaz.com/2009/06/navigateur-web-standard-firefox/" rel="bookmark" title="20 juin 2009">Navigateur Web standard : Firefox</a></li></ul><p></p><div
class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy"><ul
class="socials"><li
class="shr-twitter"> <a
href="http://www.shareaholic.com/api/share/?title=MySQL+GUI+Tools&amp;link=http://www.webaaz.com/2009/04/mysql-gui-tools/&amp;notes=Je%20vais%20vous%20pr%C3%A9senter%20aujourd%27hui%20une%20suite%20logicielle%20multi%20plateforme%20d%C3%A9velopp%C3%A9e%20par%20MySQL%20AB%20pour%20administrer%20simplement%20vos%20bases%20MySQL.%0D%0A%0D%0A%0D%0APhoto%20de%20WIlly%20Volk%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li
class="shr-identica"> <a
href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=Je%20vais%20vous%20pr%C3%A9senter%20aujourd%27hui%20une%20suite%20logicielle%20multi%20plateforme%20d%C3%A9velopp%C3%A9e%20par%20MySQL%20AB%20pour%20administrer%20simplement%20vos%20bases%20MySQL.%0D%0A%0D%0A%0D%0APhoto%20de%20WIlly%20Volk%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a></li><li
class="shr-mail"> <a
href="http://www.shareaholic.com/api/share/?title=MySQL%20GUI%20Tools&amp;link=http://www.webaaz.com/2009/04/mysql-gui-tools/&amp;notes=Je%20vais%20vous%20pr%C3%A9senter%20aujourd%27hui%20une%20suite%20logicielle%20multi%20plateforme%20d%C3%A9velopp%C3%A9e%20par%20MySQL%20AB%20pour%20administrer%20simplement%20vos%20bases%20MySQL.%0D%0A%0D%0A%0D%0APhoto%20de%20WIlly%20Volk%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a></li><li
class="shr-gmail"> <a
href="http://www.shareaholic.com/api/share/?title=MySQL+GUI+Tools&amp;link=http://www.webaaz.com/2009/04/mysql-gui-tools/&amp;notes=Je%20vais%20vous%20pr%C3%A9senter%20aujourd%27hui%20une%20suite%20logicielle%20multi%20plateforme%20d%C3%A9velopp%C3%A9e%20par%20MySQL%20AB%20pour%20administrer%20simplement%20vos%20bases%20MySQL.%0D%0A%0D%0A%0D%0APhoto%20de%20WIlly%20Volk%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a></li><li
class="shr-viadeo"> <a
href="http://www.shareaholic.com/api/share/?title=MySQL+GUI+Tools&amp;link=http://www.webaaz.com/2009/04/mysql-gui-tools/&amp;notes=Je%20vais%20vous%20pr%C3%A9senter%20aujourd%27hui%20une%20suite%20logicielle%20multi%20plateforme%20d%C3%A9velopp%C3%A9e%20par%20MySQL%20AB%20pour%20administrer%20simplement%20vos%20bases%20MySQL.%0D%0A%0D%0A%0D%0APhoto%20de%20WIlly%20Volk%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a></li><li
class="shr-googlereader"> <a
href="http://www.shareaholic.com/api/share/?title=MySQL+GUI+Tools&amp;link=http://www.webaaz.com/2009/04/mysql-gui-tools/&amp;notes=Je%20vais%20vous%20pr%C3%A9senter%20aujourd%27hui%20une%20suite%20logicielle%20multi%20plateforme%20d%C3%A9velopp%C3%A9e%20par%20MySQL%20AB%20pour%20administrer%20simplement%20vos%20bases%20MySQL.%0D%0A%0D%0A%0D%0APhoto%20de%20WIlly%20Volk%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=207&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Reader">Add this to Google Reader</a></li><li
class="shr-netvibes"> <a
href="http://www.shareaholic.com/api/share/?title=MySQL+GUI+Tools&amp;link=http://www.webaaz.com/2009/04/mysql-gui-tools/&amp;notes=Je%20vais%20vous%20pr%C3%A9senter%20aujourd%27hui%20une%20suite%20logicielle%20multi%20plateforme%20d%C3%A9velopp%C3%A9e%20par%20MySQL%20AB%20pour%20administrer%20simplement%20vos%20bases%20MySQL.%0D%0A%0D%0A%0D%0APhoto%20de%20WIlly%20Volk%20depuis%20Flickr&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=195&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Submit this to Netvibes">Submit this to Netvibes</a></li></ul><div
style="clear: both;"></div></div> ]]></content:encoded> <wfw:commentRss>http://www.webaaz.com/2009/04/mysql-gui-tools/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
