<?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>css 4 design &#187; AdSense</title>
	<atom:link href="http://css4design.com/tag/adsense/feed" rel="self" type="application/rss+xml" />
	<link>http://css4design.com</link>
	<description>Le blog de l&#039;intégrateur web</description>
	<lastBuildDate>Thu, 26 Jan 2012 19:13:29 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
	<atom:link rel='hub' href='http://css4design.com/?pushpress=hub'/>
		<item>
		<title>1000 ressources pour le développement web et WordPress</title>
		<link>http://css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web</link>
		<comments>http://css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web#comments</comments>
		<pubDate>Fri, 08 Feb 2008 13:25:58 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[HTML & CSS]]></category>
		<category><![CDATA[Intégration web]]></category>
		<category><![CDATA[Javascript & PHP]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[AdSense]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Dreamweaver]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Navigateur]]></category>
		<category><![CDATA[PageRank]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Référencement]]></category>
		<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://www.css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web</guid>
		<description><![CDATA[Vous voulez un bon éditeur de page HTML et CSS, vous cherchez le bon plugin jQuery pour votre projet ou vous êtes tout simplement friand de ressources indispensables pour la création de sites web et vous utilisez WordPress ? Le titre est trompeur : il n&#8217;y a pas 1000 ressources, mais bien plus à découvrir&#8230; Attention, cette liste est vivante et grandit avec vos suggestions ! Table des matières Vous avez besoin d’un moteur de recherche ? Ctrl + F ! 1. La boite à outils du codeur de site web 2. 22 éditeurs HTML et CSS pour Windows, Mac OS [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2F1000-ressources-pour-wordpress-et-le-developpement-web">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2F1000-ressources-pour-wordpress-et-le-developpement-web&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a&amp;b=2" height="61" width="50" />
			</a>
		</div><p>Vous voulez un bon éditeur de page HTML et CSS, vous cherchez le bon <em>plugin</em> jQuery pour votre projet ou vous êtes tout simplement friand de ressources indispensables pour la création de sites web et vous utilisez WordPress ? Le titre est trompeur : il n&#8217;y a pas 1000 ressources, mais bien plus à découvrir&#8230; Attention, cette liste est vivante et grandit avec vos suggestions !<span id="more-199"></span></p>

<div id="sommaire">
<h3>Table des matières</h3>
Vous avez besoin d’un moteur de recherche ? <em>Ctrl + F</em> !
<h4>1. <a href="#dev">La boite à outils du codeur de site web</a></h4>
<h5>2. <a href="#editors">22 éditeurs HTML et CSS pour Windows, Mac OS X et Linux</a> | <a title="22 éditeurs HTML et CSS pour Windows, Mac OS X et Linux" href="#TB_editors"></a></h5>
<h5>3. <a href="#javascript">Javascript</a></h5>
<ul class="texte">
    <li><a title="240 plugins jQuery classés par thèmes" href="#jquery">240 plugins jQuery</a> | <a title="240 plugins jQuery classés par thèmes" href="#listjquery"></a></li>
    <li><a href="#jqueryplus">6 Ressources complémentaires pour jQuery</a></li>
    <li><a href="#frameworksJS">Autres frameworks Javascript</a></li>
</ul>
<h5>4. <a href="#resources">Ressources pour webdesigner</a></h5>
<ul class="texte">
    <li><a href="#field">Webdevelopers Field Guide : 750 liens pour webdesigner</a></li>
    <li><a href="#firefox">Extensions Firefox : développement et référencement</a></li>
    <li><a href="#browserTest">Tester vos pages web dans différents navigateurs</a></li>
    <li><a href="#monitoring">Monitoring de sites web</a></li>
    <li><a href="#icones">Icônes et goodies pour photoshop</a></li>
    <li><a href="#tuto">Tutoriels ou tutoriaux webdesign</a></li>
    <li><a href="#references">Références, outils et dictionnaires</a></li>
    <li><a href="#inspiration">Inspiration, expiration&#8230;</a></li>
</ul>
<h4>5. <a href="#wordpress">WordPress</a></h4>
<ol class="texte">
    <li><a href="#official">Listes quasi-officielles</a></li>
    <li><a href="#adsense">17 plugins AdSense pour WordPress</a></li>
    <li><a href="#pluginsComments">7 Plugins WordPress pour favoriser les commentaires</a></li>
    <li><a href="#pluginsTwitter">10 Plugins WordPress pour Twitter</a></li>
    <li><a href="#pluginsVrac">Vrac de plugins pour WordPress</a></li>
    <li><a href="#themesWP">Des centaines de thèmes pour WordPress</a></li>
</ol>
</div>

<!-- fin #sommaire -->

<h2 id="dev">La boite à outils du codeur de site web</h2>

<div id="TB_editors">
<h3 id="editors">Editeurs de page web</h3>
<h4>Windows (et/ou multi-OS)</h4>
<h5 id="eclipse">Eclipse</h5>
<a href="http://www.eclipse.org/">Eclipse</a> est un environnement de développement intégré (IDE) lancé par IBM pour développer des application Java. Son architecture est développée autour de la notion de plugin, ce qui permet de l&#8217;utiliser pour le développement web où il remplacera sans peine un Dreamweaver ou un Notepad++ grâce notamment aux &laquo;&nbsp;plugins&nbsp;&raquo; suivants :

<ul class="texte">
    <li><a href="http://www.eclipse.org/webtools/">WTP</a> (Web Tools Platform) &#8212; Reconnait les formats HTML, CSS, JSP, JSF, javascript, XML, DTD, XSLT&#8230; (coloration syntaxique, auto-complétion, validation et aide à la saisie des fichiers XML par la DTD associée, etc.)</li>
    <li><a href="http://www.aptana.com/">Aptana</a> &#8212; Mêmes fonctionnalités que WTP. L&#8217;auto-complétion des fichiers CSS donne la compatibilité (IE et Firefox) des différentes balises de style, Débugger Javascript</li>
    <li><a href="http://www.eclipse.org/atf/">ATF</a> (Ajax Toolkit Framework) &#8212; Prise en compte du langage AJAX dans le développement web</li>
    <li><a href="http://amateras.sourceforge.jp/">Amateras EclipseHTMLEditor</a> &#8212; Reconnait les formats HTML, CSS, JSP, javascript, XML, DTD&#8230; avec un éditeur graphique de pages</li>
    <li><a href="http://download.cnet.com/XMLBuddy/3000-7241_4-10422909.html">XMLBuddy</a> &#8212; Plugin léger pour le format XML (validation des fichiers si DTD associée), DTD, XML SCHEMA, et XSLT</li>
    <li><a href="http://sourceforge.net/projects/xmen/">X-Men</a> &#8212; Editeur de fichiers XML (non maintenu depuis 2003)</li>
    <li><a href="http://www.oxygenxml.com/">OxygenXML</a> &#8212; Prise en charge du format XML, DTD, XML SCHEMA, et XSLT (avec un débugger de feuilles de style XSLT)</li>
    <li><a href="http://eclipsetidy.sourceforge.net/">EclipseTidy</a> &#8212; Editeur de fichiers HTML et XML</li>
    <li><a href="http://ezingbuilder.sourceforge.net/cms/">eZing Builder</a> &#8212; Editeur <acronym title="What you see is what you get">WYSIWYG</acronym> de pages web (HTML)</li>
    <li><a href="http://euromath2.sourceforge.net/">Euromath 2</a> &#8212; Editeur WYSIWYG de fichiers XML permettant d&#8217;écrire des expressions mathématiques (un peu de la même manière qu&#8217;avec Latex)</li>
    <li><a href="http://eclipsexslt.sourceforge.net/">EclipseXSLT</a> &#8212; Création Gestion avancée des fichiers XSLT, avec la coloration syntaxique, la possibilité de créer plusieurs configurations de style applicables à un même fichier XML, etc.</li>
    <li>Retrouvez la liste complète des <a href="ftp://ftp-developpez.com/bcourtin/articles/eclipse/plugins/plugins.pdf">plugins Eclipse</a> sous forme d&#8217;un PDF mis à jour par <a href="http://bcourtin.developpez.com/">Benoît Courtine</a>.</li>
</ul>

<h5 id="autres">Autres éditeurs</h5>
<ul>
    <li><a href="http://www.macromedia.com/fr/software/dreamweaver">Dreamweaver</a> &#8212; Cet éditeur de pages web créé par Macromedia puis racheté par Adobe. La fonction chercher-remplacer plus que complète (il faudrait un tutoriel pour faire le tour de la question) et la gestion multi-sites avec le transfert FTP méritent à eux seuls l&#8217;achat du produit. L&#8217;aspect <em>ouiziouigue</em> du bidule est encore &#8211; dans la version CS3 &#8211; réservé aux gadgétophiles. Le gros point noir de Dreamweaver est sa gestion fantaisiste du format UTF-8 qui nécessite un passage préalable dans un vrai éditeur comme Notepad++&#8230;</li>
    <li><a href="http://notepad-plus.sourceforge.net/fr/site.htm">Notepad++</a> &#8212; Quand Dreamweaver m&#8217;ennuie, c&#8217;est vers Notepad++ que je me tourne, tant sa simplicité apparente est reposante. Il prend en charge la coloration syntaxique de pratiquement tous les langages et ses fonctions de &laquo;&nbsp;traitement&nbsp;&raquo; de textes sont impressionnantes (même si je n&#8217;en n&#8217;utilise pas le dixième). Les plus : Notepad++ est capable de plier-déplier les blocs de code et possède un explorateur de fichier. De plus, utilisé conjointement avec FileZilla (en le spécifiant comme éditeur de texte distant, par exemple), vous avez une configuration légère pour trois fois rien. Les moins : l&#8217;auto-complétion des propriétés CSS n&#8217;est pas vraiment contextuelle (contrairement à Dreamweaver).</li>
    <li><a href="http://frenchmozilla.sourceforge.net/nvu/">Nvu</a> &#8212; Prononcez N-view. A mi-chemin entre Dreamweaver et Notepad++, cet éditeur est la refonte du module d&#8217;édition HTML <em>Composer</em> de Mozilla. <del datetime="2008-02-08T14:37:47+00:00">Le logiciel est en version 1.0 depuis 2005 sans mise à jour depuis. A noter qu&#8217;il existe <a href="http://www.framasoft.net/article2656.html">un tutoriel Nvu</a> bien fait sur Framasoft. </del> Nvu est remplacé par <a href="http://www.kompozer.net/">KompoZer</a>. Pour connaitre le pourquoi du comment, c&#8217;est sur <a href="http://www.framasoft.net/article2243.html">Framasoft</a>. (Merci <a href="http://blog.burninghat.net/">burningHat</a>).</li>
    <li><a href="http://www.kompozer.net/">KompoZer</a> &#8212; Développé à partir de la version 1.0 de Nvu, ce logiciel reprend à son compte la gestion des plugins et des thème à la Gecko (Firefox), ce qui semble prometteur pour l&#8217;avenir. Des fondations de Nvu, KompoZer semble avoir gardé le goût de la non-simplicité pour la gestion des feuilles de style, notamment. D&#8217;autres infos sur Nvu (valable pour KompoZer ?) sur <a href="http://www.geckozone.org/forum/viewtopic.php?t=24967">geckozone</a>.</li>
    <li><a href="http://intype.info">Intype</a> &#8212; Ce puissant éditeur de code est d&#8217;après <a href="http://p4bl0.net/">p4bl0</a> l&#8217;équivalent de TextMate sur Windows. Encore en version <em>Alpha</em>, vous pourrez suivre l&#8217;évolution du développement de cet éditeur prometteur <a href="http://intype.info/">sur le blog</a>.</li>
    <li><a href="http://www.chami.com/html-kit/download/">HTML-Kit</a> &#8212; J&#8217;ai une relation ambiguë avec ce logiciel : je l&#8217;installe aussi souvent que je le désinstalle à cause de son interface peu intuitive qui finit toujours par me gêner avant que je trouve mes marques. Mais c&#8217;est un très bon produit et je ne désespère pas de m&#8217;y adapter un jour ! Il est possible d&#8217;avoir <a href="http://boussac.online.fr/Windows/HTML/presentationHK.html">HTML-Kit en français</a> avec une présentation du logiciel en prime.</li>
    <li><a href="http://www.ultraedit.com/index.php?name=Downloads&amp;d_op=viewdownload&amp;cid=1">UltraEdit-32</a> &#8212; C&#8217;est un éditeur de code source qui supporte la plupart des langages (C++, PHP, HTML, VB Perl, Java). Il dispose aussi d&#8217;un module FTP et permet &#8211; comme Notepad++ d&#8217;enregistrer des macro-commandes pour les tâches répétitives. Ce n&#8217;est pas un logiciel gratuit, mais la version <em>UltraEdit-32 Professional Text Editor</em> ne coûte que 34€, soit 12 fois moins que Dreamweaver CS3 !</li>
    <li><a href="http://www.jedit.org/">Jedit</a> &#8211;C&#8217;est un éditeur écrit en Java, ce qui lui permet de fonctionner sous toutes les plate-formes.</li>
    <li><a href="http://quanta.kdewebdev.org/">Quanta Plus</a> &#8212; Avec cet éditeur de texte, on sort un peu du développement web, puisqu&#8217;il permet également de créer des livrets de documentation, ce qui peut toujours être utile.</li>
    <li><a href="http://cssed.sourceforge.net/">CSSED</a> &#8212; Cet éditeur de feuilles de style CSS nécessite l&#8217;installation de <a href="http://sourceforge.net/projects/gtk-win/">GTK+ Runtime Environment</a> avec comme avantage de tourner sous Linux, Mac OSX et Windows !</li>
    <li><a href="http://www.e-texteditor.com/">E Texte Editor</a> &#8212; Toute la puissance de TextMate sur Windows (au point de laisser Mac OS X et switcher sur Windows ?).</li>
    <li><a href="http://www.pspad.com/fr/">PSPad</a> &#8212; Le meilleur pour la fin ? C&#8217;est bien possible car contrairement à HTML-Kit, son interface est très agréable et son intégration avec <a href="http://www.newsgator.com/Individuals/TopStyle/Default.aspx">TopStyle Lite</a> est très réussie. L&#8217;ensemble fournit un environnement de développement de pages web très complet et simple d&#8217;utilisation. Parmi les petits plus appréciables : un générateur de faux-texte <em>Lorem Ipsum</em> et l&#8217;intégration de Google avec des options de recherche avancées, toujours utiles en plein travail. A noter que la version Pro de TopStyle inclut un éditeur HTML.</li>
    <li><a href="http://scribes.sourceforge.net">Scribes</a> &#8212; C&#8217;est un éditeur pour Linux, puissant tout en restant simple et léger.</li>
    <li><a href="http://www.gnome.org/projects/gedit/">gedit</a> &#8212; Il s&#8217;agit de l&#8217;éditeur de texte officiel pour l&#8217;environnement de bureau GNOME.</li>
    <li><a href="http://www.scintilla.org/SciTE.html">SciTE</a> &#8212; Cet éditeur de texte complet (coloration syntaxique, arbre de code dépliant, fonctions rechercher/remplacer) se distingue par l&#8217;exportation au format PDF, RTF ou HTML. Bien que disponible également pour Windows, SciTE gagne sa place dans la section Linux grâce à sa configuration par fichiers : pas de panique, <a href="http://www.framasoft.net/article1988.html">Framasoft</a> veille ;)</li>
</ul>

<h4>Mac OS X 10.4+</h4>
<ul>
    <li><a href="http://macromates.com/">TextMate</a> &#8212; L&#8217;éditeur manquant ? Sur Windows, en tout cas, c&#8217;est sûr ;)</li>
    <li> <a href="http://www.barebones.com/products/bbedit/index.shtml">BBEdit</a> &#8212; Si vous êtes Apple Addict.</li>
    <li><a href="http://www.barebones.com/products/textwrangler/">TextWrangler </a>&#8211; Par le même éditeur de BBEdit dont il est une version allégée, cet éditeur autorise la manipulation de texte et l&#8217;administration de serveur Unix.</li>
    <li><a href="http://smultron.sourceforge.net/">Smultron</a> &#8212; Conçu à la fois pour ne pas effrayer les débutants et satisfaire les utilisateurs avancés.</li>
    <li><a href="http://macrabbit.com/cssedit/">cssedit</a> &#8212; un très bon éditeur de CSS. Via <a href="http://64k.be/2007/10/30/cssedit-cest-du-belge/">64K</a>.</li>
    <li><a href="http://www.panic.com/coda/">Coda</a> &#8212; Encore un bien joli éditeur de texte et de CSS qui intègre un module de transfert FTP.</li>
</ul>
</div>

<div id="listjquery" class="toggle">
<h3 id="javascript">Javascript</h3>
<h4 id="jquery">240 plugins jQuery</h4>
Cette magnifique liste provient de <a href="http://sastgroup.com/">Sastgroup.com</a>, trouvé via <a href="http://www.taggle.org/">taggle.org</a> et <a href="http://www.bizetfamily.net/post/2007/11/26/Liste-de-240-plugins-pour-Jquery">bizetfamily</a>

<hr class="space" />
<h5 id="formValidation">Validation de formulaires</h5>
<ul class="texte">
    <li><a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/">jQuery Validation</a></li>
    <li><a href="http://www.dyve.net/jquery/?autohelp">Auto Help</a></li>
    <li><a href="http://www.willjessup.com/sandbox/jquery/form_validator/form_validate.html">Simple jQuery form validation</a></li>
    <li><a href="http://letmehaveblog.blogspot.com/2007/08/easy-client-side-web-forms-validations.html">jQuery XAV &#8211; form validations</a></li>
    <li><a href="http://itgroup.com.ph/alphanumeric/">jQuery AlphaNumeric</a></li>
    <li> <a href="http://digitalbush.com/projects/masked-input-plugin">Masked Input</a></li>
    <li><a href="http://www.dennydotnet.com/post/TypeWatch-jQuery-Plugin.aspx">TypeWatch Plugin</a></li>
    <li><a href="http://jquery.com/plugins/project/TextLimiter">Text limiter for form fields</a></li>
    <li><a href="http://www.shawngo.com/gafyd/index.html">Ajax Username Check with jQuery</a></li>
</ul>

<h5 id="fileUpload">Téléchargement de fichiers</h5>
<ul class="texte">
    <li><a href="http://www.phpletter.com/Demo/AjaxFileUpload-Demo/">Ajax File Upload</a></li>
    <li><a href="http://www.pixeline.be/experiments/jqUploader/">jQUploader</a></li>
    <li><a href="http://www.fyneworks.com/jquery/multiple-file-upload/">Multiple File Upload plugin</a></li>
    <li><a href="http://www.appelsiini.net/projects/filestyle">jQuery File Style</a></li>
    <li><a href="http://jquery.com/plugins/project/InputFileCSS">Styling an input type file</a></li>
    <li><a href="http://digitalbush.com/projects/progress-bar-plugin">Progress Bar Plugin</a></li>
</ul>

<h5 id="formStuff">Formulaires &#8212; Menu select, etc.</h5>
<ul class="texte">
    <li><a href="http://jquery.sanchezsalvador.com/page/jquerycombobox.aspx">jQuery Combobox</a></li>
    <li><a href="http://www.ajaxray.com/2007/11/08/jquery-controlled-dependent-or-cascading-select-list-2/">jQuery controlled dependent  (or Cascadign) Select List</a></li>
    <li><a href="http://code.google.com/p/jqmultiselects/">Multiple Selects</a></li>
    <li><a href="http://www.texotela.co.uk/code/jquery/select/">Select box manipulation</a></li>
    <li><a href="http://code.google.com/p/jqueryselectcombo/">Select Combo Plugin</a></li>
    <li><a href="http://www.msxhost.com/jquery/linked-selects/json/%20target=">jQuery &#8211; LinkedSelect</a></li>
    <li> <a href="http://remysharp.com/2007/09/18/auto-populate-multiple-select-boxes/">Auto-populate multiple select boxes</a></li>
    <li><a href="http://www.sitespotting.it/esempi/002/">Choose Plugin (Select Replacement)</a></li>
</ul>

<h5 id="formBasics">Formulaire de base, Champs texte, cases à cocher, etc.</h5>
<ul class="texte">
    <li><a href="http://www.malsup.com/jquery/form/">jQuery Form Plugin</a></li>
    <li> <a href="http://code.handlino.com/wiki/jquery-form">jQuery-Form</a></li>
    <li><a href="http://envero.org/jlook/">jLook Nice Forms</a></li>
    <li> <a href="http://www.whitespace-creative.com/jquery/jNice/">jNice</a></li>
    <li><a href="http://www.brainfault.com/2007/07/07/pin-plugin-reloaded/">Ping Plugin</a></li>
    <li><a href="http://grzegorz.frydrychowicz.net/jquery_toggleformtext/">Toggle Form Text</a></li>
    <li><a href="http://thoughts.kuzemchak.net/entry/toggleval-for-jquery/">ToggleVal</a></li>
    <li><a href="http://www.pengoworks.com/workshop/jquery/field.plugin.htm">jQuery Field Plugin</a></li>
    <li><a href="http://code.befruit.com/">jQuery Form’n Field plugin</a></li>
    <li><a href="http://www.texotela.co.uk/code/jquery/checkboxes/">jQuery Checkbox manipulation</a></li>
    <li><a href="http://www.alcoholwang.cn/jquery/jTaggingDemo.htm">jTagging</a></li>
    <li><a href="http://code.google.com/p/labelcheck/">jQuery labelcheck</a></li>
    <li><a href="http://scott.sauyet.com/thoughts/archives/2007/03/31/overlabel-with-jquery/">Overlabel</a></li>
    <li><a href="http://blog.amicoimmaginario.it/2007/08/28/jquery-plugin-3-state-radio-buttons/">3 state radio buttons</a></li>
    <li><a href="http://sanisoft-demo.com/jquery/plugins/shiftcheckbox/">ShiftCheckbox jQuery Plugin</a></li>
    <li><a href="http://digitalbush.com/projects/watermark-input-plugin">Watermark Input</a></li>
    <li><a href="http://kawika.org/jquery/checkbox/">jQuery Checkbox (checkboxes with imags)</a></li>
    <li><a href="http://www.softwareunity.com/sandbox/jqueryspinbtn/">jQuery SpinButton Control</a></li>
    <li><a href="http://www.phpletter.com/form_builder/demo.html">jQuery Ajax Form Builder</a></li>
    <li><a href="http://www.texotela.co.uk/code/jquery/focusfields/">jQuery Focus Fields</a></li>
    <li><a href="http://home.iprimus.com.au/kbwood/jquery/timeEntry.html">jQuery Time Entry</a></li>
</ul>

<h5 id="time">Heure, date et sélectionneur de couleur</h5>
<ul class="texte">
    <li><a href="http://marcgrabanski.com/code/ui-datepicker/">jQuery UI Datepicker</a></li>
    <li><a href="http://kelvinluck.com/assets/jquery/datePicker/">jQuery date picker plugin</a></li>
    <li><a href="http://code.google.com/p/jquery-timepicker/">jQuery Time Picker</a></li>
    <li><a href="http://www.texotela.co.uk/code/jquery/timepicker/">Time Picker</a></li>
    <li><a href="http://www.oakcitygraphics.com/jquery/clockpick/ClockPick.cfm">ClickPick</a></li>
    <li><a href="http://labs.perifer.se/timedatepicker/">TimePicker</a></li>
    <li><a href="http://acko.net/dev/farbtastic">Farbtastic jQuery Color Picker Plugin</a></li>
    <li><a href="http://www.intelliance.fr/jquery/color_picker/">Color Picker by intelliance.fr</a></li>
</ul>

<h5 id="rating">Plugins d&#8217;évaluation (rating)</h5>
<ul class="texte">
    <li><a href="http://www.phpletter.com/Demo/Jquery-Star-Rating-Plugin/#">jQuery Star Rating Plugin</a></li>
    <li><a href="http://www.m3nt0r.de/devel/raterDemo/">jQuery Star Rater</a></li>
    <li><a href="http://riderdesign.com/articles/displayarticle.aspx?articleid=21">Content rater with asp.net, ajax and jQuery</a></li>
    <li><a href="http://www.learningjquery.com/2007/05/half-star-rating-plugin">Half-Star Rating Plugin</a></li>
</ul>

<h5 id="searchPlugin">Plugins de recherche</h5>
<ul class="texte">
    <li><a href="http://www.vulgarisoip.com/2007/08/06/jquerysuggest-11/">jQuery Suggest</a></li>
    <li><a href="http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/">jQuery Autocomplete</a></li>
    <li><a href="http://www.pengoworks.com/workshop/jquery/autocomplete.htm">jQuery Autocomplete Mod</a></li>
    <li><a href="http://www.ajaxdaddy.com/demo-jquery-autocomplete.html">jQuery Autocomplete by AjaxDaddy</a></li>
    <li><a href="http://dev.reach1to1.net/saurabh/jplugins/autocomplete/">jQuery Autocomplete Plugin with HTML formatting</a></li>
    <li><a href="http://interface.eyecon.ro/docs/autocomplete">jQuery Autocompleter</a></li>
    <li><a href="http://nodstrum.com/2007/09/19/autocompleter/">AutoCompleter (Tutorial with PHP&amp;MySQL)</a></li>
    <li><a href="http://rikrikrik.com/jquery/quicksearch/">quick Search jQuery Plugin</a></li>
</ul>

<h5 id="inlineEditor">Editeurs en ligne</h5>
<ul class="texte">
    <li><a href="http://www.jaysalvat.com/jquery/jtageditor/">jTagEditor</a></li>
    <li><a href="http://demo.wymeditor.org/demo.html">WYMeditor</a></li>
    <li><a href="http://garage.pimentech.net/scripts_doc_jquery_jframe/">jQuery jFrame</a></li>
    <li><a href="http://www.appelsiini.net/projects/jeditable">Jeditable &#8211; edit in place plugin for jQuery</a></li>
    <li><a href="http://www.dyve.net/jquery/?editable">jQuery editable</a></li>
    <li><a href="http://www.jdempster.com/category/jquery/disableTextSelect/">jQuery Disable Text Select Plugin</a></li>
    <li><a href="http://15daysofjquery.com/edit-in-place-with-ajax-using-jquery-javascript-library/15/">Edit in Place with Ajax using jQuery</a></li>
    <li><a href="http://davehauenstein.com/archives/28">jQuery Plugin &#8211; Another In-Place Editor</a></li>
    <li><a href="http://dev.iceburg.net/jquery/tableEditor/demo.php">TableEditor</a></li>
    <li><a href="http://joshhundley.com/teditable-in-place-editing-for-tables/">tEditable &#8211; in place table editing for jQuery</a></li>
</ul>

<h5 id="multimedia">Audio, Vidéo, Flash, SVG, etc.</h5>
<ul class="texte">
    <li><a href="http://www.contentwithstructure.com/extras/jmedia">jMedia &#8211; accessible multi-media embedding</a></li>
    <li><a href="http://sourceforge.net/projects/jbedit/">JBEdit &#8211; Ajax online Video Editor</a></li>
    <li><a href="http://www.sean-o.com/jquery/jmp3/">jQuery MP3 Plugin</a></li>
    <li><a href="http://malsup.com/jquery/media/">jQuery Media Plugin</a></li>
    <li><a href="http://jquery.lukelutman.com/plugins/flash/index.html">jQuery Flash Plugin</a></li>
    <li><a href="http://www.solitude.dk/archives/embedquicktime/">Embed QuickTime</a></li>
    <li><a href="http://keith-wood.name/svg.html">SVG Integration</a></li>
</ul>

<h5 id="images">Photos &#8212; Images&#8211; Galleries</h5>
<ul class="texte">
    <li><a href="http://jquery.com/demo/thickbox/">ThickBox</a></li>
    <li><a href="http://leandrovieira.com/projects/jquery/lightbox/">jQuery lightBox plugin</a></li>
    <li><a href="http://blog.joshuaeichorn.com/archives/2007/01/11/jquery-image-strip/">jQuery Image Strip</a></li>
    <li><a href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html">jQuery slideViewer</a></li>
    <li><a href="http://benjaminsterling.com/2007/09/09/jquery-jqgalscroll-photo-gallery/">jQuery jqGalScroll 2.0</a></li>
    <li><a href="http://benjaminsterling.com/2007/10/02/jquery-jqgalviewii-photo-gallery/">jQuery &#8211; jqGalViewII</a></li>
    <li><a href="http://benjaminsterling.com/2007/10/21/jqgalviewiii-proof-of-concept/">jQuery &#8211; jqGalViewIII</a></li>
    <li><a href="http://opiefoto.com/articles/photoslider">jQuery Photo Slider</a></li>
    <li><a href="http://joanpiedra.com/jquery/thumbs/">jQuery Thumbs &#8211; easily create thumbnails</a></li>
    <li><a href="http://www.texotela.co.uk/code/jquery/jQIR/">jQuery jQIR Image Replacement</a></li>
    <li><a href="http://www.gmarwaha.com/jquery/jcarousellite/index.php#what">jCarousel Lite</a></li>
    <li><a href="http://projects.sevir.org/storage/jpanview/index.html">jQPanView</a></li>
    <li><a href="http://sorgalla.com/projects/jcarousel/#Examples">jCarousel</a></li>
    <li><a href="http://www.intelliance.fr/jquery/imagebox/">Interface Imagebox</a></li>
    <li><a href="http://www.getintothis.com/2006/10/12/image-gallery-using-jquery-interface-reflections/">Image Gallery using jQuery, Interface &amp; Reflactions</a></li>
    <li><a href="http://realazy.org/lab/jquery/j-gallery/">simple jQuery Gallery</a></li>
    <li><a href="http://chicagosocial.com/gallery/">jQuery Gallery Module</a></li>
    <li><a href="http://www.eogallery.com/">EO Gallery</a></li>
    <li><a href="http://flesler.blogspot.com/search/label/jQuery.ScrollShow">jQuery ScrollShow</a></li>
    <li><a href="http://www.malsup.com/jquery/cycle/">jQuery Cycle Plugin</a></li>
    <li><a href="http://www.projectatomic.com/en/flickr.htm">jQuery Flickr</a></li>
    <li><a href="http://www.appelsiini.net/2007/9/lazy-load-images-jquery-plugin">jQuery Lazy Load Images Plugin</a></li>
    <li><a href="http://www.sunsean.com/zoomi/">Zoomi &#8211; Zoomable Thumbnails</a></li>
    <li><a href="http://remysharp.com/2007/03/19/a-few-more-jquery-plugins-crop-labelover-and-pluck/#crop">jQuery Crop &#8211; crop any image on the fly</a></li>
    <li><a href="http://jquery.com/plugins/project/reflection">Image Reflection</a></li>
</ul>

<h5 id="googleMap">Google Map</h5>
<ul class="texte">
    <li><a href="http://www.dyve.net/jquery/?googlemaps">jQuery Plugin googlemaps</a></li>
    <li><a href="http://code.google.com/p/jmaps/">jMaps jQuery Maps Framework</a></li>
    <li><a href="http://projects.sevir.org/storage/jqmaps/index.html">jQmaps</a></li>
    <li><a href="http://olbertz.de/jquery/googlemap.html#">jQuery &amp; Google Maps</a></li>
    <li><a href="http://snippets.dzone.com/posts/show/4361">jQuery Maps Interface forr Google and Yahoo maps</a></li>
    <li><a href="http://webrocket.ulmb.com/jmaps/">jQuery J Maps &#8211; by Tane Piper</a></li>
</ul>

<h5 id="games">Jeux</h5>
<ul class="texte">
    <li><a href="http://fmarcia.info/jquery/tetris/tetris.html">Tetris with jQuery</a></li>
    <li><a href="http://64squar.es/">jQuery Chess</a></li>
    <li> <a href="http://www.bennadel.com/623-jQuery-Demo-Mad-Libs-Word-Game.htm">Mad Libs Word Game</a></li>
    <li><a href="http://www.alexatnet.com/node/68">jQuery Puzzle</a></li>
    <li><a href="http://www.willjessup.com/sandbox/jquery/solar_system/rotator.html">jQuery Solar System (not a game but awesome jQuery Stuff)</a></li>
</ul>

<h5 id="tables">Tableaux, grilles etc.</h5>
<ul class="texte">
    <li><a href="http://docs.jquery.com/Plugins/Tablesorter">UI/Tablesorter</a></li>
    <li><a href="http://www.reconstrukt.com/ingrid/">jQuery ingrid</a></li>
    <li><a href="http://www.trirand.com/?p=13">jQuery Grid Plugin</a></li>
    <li><a href="http://ideamill.synaptrixgroup.com/jquery/tablefilter/tabletest.htm">Table Filter &#8211; awesome!</a></li>
    <li><a href="http://dev.iceburg.net/jquery/tableEditor/demo.php">TableEditor</a></li>
    <li><a href="http://www.hanpau.com/jquery/unobtrusivetreetable.php">jQuery Tree Tables</a></li>
    <li><a href="http://www.javascripttoolbox.com/jquery/#expandablerows">Expandable “Detail” Table Rows</a></li>
    <li><a href="http://www.remotesynthesis.com/index.cfm/2007/9/25/Sortable-Table-ColdFusion-Custom-Tag-with-jQueryUI">Sortable Table ColdFusion Costum Tag with jQuery UI</a></li>
    <li><a href="http://flesler.blogspot.com/2007/10/jquerybubble.html">jQuery Bubble</a></li>
    <li><a href="http://tablesorter.com/docs/">TableSorter</a></li>
    <li><a href="http://www.webtoolkit.info/demo/jquery/scrollable/demo.html">Scrollable HTML Table</a></li>
    <li><a href="http://p.sohei.org/stuff/jquery/columnmanager/demo/demo.html">jQuery column Manager Plugin</a></li>
    <li><a href="http://p.sohei.org/stuff/jquery/tablehover/demo/demo.html">jQuery tableHover Plugin</a></li>
    <li><a href="http://p.sohei.org/stuff/jquery/columnhover/demo/demo.html">jQuery columnHover Plugin</a></li>
    <li><a href="http://makoomba.altervista.org/grid/">jQuery Grid</a></li>
    <li><a href="http://motherrussia.polyester.se/jquery-plugins/tablesorter/">TableSorter plugin for jQuery</a></li>
    <li><a href="http://joshhundley.com/teditable-in-place-editing-for-tables/">tEditable &#8211; in place table editing for jQuery</a></li>
    <li><a href="http://www.hovinne.com/dev/jquery/chartotable/">jQuery charToTable Plugin</a></li>
    <li><a href="http://www.ita.es/jquery/jquery.grid.columnSizing.htm">jQuery Grid Column Sizing</a></li>
    <li><a href="http://www.ita.es/jquery/jquery.grid.rowSizing.htm">jQuery Grid Row Sizing</a></li>
</ul>

<h5 id="charts">Graphiques, présentation, etc.</h5>
<ul class="texte">
    <li><a href="http://worcesterwideweb.com/2007/06/04/jquery-wizard-plugin/">jQuery Wizard Plugin </a></li>
    <li><a href="http://www.reach1to1.com/sandbox/jquery/jqchart/">jQuery Chart Plugin</a></li>
    <li><a href="http://ejohn.org/apps/speed/">Bar Chart</a></li>
</ul>

<h5 id="border">Bordures, coins, fond (background)</h5>
<ul class="texte">
    <li><a href="http://www.malsup.com/jquery/corner/">jQuery Corner</a></li>
    <li><a href="http://blue-anvil.com/archives/anti-aliased-rounded-corners-with-jquery">jQuery Curvy Corner</a></li>
    <li><a href="http://dev.jquery.com/%7Epaul/plugins/nifty/example.html">Nifty jQuery Corner</a></li>
    <li><a href="http://illandril.net/jQuery/transparentCorners/">Transparent Corners</a></li>
    <li><a href="http://www.methvin.com/jquery/jq-corner.html">jQuery Corner Gallery</a></li>
    <li><a href="http://blog.brandonaaron.net/my-jquery-plugins/gradient/">Gradient Plugin</a></li>
</ul>

<h5 id="text">Textes et liens</h5>
<ul class="texte">
    <li><a href="http://wanderinghorse.net/computing/javascript/jquery/spoilers/demo.html">jQuery Spoiler plugin</a></li>
    <li><a href="http://johannburkard.de/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html">Text Highlighting</a></li>
    <li><a href="http://www.jdempster.com/category/jquery/disableTextSelect/">Disable Text Select Plugin</a></li>
    <li><a href="http://www.texotela.co.uk/code/jquery/newsticker/">jQuery Newsticker</a></li>
    <li><a href="http://www.ollicle.com/2007/jun/03/jquery_lineheight_flexible.html">Auto line-height Plugin</a></li>
    <li><a href="http://agencenp.net/textgrad/textgrad.html">Textgrad &#8211; a text gradient plugin</a></li>
    <li><a href="http://kawika.org/jquery/linklook/">LinkLook &#8211; a link thumbnail preview</a></li>
    <li><a href="http://rikrikrik.com/jquery/pager/#examples">pager jQuery Plugin</a></li>
    <li><a href="http://rikrikrik.com/jquery/shortkeys/">shortKeys jQuery Plugin</a></li>
    <li><a href="http://www.ollicle.com/eg/jquery/biggerlink">jQuery Biggerlink</a></li>
    <li><a href="http://troy.dyle.net/linkchecker/">jQuery Ajax Link Checker</a></li>
</ul>

<h5 id="tooltips">Afficher de l&#8217;aide (tooltips)</h5>
<ul class="texte">
    <li><a href="http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/">jQuery Plugin &#8211; Tooltip</a></li>
    <li><a href="http://www.codylindley.com/blogstuff/js/jtip/">jTip &#8211; The jQuery Tool Tip</a></li>
    <li><a href="http://examples.learningjquery.com/62/demo/index.html#examplesection">clueTip</a></li>
    <li><a href="http://edgarverle.com/BetterTip/default.cfm">BetterTip</a></li>
    <li><a href="http://ioreader.com/2007/05/15/flash-tooltips-using-jquery/">Flash Tooltips using jQuery</a></li>
    <li><a href="http://www.texotela.co.uk/code/jquery/tooltipdemo/">ToolTip</a></li>
</ul>

<h5 id="menus">Menus, navigation</h5>
<ul class="texte">
    <li><a href="http://stilbuero.de/jquery/tabs_3/">jQuery Tabs Plugin &#8211; awesome! </a> [<a href="http://stilbuero.de/jquery/tabs_3/nested.html">demo nested tabs</a>]</li>
    <li><a href="http://blog.cutterscrossing.com/index.cfm/2007/6/15/Updated-JQuery-Nested-Tab-Set-with-Demo">another jQuery nested Tab Set example (based on jQuery Tabs Plugin)</a></li>
    <li><a href="http://www.sunsean.com/idTabs/">jQuery idTabs</a></li>
    <li><a href="http://jdsharp.us/jQuery/plugins/jdMenu/">jdMenu &#8211; Hierarchical Menu Plugin for jQuery</a></li>
    <li><a href="http://be.twixt.us/jquery/suckerFish.php">jQuery SuckerFish Style</a></li>
    <li><a href="http://bassistance.de/jquery-plugins/jquery-plugin-treeview/">jQuery Plugin Treeview</a></li>
    <li><a href="http://be.twixt.us/jquery/treeView.php">treeView Basic</a></li>
    <li><a href="http://labs.activespotlight.net/jQuery/menu_demo.html">FastFind Menu</a></li>
    <li><a href="http://www.getintothis.com/2006/09/26/my-first-jquery-plugin-a-sliding-menu/">Sliding Menu</a></li>
    <li><a href="http://gmarwaha.com/?p=7">Lava Lamp jQuery Menu</a></li>
    <li><a href="http://icon.cat/wiki/IconDock_En#iconDock_jQuery_Plugin">jQuery iconDock</a></li>
    <li><a href="http://cherne.net/brian/resources/jquery.variations.html">jVariations Control Panel</a></li>
    <li><a href="http://www.trendskitchens.co.nz/jquery/contextmenu/">ContextMenu plugin</a></li>
    <li><a href="http://p.sohei.org/jquery-plugins/clickmenu/">clickMenu</a></li>
    <li><a href="http://www.ndesign-studio.com/mac/css-dock-menu">CSS Dock Menu</a></li>
    <li><a href="http://webexpose.org/2006/12/28/jquery-pop-up-menu-tutorial/">jQuery Pop-up Menu Tutorial</a></li>
    <li><a href="http://www.getintothis.com/2006/09/26/my-first-jquery-plugin-a-sliding-menu/">Sliding Menu</a></li>
</ul>

<h5 id="slides">Accordéons, effets &laquo;&nbsp;slide&nbsp;&raquo; et &laquo;&nbsp;toggle&nbsp;&raquo;</h5>
<ul class="texte">
    <li><a href="http://bassistance.de/jquery-plugins/jquery-plugin-accordion/">jQuery Plugin Accordion</a></li>
    <li><a href="http://fmarcia.info/jquery/accordion.html">jQuery Accordion Plugin Horizontal Way</a></li>
    <li><a href="http://letmehaveblog.blogspot.com/2007/10/haccordion-simple-horizontal-accordion.html">haccordion &#8211; a simple horizontal accordion plugin for jQuery</a></li>
    <li><a href="http://dev.portalzine.de/index?/Horizontal_Accordion--print">Horizontal Accordion by portalzine.de</a></li>
    <li><a href="http://berndmatzner.de/jquery/hoveraccordion/">HoverAccordion</a></li>
    <li><a href="http://fmarcia.info/jquery/accordion.html">Accordion Example from fmarcia.info</a></li>
    <li><a href="http://blog.evaria.com/wp-content/themes/blogvaria/jquery/index.php">jQuery Accordion Example</a></li>
    <li><a href="http://jquery.com/files/demo/dl-done.html">jQuery Demo &#8211; Expandable Sidebar    Menu</a></li>
    <li><a href="http://www.andreacfm.com/examples/jQpanels/">Sliding Panels for jQuery</a></li>
    <li><a href="http://jquery.andreaseberhard.de/toggleElements/">jQuery ToggleElements</a></li>
    <li><a href="http://www.ndoherty.com/demos/coda-slider/">Coda Slider</a></li>
    <li><a href="http://sorgalla.com/projects/jcarousel/#Examples">jCarousel</a></li>
    <li><a href="http://www.reindel.com/accessible_news_slider/">Accesible News Slider Plugin</a></li>
    <li><a href="http://icant.co.uk/sandbox/jquerycodeview/">Showing and Hiding code Examples</a></li>
    <li><a href="http://gsgd.co.uk/sandbox/jquery/easing/">jQuery Easing Plugin</a></li>
    <li><a href="http://sonspring.com/journal/jquery-portlets">jQuery Portlets</a></li>
    <li><a href="http://jdsharp.us/jQuery/plugins/AutoScroll/">AutoScroll</a></li>
    <li><a href="http://medienfreunde.com/lab/innerfade/">Innerfade</a></li>
</ul>

<h5 id="drag">Glisser-déposer (Drag and Drop)</h5>
<ul class="texte">
    <li><a href="http://docs.jquery.com/UI/Draggables">UI/Draggables</a></li>
    <li><a href="http://fromvega.com/wordpress/2007/07/14/easydrag-jquery-plugin/">EasyDrag jQuery Plugin</a></li>
    <li><a href="http://sonspring.com/journal/jquery-portlets">jQuery Portlets</a></li>
    <li><a href="http://dev.iceburg.net/jquery/jqDnR/">jqDnR &#8211; drag, drop resize</a></li>
    <li><a href="http://interface.eyecon.ro/demos/drag.html">Drag Demos</a></li>
</ul>

<h5 id="xmlJson">XML &#8212; XSL &#8212; JSON &#8212; Feeds</h5>
<ul class="texte">
    <li><a href="http://www.jongma.org/webtools/jquery/xslt/">XSLT Plugin</a></li>
    <li><a href="http://cgaskell.wordpress.com/2006/11/02/jquery-ajax-call-and-result-xml-parsing/">jQuery Ajax call and result XML parsing</a></li>
    <li><a href="http://jquery.com/plugins/project/xmlObjectifier">xmlObjectifier &#8211; Converts XML DOM to JSON</a></li>
    <li><a href="http://jquery.glyphix.com/">jQuery XSL Transform</a></li>
    <li><a href="http://malsup.com/jquery/taconite/">jQuery Taconite &#8211; multiple Dom updates</a></li>
    <li><a href="http://www.hovinne.com/index.php/2007/07/15/132-jfeed-jquery-rss-atom-feed-parser-plugin">RSS/ATOM Feed Parser Plugin</a></li>
    <li><a href="http://www.malsup.com/jquery/gfeed/">jQuery Google Feed Plugin</a></li>
</ul>

<h5 id="browsers">Navigateurs (browsers)</h5>
<ul class="texte">
    <li><a href="http://noteslog.com/post/how-to-fix-the-resize-event-in-ie/">Wresize &#8211; IE Resize event Fix Plugin</a></li>
    <li><a href="http://jquery.khurshid.com/ifixpng.php">jQuery ifixpng</a></li>
    <li><a href="http://jquery.andreaseberhard.de/pngFix/">jQuery pngFix</a></li>
    <li><a href="http://www.crismancich.de/jquery/plugins/linkscrubber/">Link Scrubber &#8211; removes the dotted line onfocus from links</a></li>
    <li><a href="http://www.matthewjrichards.co.uk/articles/2007/06/25/jquery-perciformes-the-entire-suckerfish-familly-under-one-roof">jQuery Perciformes &#8211; the entire suckerfish familly under one roof</a></li>
    <li><a href="http://blog.brandonaaron.net/my-jquery-plugins/background-iframe/">Background Iframe</a></li>
    <li><a href="http://jquery.com/plugins/project/QinIE">QinIE &#8211; for proper display of Q tags  in IE</a></li>
    <li><a href="http://webrocket.ulmb.com/ability/">jQuery Accessibility Plugin</a></li>
    <li><a href="http://www.ogonek.net/mousewheel/jquery-demo.html">jQuery MouseWheel Plugin</a></li>
</ul>

<h5 id="alertPrompt">Alert, Prompt, et fenêtres de confirmation (confirm)</h5>
<ul class="texte">
    <li><a href="http://trentrichardson.com/Impromptu/">jQuery Impromptu</a></li>
    <li><a href="http://nadiaspot.com/jquery/confirm">jQuery Confirm Plugin</a></li>
    <li><a href="http://dev.iceburg.net/jquery/jqModal/">jqModal</a></li>
    <li><a href="http://www.ericmmartin.com/projects/simplemodal/">SimpleModal</a></li>
</ul>

<h5 id="css">CSS</h5>
<ul class="texte">
    <li><a href="http://www.kelvinluck.com/article/switch-stylesheets-with-jquery">jQuery Style Switcher</a></li>
    <li><a href="http://andykent.bingodisk.com/bingo/public/jss/">JSS &#8211; Javascript StyleSheets</a></li>
    <li><a href="http://flesler.blogspot.com/2007/11/jqueryrule.html">jQuery Rule &#8211; creation/manipulation of CSS Rules</a></li>
    <li><a href="http://www.designerkamal.com/jPrintArea/">jPrintArea</a></li>
</ul>

<h5 id="domAjax">DOM, Ajax et autres plugins jQuery</h5>
<ul class="texte">
    <li><a href="http://flydom.socianet.com/">FlyDOM</a></li>
    <li><a href="http://brandonaaron.net/docs/dimensions/#getting-started">jQuery Dimenion Plugin</a></li>
    <li><a href="http://happygiraffe.net/articles/2007/09/26/jquery-logging">jQuery Loggin</a></li>
    <li><a href="http://jquery.com/plugins/project/metadata">Metadata &#8211; extract metadata from classes, attributes, elements</a></li>
    <li><a href="http://johannburkard.de/programming/javascript/inc-a-super-tiny-client-side-include-javascript-jquery-plugin.html">Super-tiny Client-Side Include Javascript jQuery Plugin</a></li>
    <li><a href="http://humanized.com/weblog/2007/09/14/undo-made-easy-with-ajax-part-1/">Undo Made Easy with Ajax</a></li>
    <li><a href="http://www.jasons-toolbox.com/JHeartbeat/">JHeartbeat &#8211; periodically poll the server</a></li>
    <li><a href="http://www.appelsiini.net/projects/lazyload">Lazy Load Plugin</a></li>
    <li><a href="http://blog.brandonaaron.net/2007/08/19/new-plugin-live-query/">Live Query</a></li>
    <li><a href="http://jquery.offput.ca/every/">jQuery Timers</a></li>
    <li><a href="http://www.joanpiedra.com/jquery/shareit/">jQuery Share it &#8211; display social bookmarking icons</a></li>
    <li><a href="http://www.jdempster.com/category/code/jquery/cookiejar/">jQuery serverCookieJar</a></li>
    <li><a href="http://ideamill.synaptrixgroup.com/?p=3">jQuery autoSave</a></li>
    <li><a href="http://www.semicomplete.com/geekery/jquery-interface-puffer.html">jQuery Puffer</a></li>
    <li><a href="http://33rockers.com/jquery/iframe-demo/">jQuery iFrame Plugin</a></li>
    <li><a href="http://www.stilbuero.de/2006/09/17/cookie-plugin-for-jquery/">Cookie Plugin for jQuery</a></li>
    <li><a href="http://leftlogic.com/lounge/articles/jquery_spy2">jQuery Spy &#8211; awesome plugin</a></li>
    <li><a href="http://www.learningjquery.com/2007/01/effect-delay-trick">Effect Delay Trick</a></li>
    <li><a href="http://jquick.sullof.com/jquick/">jQuick &#8211; a quick tag creator for jQuery</a><a href="http://noteslog.com/post/metaobjects-11-released-today/"> Metaobjects</a></li>
    <li><a href="http://www.thunderguy.com/semicolon/2007/08/14/elementready-jquery-plugin/">elementReady</a></li>
</ul>

</div>

<h4 id="jqueryplus">Ressources complémentaires pour jQuery</h4>

<ul class="texte">
    <li><a href="http://jquery.com/">jQuery.com </a>&#8211; le site officiel pour <a href="http://docs.jquery.com/Downloading_jQuery">télécharger</a> et pratiquement <a href="http://docs.jquery.com/Main_Page">tout savoir</a> sur cette biblothèque.</li>
    <li><a href="http://plugins.jquery.com/project/Plugins">Liste des plugins</a> sur jQuery.com &#8212; Environ 500 plugins classés par catégorie, par nom ou par date.</li>
    <li><a href="http://www.jquery.info/">jQuery.info</a> &#8212; le site francophone pour découvrir et utiliser jQuery avec de nombreux tutoriaux et plugins.</li>
    <li><a href="http://visualjquery.com">Visual jQuery</a> &#8212; Affiche une la liste des fonctionnalités de jQuery sous forme d&#8217;un menu hiérarchique, par exemple : <em>DOM &gt; Attributes &gt; addClass(class) &gt; Description | Returns | Parameters | Example</em>. S&#8217;arrête à la version 1.1.2 mais reste intéressant malgré tout.</li>
    <li><a href="http://www.lesintegristes.net/2007/06/11/inauguration-et-introduction-a-jquery/">Les intégristes</a> &#8212; inauguration et introduction à jQuery : une page aussi amusante que didactique ;)</li>
    <li><a href="http://www.babylon-design.com/site/index.php/2008/01/21/211-apprendre-et-comprendre-jquery-1-3">Balylon-design</a> &#8212; 3 étapes pour comprendre jQuery</li>
    <li><a href="http://www.youtube.com/results?search_query=jquery&amp;search_type=&amp;search=Search">jQuery à poil sur Youtube</a> ? C&#8217;est possible ;)</li>
</ul>

<h4 id="frameworksJS">Autres frameworks Javascript</h4>

<ul class="texte">
    <li>Plus de <a href="http://edevil.wordpress.com/2005/11/14/javascript-libraries-roundup/">50 bibliothèques javascript</a> &#8212; Le billet date de novembre 2005, alors attendez-vous quand même à quelques pages 404.</li>
    <li><a href="http://www.prototypejs.org/">Prototype</a> &#8212; Le framework Javascript qui vise à faciliter le développement d&#8217;application web dynamique. Ajoutez-y une pincée de <a href="http://moofx.mad4milk.net/">Moo.fx</a> et/ou de <a href="http://script.aculo.us/">Scriptaculous</a> et c&#8217;est parti pour des effets en veux-tu en voilà !</li>
    <li><a href="http://developer.yahoo.com/yui/">The Yahoo! User Interface Library (YUI)</a> &#8212; Cette bibliothèque comprend un jeu d&#8217;utilitaires et de contrôles écrits en Javascript pour concevoir des applications hautement interactives en utilisant le DOM, le DHTML et Ajax. Inclut également un <a href="http://www.css4design.com/frameworks-css-reset-css-design-from-scratch">framework CSS</a>.</li>
    <li><a href="http://extjs.com/">Ext JS</a> &#8212; Cette librairie a débuté comme extension de YUI. Je vous invite à <a href="http://extjs.com/deploy/dev/examples/">consulter les exemples</a> pour vous faire une idée des fonctionnalités. (Merci à <a href="http://frank.taillandier.free.fr/">Frank Taillandier</a> pour l&#8217;info).</li>
    <li><a href="http://dojotoolkit.org/">Dojo Toolkit</a> &#8212; Nous promet de grandes aventures pour 23 Ko seulement !</li>
    <li><a href="http://mootools.net/">Mootools</a> &#8212; Accompagné de <a href="http://moofx.mad4milk.net/">Moo.fx</a>, vos pages deviennent riches.</li>
    <li><a href="http://www.mochikit.com/">Mochikit</a> &#8212; Avec Mochikit, le Javascript craint moins ;)</li>
    <li><a href="http://qooxdoo.org/">qooXdoo</a> &#8212; La nouvelle ère du développement web.</li>
</ul>

<h3 id="resources">Ressources pour webdesigner</h3>

<h4 id="field">750 liens pour webdesigner sur Webdevelopers Field Guide</h4>

<p>Micro-bloguez, il en restera forcément quelque chose ;) Merci à <a href="http://blog.burninghat.net/">burningHat</a> pour m&#8217;avoir fourni sur <a href="http://burninghat.jaiku.com/">Jaiku</a> cette formidable ressource qui contient à elle seule <a href="http://webdevelopersfieldguide.com/">plus de 750 liens en relation avec le développement web</a> ! dont voici le menu principal :</p>

<div class="wrapper" style="margin-bottom: 1.5em;">
<ul class="texte" style="float: left; width: 162px; margin: 0 18px 0 0;">
    <li><a href="http://webdevelopersfieldguide.com/#inspiration">inspiration</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#webdesigndailyreading">web design reading</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#typography">typography</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#fonts">fonts</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#colortheory">color theory</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#colortools">color tools</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#colorschemes">color palettes</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#colorpatterns">color patterns</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#cssdailyreading">css: reading</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#cssgalleries">css galleries</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#csslayouts">css: layouts</a></li>
</ul>
<ul class="texte" style="float: left; width: 162px; margin: 0 18px 0 0;">
    <li><a href="http://webdevelopersfieldguide.com/#navmenus">css: nav menus</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#csstechniques">css: techniques</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#csssoftware">css: Firefox</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#csswebtools">css-web-tools</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#htmlwebtools">html-web-tools</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#usabilitya">usability &amp; accessability</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#accessibilitycheckers">accessibility checkers</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#misctools">misc. tools</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#ajaxapps">ajax</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#javascript">javascript</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#dom">DOM</a></li>
</ul>
<ul class="texte" style="float: left; width: 162px; margin: 0 18px 0 0;">
    <li><a href="http://webdevelopersfieldguide.com/#rss">RSS</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#cms">CMS software</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#blogging">blogging</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#gettingthingsdone">Get To Done.</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#freelancers">freelancing</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#royaltyfree">royalty free photos</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#specifications">specifications</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#freesearchsubmission">free <acronym title="Search Engine">SE</acronym> submission</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#seotools">seo tools</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#seoreferences">seo references</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#friends">friends of the field guide</a></li>
</ul>
</div>

<h4>Encore des mines d&#8217;or pour la création de sites web :</h4>

<ul class="texte">
    <li><a href="http://www.webappers.com/">WebAppers </a> &#8212; Le chasseur de ressources OpenSource pour les développeurs web : des widgets et des scripts pour votre blog ou votre site web, des polices de caractère, des palettes de couleurs, des photographies, des frameworks, etc.</li>
    <li><a href="http://blog.bouctoubou.com/2008/03/12/13-javascripts-lightbox-images-galeries-videos/">13 effets lightbox</a> en Javascript pour afficher des images, des vidéos, des pages html, etc. Contient également quelques plugins WordPress et Dotclear pour en simplifier l&#8217;installation.</li>
    <li>Et plus à venir&#8230;</li>
</ul>

<h4 id="firefox">Firefox</h4>

<p>Les extensions indispensables pour le webdesigner :</p>

<ul class="texte">
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/60">Web Developer</a> &#8212; Véritable couteau suisse : vous avez la main sur l&#8217;ensemble des éléments de votre page web</li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/1843">Firebug</a> &#8212; Si vous ne deviez qu&#8217;en choisir qu&#8217;une, Firebug vous permettra d&#8217;éditer et de modifier vos CSS à la volée, de visualiser le DOM et de débuguer vos scripts.</li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/2104">CSSViewer </a>&#8211; Affiche les propriétés CSS calculées en affichant un cadre autour de l&#8217;élément pris en compte. Très pratique pour voir rapidement la structure d&#8217;une page tout en ayant les propriétés sous les yeux. Parfois agaçant à supprimer (F5 ou resélectionner l&#8217;utilitaire).</li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/5369">YSlow</a> &#8212; Analyse vos pages web pour en connaitre les goulots d&#8217;étranglement, d&#8217;après les règles de performances de Yahoo!</li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/271">ColorZilla</a> &#8212; Sélectionne les couleurs sur votre écran. Possède en grand nombre d&#8217;options souvent méconnues pour retrouver vos couleurs dans l&#8217;historique ou <a href="http://www.iosart.com/firefox/colorzilla/palettes.html">afficher des palettes</a> de couleurs très complètes.</li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/5648">FireShot</a> &#8212; Faites des captures d&#8217;écran tout en annontant, recadrant la partie qui vous intéresse. Le screeshot peut être enregistré sur le disque dur ou copié pour consommation immédiate !</li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/249">HTML Validator</a> &#8212; indispensable pour s&#8217;assurer de la validité de votre page localement au regard des recommandations. Possibilité de choisir le mode de validation : Tidy ou OpenSP tout deux développés par le <a href="http://www.w3.org/">W3C</a>. Tidy a l&#8217;avantage d&#8217;inclure les trois niveaux d&#8217;accessibilité définis par le <a href="http://fr.wikipedia.org/wiki/Web_Accessibility_Initiative">WAI</a>.</li>
</ul>

<p>Les meilleures extensions <a href="http://www.mozilla-europe.org/fr/products/firefox/">Firefox</a> pour le référencement ? Voici une liste fortement inspirée par celle de <a href="http://www.webrankinfo.com/actualites/200706-extensions-firefox-referencement.htm">webrankinfo</a> :</p>

<ul class="texte">
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/60">Web Developer</a></li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/59">User Agent Switcher</a></li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/743">Customize Google</a></li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/1258">Google Advanced Operations Toolbar</a></li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/2323">Cache View</a></li>
    <li><a href="http://www.websiteburo.com/goldorank/index_fr.php">Goldorank</a></li>
    <li><a href="http://extensions.geckozone.org/PageRankStatus">Google PageRank Status</a></li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/532">LinkChecker</a></li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/3829">Live HTTP Header</a></li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/321">SearchStatus</a></li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/1668">MetaTags</a></li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/3036">SeoQuake</a></li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/2279">Niche Watch Tool</a></li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/4589">SEOHAND</a></li>
    <li><a href="https://addons.mozilla.org/en-US/firefox/addon/4788">KGen</a></li>
    <li><a href="https://addons.mozilla.org/en-US/firefox/addon/5362">Alexa Sparky</a></li>
</ul>

<h4 id="browserTest">Tester vos pages web dans différents navigateurs</h4>

<p>On n&#8217;a pas toujours l&#8217;occasion de pouvoir tester ses pages dans toutes les conditions. Voici quelques liens qui vous permettront de tester le design de votre site dans différents navigateurs. C&#8217;est rarement la panacée, mais très pratique pour voir si la mise en page résiste globalement à l&#8217;épreuve du feu&#8230;</p>

<ul class="texte">
    <li><a href="http://browsershots.org/">Browsershots</a> &#8212; Possibilité d&#8217;avoir une capture d&#8217;écran de votre page web sous Linux, Windows, Mac OS et BSD : environ 50 navigateurs toutes versions et plate-formes confondues vous attendent.Choix de la résolution, de la profondeur de couleur, activation ou non de Javascript ou Java ou encore Flash.Délais d&#8217;attente raisonnable selon l&#8217;heure et le nombre d&#8217;options activées. Traduit en français.</li>
    <li><a href="http://www.scapture.com/">Scapture</a> &#8212; Propose d&#8217;effectuer très rapidement des captures d&#8217;écran de vos pages Web sous Linux avec Firefox, Konqueror, Opera ou Dillo. Vous pouvez aussi vérifier l&#8217;affichage généré par les navigateurs en mode texte Lynx et Links.</li>
    <li><a href="http://www.browsrcamp.com/">BrowsrCamp</a> &#8212; Permet de tester vos pages sous Safari pour Mac OS X. Possibilité d&#8217;avoir la main sur une machine Apple équipé de tous les navigateurs pour Mac. Payant, mais idéal pour tester tous les aspects d&#8217;une page web (Javascript, Ajax, Flash, DHTML), à partir de 3$.</li>
    <li><a href="http://ipinfo.info/netrenderer/">NetRenderer </a>&#8211; Vous permet de vérifier le rendu de vos pages web sur Internet Explorer 7, 6 ou 5.5, de manière très rapide. Il est possible de superposer les screenshot de IE7 sur IE6 en les mixant ou en en faisant la différence. Ce dernier mode est efficace pour visualiser rapidement les décalages des blocs.</li>
</ul>

<h4 id="monitoring">Monitoring de sites web</h4>

<p><a href="http://www.logiste.be/wordpress/2007/10/18/94-outils-pour-monitorer-son-blog/">94 outils pour monitorer son blog</a> trouvés chez <a href="http://www.logiste.be/">Christophe</a> dont voici un échantillon :</p>

<ul class="texte">
    <li><a href="http://www.seomoz.org/page-strength">SEOmoz Page Strength Tool</a> &#8212; Le <a href="http://www.css4design.com/tag/pagerank">PageRank</a> ne vous donne plus satisfaction ? Ce site se proposse un outil pour calculer la “puissance” de votre page en prenant plusieurs facteurs en considération : l&#8217;âge du domaine, le rank <a href="http://www.alexa.com/">Alexa</a>, le nombre de <a href="http://www.technorati.com/blogs/css4design.com?reactions">liens entrants d&#8217;après Technorati</a>, le nombre de fois où votre site apparait dans <a href="http://del.icio.us/">del.icio.us</a>, s&#8217;il est présent dans l&#8217;annuaire <a href="http://www.dmoz.org/">DMOZ</a> ou <a href="http://fr.wikipedia.org/">Wikipedia</a> et bien sûr le <a href="http://www.google.com/intl/fr/why_use.html">PageRank</a> du domaine, mais aussi le nombre de liens pointant vers le domaine d&#8217;après <a href="https://siteexplorer.search.yahoo.com">yahoo! Site Explorer</a>.</li>
    <li><a href="http://www.submitexpress.com/analyzer/">Meta Tag Analyzer</a> &#8212; Comme son nom ne l&#8217;indique pas assez, se site vous donne la liste des mots-clés trouvés dans les liens et le nombre de fois où ils apparaissent ; les mots-clé présents dans les balises alt de vos images et ceux trouvés sur la page avec le nombre de fois où ils sont présents et leur densité par rapport aux autres.</li>
    <li><a href="http://www.iminr.com/">IminR</a> &#8212; Un outil de mesure d’audience web personnalisé, proposé par Stéphane Guerin aussi bien &#8211; sinon mieux &#8211; que Google Analytics : rapports personnalisés, parcours de votre site par les visiteurs, etc. A tester d&#8217;urgence !</li>
    <li><a href="http://armp.it/2007/04/13/heatmap-for-your-website/">HeatMap</a> &#8212; Pour savoir quelles zones de votre sites sont les plus cliquées.</li>
</ul>

<h4 id="icones">Icônes et goodies pour photoshop</h4>

<ul class="texte">
    <li><a href="http://www.famfamfam.com/lab/icons/silk/">Silk Web Icons</a> de <a href="http://www.famfamfam.com/">FamFamFam</a> &#8212; Souvent imité jamais égalé, le pack à télécharger d&#8217;urgence.</li>
    <li><a href="http://www.iconbase.com/">IconBase</a> &#8212; Des milliers d&#8217;icônes pour tous les goût de très bonnes qualités et classées.</li>
    <li><a href="http://nerdbusiness.com/5978-high-quality-icons-web-apps-rss">nerdbusiness</a> &#8212; Pas moins de 5978 icônes de qualité pour agrémenter vos pages web. Petit coucou à <a href="http://www.webfruits.it/">Sonia de Webfruits</a> en passant ;)</li>
    <li><a href="http://www.websiteicons.com/">WebsiteIcons</a> &#8212; Environ 1000 icônes classées par thème : navigation, flèches (plus de 500), applications, hardware, CMS, calendrier, rechercher, compte, etc.</li>
    <li><a href="http://www.pixelgirlpresents.com">PIXELGIRL PRESENTS</a> &#8212; Des centaines d&#8217;icônes proches du clip-art classées par thème.</li>
    <li><a href="http://www.feedicons.com">Feed Icons</a> &#8212; Tout ce qu&#8217;il faut savoir sur les icônes pour signaler vos flux RSS : téléchargement des icônes au format .psd de Photoshop ou .ai d&#8217;Illustrator ; exemples de style CSS pour les intégrer dans votre site ou votre blog et guide d&#8217;utilisation.</li>
    <li><a href="http://www.svay.com/web/icones/">Svay</a> &#8212; 46 icônes pour le web de bonne facture .</li>
    <li><a href="http://www.ndesign-studio.com/resources/mini-pixel-icons/">N.DESIGN Studio</a> &#8212; Plus de 320 icône en 14&#215;14 avec fond transparent tout spécialement conçues pour vos menus de navigation.</li>
    <li><a href="http://www.iconspedia.com/">IconsPedia</a> &#8212; Nombreuses icônes de qualité classées par thèmes. Un mauvais moment à passer avec la pub un peu envahissante à chaque changement de rubrique.</li>
    <li><a href="http://dezignus.com/category/icons/">Dezignus</a> &#8212; Des icônes sur pratiquement tous les thèmes. Dezignus est aussi une ressource intéressante pour tous ce qui se rapproche du design au sens large : brushes pour Photoshop, tutorials pour Illustrator, photographies aussi diverses qu&#8217;utiles, etc.</li>
    <li> <a href="http://www.webappers.com/category/design/icons/ ">WebAppers</a> &#8212; Des liens vers des milliers d&#8217;icônes très classes pour tous les usages.</li>
    <li><a href="http://speckyboy.com/2008/03/04/top-40-free-icon-resources-for-web-designers-updated-speckyboy/">Speckyboy</a> &#8212; nous propose une liste de 40 ressources d&#8217;icônes libres de droits.</li>
    <li> <a href="http://www.hongkiat.com/free-rss-feed-icons-the-ultimate-list/">Hongkiat</a> &#8212; la liste ultime d&#8217;icônes pour vos flux RSS.</li>
    <li><a href="http://www.smashingmagazine.com/2008/03/06/35-really-incredible-free-icon-sets/">Smashing Magazine</a> &#8212; 35 sets d&#8217;icônes vraiment incroyables. Via <a href="http://www.fran6art.com/webdesign/100-ressources-dicones-pour-votre-blog/">fran6art</a>.</li>
    <li><a href="http://www.hybridworks.jp/readme/yoritsuki/">Hybridworks</a> &#8211;Set de 35 icônes au format `.ico` et `.png` (128&#215;128) dans le plus pur style japonais : élaborée et détaillée. Très classe.</li>
    <li><a href="http://naldzgraphics.com/freebies/300-best-of-the-best-high-quality-abstract-brushes-in-photoshop/">Naldz Graphics</a> &#8212; 300 brosses (brushes) abstraites pour Photoshop.</li>
    <li><a href="http://www.iconfinder.net/">Icon Finder</a> &#8212; Moteur de recherche parmi 113 000 icônes et 238 collections d&#8217;icônes par mots-clés.</li>
</ul>

<h4 id="tuto">Tutoriels ou tutoriaux webdesign</h4>

<ul class="texte">
    <li><a href="http://www.webdesign-tutoriaux.com/">Webdesign tutoriaux</a> &#8212; Plus de 1000 tutoriels pour Illustrator, Photoshop, PHP, XHTML et CSS, The Gimp, Dreamweaver, Fireworks, Flash.</li>
    <li><a href="http://www.babylon-design.com">Babylon Design</a> &#8212; Plus de 100 ressources autour de Photoshop et du couple XHTML/CSS</li>
    <li><a href="http://www.elitwork.com/tutoriels.html">ELITWORK</a> &#8212; Nombreux tutoriels XHTML, référencement, Ajax, Webalizer, Microformats. Des informations pertinentes malgré un partis-pris en faveur des espaces de nommage XML au détriment des microformats, par exemple.</li>
    <li><a href="http://tutmarks.com/">TUTMARKS.com</a> &#8212;  Un digg-like spécialisé dans les tutoriaux ? Vous en rêviez ? Mehdi l&#8217;a fait. Très nombreux tutos sur à peu près tout les sujets liés au web. Un flux RSS par statut des propositions (tutoriaux publiés, en attente) est disponible, ainsi que le flux de <a href="http://tutmarks.com/rss2.php?status=all">tous les tutoriels proposés</a></li>
    <li><a href="http://smashingcoding.com/2008/01/31/plus-de-60-tutoriels-web-20-design/ ">SmashingCoding</a> &#8212;  Plus de 60 tutoriels Web Design 2.0.</li>
</ul>

<h4 id="references">Références, outils et dictionnaires</h4>

<p>Cette grosse liste ne serait pas complète dans les sites de références que l&#8217;on devrait avoir sous le coude lorsque la mémoire fait défaut. Suite à un billet sur les <a href="http://www.css4design.com/13-outils-pour-integrateur-web">13 outils de l&#8217;intégrateur web</a>, j&#8217;ai intégré les liens qui en faisait partie, ainsi qu&#8217;une partie de ceux qui m&#8217;on été founis en commentaires :</p>

<ul class="texte">
    <li><a href="http://www.yoyodesign.org/doc/index.fr">yoyodesign</a> — Nombreuses traductions d’articles et de <a href="http://www.yoyodesign.org/doc/w3c/index.php">recommendations du W3C</a>. Voir également <a href="http://www.w3.org/2003/03/Translations/byLanguage?language=fr">la liste des traductions françaises</a> des documents du W3C</li>
    <li><a href="http://www.htmldog.com/">htmldog</a> — C’est en anglais, mais la clarté des explications en fait une référence incontournable pour tout ce qui touche au développement web, avec <a href="http://www.htmldog.com/reference/htmltags/">un dictionnaire HTML</a> où l’on retrouve toutes les balises passées au crible avec des exemples d’utilisation, les attributs requis, les attributs optionels et des exemples !</li>
    <li><a href="http://www.gotapi.com">gotAPI</a> — regroupe les principales <abbr title="Application programmation interface">API</abbr> du web dans une interface Ajax très réactive : HTML, CSS, Javascript, jQuery, PHP, Ruby, asp, mais aussi le fonctionnement de certains CMS comme Drupal ou de services web comme Flickr.</li>
    <li><a href="http://giminik.developpez.com/xhtml/">giminik</a> — La liste des balises XHTML 1.1 (ou 1.0 Strict sans les éléments obsolètes), leur utilité, leurs attributs, leurs évènements et la relation entre parents et enfants (hiérarchie). Indispensable pour construire un document valide.</li>
    <li><a href="http://www.laurent-bernat.com/guide-html">Guide HTML</a> &#8212; Le HTML de A à Z de Laurent Bernat : 95 balises HTML décrites par le menu (version, compatibilité Netscape / IE, type, attributs, usage, exemples) (Merci <a href="http://moriame.fr/">Loïc M.</a>)</li>
    <li><a href="http://fr.opquast.com/">Opquast</a> — l’ensemble des bonnes pratiques pour la qualité des services en ligne. <a href="http://fr.opquast.com/syndication/bonnes-pratiques/">Abonnez-vous au fil RSS des bonnes pratiques</a> pour avoir votre dose quotidienne.</li>
    <li><a href="http://openweb.eu.org/">Openweb</a> — Les bonnes pratiques en action pour les technologies du web (<a href="http://openweb.eu.org/xhtml/">XHTML</a>, <a href="http://openweb.eu.org/rss/">RSS</a>, <a href="http://openweb.eu.org/css/">CSS</a>, <a href="http://openweb.eu.org/dom/">DOM</a>, <a href="http://openweb.eu.org/png/">PNG</a>) et les différents thèmes qui y sont associés (<a href="http://openweb.eu.org/pages_dynamiques/">pages dynamiques</a>, <a href="http://openweb.eu.org/navigateurs/">navigateurs</a>, <a href="http://openweb.eu.org/accessibilite/">accessibilité</a>, <a href="http://openweb.eu.org/etude_cas/">études de cas</a>, <a href="http://openweb.eu.org/mise_en_page/">mise en page</a>, <a href="http://openweb.eu.org/multimedia/">multimédia</a>, <a href="http://openweb.eu.org/structure/">structure</a>).</li>
    <li><a href="http://web.developpez.com/">Développez (pour le web)</a> — toutes les technologies du web à portée de clic. Des tutoriels, des cours, des documents à télécharger. Allez, faites le plein !</li>
    <li><a href="http://forum.alsacreations.com/forum.php">Forum Alsacreations</a> — Presque toutes les questions sur les CSS et le HTML et quasiment toutes les réponses ! Cerise sur le gâteau, la <a href="http://forum.alsacreations.com/faq/">FAQ</a> est complète et bien organisée.</li>
    <li><a href="http://wiki.mediabox.fr/documentation/css/">Wiki Media Box</a> &#8212; Pour obtenir une présention claire (succinte ?) d’une propriété CSS et sa compatiblité avec les navigateurs, c’est nickel (Merci <a href="http://www.plebot.net/">Pierre le Bot</a>),</li>
    <li><a href="http://leftlogic.com/lounge/articles/entity-lookup/">Leftlogic</a> &#8212; Permet de voir le code html d’un caractère, pratique lorsqu’on cherche le code pour ñ par exemple (Merci <a href="http://www.zen-dreams.com/fr">Anthony</a>),</li>
    <li><a href="https://www.google.com/adsense/static/fr/AdFormats.html">Format publicitaire AdSense</a> — Et oui, qui n’a pas eu besoin de prévoir des emplacements publicitaires dans une charte graphique et de chercher les formats les plus courants ? Voici les formats en vigueur chez Google, qu’il s’agisse des formats textes, images ou vidéos.</li>
    <li><a href="http://blogmarks.net/">Blogmarks</a> — Avec <a title="Mes bookmarks delicious" href="http://del.icio.us/br1o">del.icio.us</a> et <a href="http://ma.gnolia.com">ma.gnolia</a>, je me suis remis à utiliser blogmarks qui garde un petit quelque chose en plus par rapport aux autres solutions de bookmarking social.</li>
    <li><a href="http://www.bluevertigo.com.ar/bluevertigo.htm">Bluevertigo</a> — Un maximum de ressources graphiques et typographiques dans une interface toute en scroll horizontal. Au menu : Photothèques, clip-art vectoriel, polices de caractère, logothèques, sons, brosses (brushes) Photoshop, modèles 3D Poser, icônes, palettes de couleurs, générateurs de textes, échantillons graphiques (patterns).</li>
    <li><a href="http://www.wordreference.com/">WordReference</a> — Sans doute le meilleur site de traduction (mot à mot en incluant les locutions idiomatiques). Pour les cas difficiles, vous pouvez utiliser le <a href="http://forum.wordreference.com/">forum</a>. Nombreux <a href="http://mycroft.mozdev.org/download.html?name=wordreference&amp;submitform=Find+search+plugins">plugins Firefox</a> pour la recherche par langue.</li>
    <li><a href="http://www.les-dictionnaires.com/">Les dictionnaires</a> — Un maximum de dictionnaires thématiques classés par catégories : langue française, synonymes, encyclopédie, citations et expressions, gastronomie, humour, acronymes, etc. Mention spéciale pour le <a href="http://atilf.atilf.fr/dendien/scripts/tlfiv4/showps.exe?p=combi.htm;java=no;">Trésor de la Langue Française Informatisée</a> (TLFI pour les intimes) : interface <em>web 0.2</em> mais très efficace <img class="wp-smiley" src="http://www.css4design.com/wp-includes/images/smilies/icon_wink.gif" alt=";)" /> (<a href="http://www.covertprestige.net/">Florent V.</a> sous souffle dans l&#8217;oreillette que l&#8217;on peut y accéder via le <a href="http://www.cnrtl.fr/lexicographie/">portail lexical du Centre national de ressources textuelles et lexicales</a>. <a href="http://www.cnrtl.fr/lexicographie/">
</a></li>
</ul>

<h4 id="inspiration">Inspiration, expiration&#8230;</h4>

<p>Section inspirée (ça tombe bien) par <a href="http://e-likko.com/index.php?post/Linspiration">e-likko</a> :</p>

<ul class="texte">
    <li><a href="http://www.typeish.com/">typeish</a> &#8212; Sélection serrée d&#8217;images inspirantes, provoquantes ou intoxicantes dans le domaine de la photographie, du design, des polices de caractère, de l&#8217;art, de la mode ou du packaging.</li>
    <li><a href="http://kallegustafsson.com/">Kalle Gustafsson</a> &#8212; Très belle photos de mode, beauté, magazine et voyage.</li>
    <li><a href="http://ffffound.com/">FFFFOUND!</a> &#8212; Véritable mine d&#8217;or, ce site bookmark des milliers de visuels de toute sorte. Un bol d&#8217;air frais à inspirer régulièrement !</li>
    <li>Et plus à venir&#8230;</li>
</ul>

<h2 id="wordpress">WordPress</h2>

<h3 id="pluginsWP">Plugins pour WordPress</h3>

<h4 id="official">Listes quasi-officielles</h4>

<ul class="texte">
    <li>A tout seigneur tout honneur : voici une liste de plus de <a href="http://codex.wordpress.org/Plugins/Plugin_Compatibility/2.3">400 plugins compatibles avec WordPress 2.3</a> disponible sur le <a href="http://codex.wordpress.org/">codex</a>.</li>
    <li>La <a href="http://www.wordpress-fr.net/plugins">liste des plugins chez WordPress Francophone</a> classés par thème.</li>
    <li>Autre liste organisée par rubrique sur <a href="http://wp-plugins.net/">wp-plugin</a>.</li>
</ul>

<h4 id="adsense">17 plugins AdSense pour WordPress</h4>

<p>Cette liste concoctée par <a href="http://aziz.typepad.com/">Aziz Haddad</a> a été soigneusement annotée sur <a href="http://fr.mashable.com/2007/09/04/17-plugins-wordpress-pour-adsense/">Mashable France</a></p>

<ul class="texte">
    <li><a href="http://www.acmetech.com/adsense-deluxe/">Adsense Deluxe</a></li>
    <li><a href="http://www.mikesmullin.com/2006/04/01/adsense-widget-wordpress-sidebar/">AdSense Widget for WordPress Sidebar</a></li>
    <li><a href="http://shylockblogging.com/shylock-adsense-plugin/">Shylock AdSense</a></li>
    <li><a href="http://wordpress-plugins.biggnuts.com/adsense-plugin/">Adsense Injection</a></li>
    <li><a href="http://wp.uberdose.com/2006/11/05/adman/">AdMan</a></li>
    <li><a href="http://wordpress.org/extend/plugins/adsense-manager/">AdSense Manager</a></li>
    <li><a href="http://wordpress.org/extend/plugins/adsense-manager/">AdRotator</a></li>
    <li><a href="http://djuki.padrino.co.yu/wordpress-plugins/adsense-attachment-plugin/">AdSense Attachment</a></li>
    <li><a href="http://mightyhitter.com/main-page/plugins/mightyadsense/">MightyAdsense</a></li>
    <li><a href="http://urbangiraffe.com/plugins/google-ad-wrap/">Google Ad Wrap</a></li>
    <li><a href="http://philhord.com/phord/adsense-inline-with-wordpress-blog-posts/">Adsense Inline</a></li>
    <li><a href="http://www.supriyadisw.net/2006/07/adsense-beautifier">Adsense Beautifier</a></li>
    <li><a href="http://www.harleyquine.com/php-scripts/author-adsense-plugin/">Author Adsense </a></li>
    <li><a href="http://www.harleyquine.com/php-scripts/author-adsense-mu-plugin/">Author Adsense MU plugin</a></li>
    <li><a href="http://adsense.ayanev.com/">AdSense Sharing Revenue and Earnings System</a></li>
    <li><a href="http://www.internetvibes.net/2006/09/29/adsense-wordpress-plugin/">Adsense Earnings WordPress Plugin</a></li>
    <li><a href="http://www.abuzant.com/2006/07/10/wp-adsenseprofit.html">WP-AdsenseProfit</a></li>
</ul>

<h4 id="pluginsComments">7 Plugins WordPress pour favoriser les commentaires</h4>

<p>Trouvé grâce à <a href="http://blog.legizz.com/?323-liste-de-plugin-wordpress-pour-recevoir-plus-de-commentaires">legizz</a>, la liste est abondamment commentée sur <a href="http://www.problogdesign.com/general-tips/10-best-plugins-to-get-more-comments/">problogdesign</a></p>

<ul class="texte">
    <li><a href="http://nicedit.com/">nicedit</a></li>
    <li><a href="http://www.raproject.com/wordpress/wp-ajax-edit-comments/">wp-ajax-edit-comments</a></li>
    <li><a href="http://wordpress.org/extend/plugins/subscribe-to-comments/">Abonnement subscribe-to-comments</a></li>
    <li><a href="http://freepressblog.org/wordpress-plugins-2/wordpress-recent-comments-plugin-widget/">wordpress-recent-comments-plugin-widget</a></li>
    <li><a href="http://alexking.org/projects/wordpress">Smilies</a></li>
    <li><a href="http://www.michelem.org/wordpress-plugin-nofollow-free/">nofollow-free</a></li>
    <li><a href="http://www.papygeek.com/?dl_id=1">MBLA</a></li>
</ul>

<h4 id="pluginsTwitter">10 Plugins WordPress pour Twitter</h4>

<p>Traduit vite fait d&#8217;après la liste de <a href="http://www.quickonlinetips.com/archives/2007/04/10-best-twitter-tools-for-wordpress-blogs/">quickonlinetips</a> aimablement fournie par <a href="http://blog.legizz.com/">legizz</a> ;)</p>

<ul class="texte">
    <li><a href="http://twitter.com/account/badge">Twitter Badge</a> &#8212;  Le code Javascript officiel pour afficher votre statut Twitter</li>
    <li><a href="http://blog.victoriac.net/?p=87">The Twitter Updater</a> &#8212; Ce plugin WordPress se charge de mettre à jour votre statut Twitter chaque fois que créez, publiez ou éditez un billet.</li>
    <li><a href="http://twitthis.com/">TwitThis</a> &#8211;Permet à vos visiteurs d&#8217;envoyer facilement un tweet à propos de votre blog. Un click sur le bouton TwitThis tinyURLise la page en cours pour leur permettre d&#8217;envoyer ce raccourcis à leurs followers.</li>
    <li><a href="http://alexking.org/projects/wordpress/readme?project=twitter-tools">Twitter Tools</a> &#8212; Ce plugin crée une passerelle entre votre compte Twitter et votre blog : affichez vos tweets sur votre blog et créez de nouveaux tweets depuis WordPress.</li>
    <li><a href="http://www.velvet.id.au/twitter-wordpress-sidebar-widget/">Twitter WordPress Sidebar Widget</a> &#8212; Personnalise le nombre d&#8217;updates présent dans votre sidebar ainsi que les liens pointant sur chaque update sur Twitter.</li>
    <li><a href="http://twitterfeed.com/">Twitter Feed</a> &#8212; Publie vos mises à jour sur votre compte Twitter. Connection à Twitterfeed avec votre identifiant OpenID, fournit l&#8217;adresse de votre flux RSS et la fréquence des mises à jours sur Twitter.</li>
    <li><a href="http://www.deanjrobinson.com/wordpress/twitt-twoo">Twitt-Twoo</a> &#8212; Petit plugin tout simple qui vous permet d&#8217;envoyer vos tweets depuis votre blog, le tout avec un brin d&#8217;Ajax pour faciliter le travail.</li>
    <li><a href="http://www.sleepydisco.co.uk/plugins/simpletwitter/">SimpleTwitter</a> &#8212; Ce plugin vous permettra d&#8217;ajouter facilement vos messages Twitter dans votre template WordPress.</li>
    <li><a href="http://wordpress.org/extend/plugins/twitter-sharts-plug-in-for-wordpress/">Twitter Sharts</a> &#8212; Affichez vos updates où vous voulez dans vos billets ou vos pages WordPress.</li>
    <li><a href="http://paulstamatiou.com/2007/01/26/stammy-script-rss-to-twitter-using-php/">RSS to Twitter</a> &#8212; Ce script PHP nourrit Twitter avec votre flux RSS.</li>
</ul>

<h4 id="pluginsVrac">Vrac de plugins pour WordPress</h4>

<ul class="texte">
    <li><a title="Plus de 50 plugins commentés" href="http://www.papygeek.com/wordpress/plugins-wordpress">La liste de PapyGeek</a> est très bien commentée.</li>
    <li>F-WPPlugins list: les <a href="http://www.fran6art.com/plugins-wordpress/f-wpplugins-list-les-14-plugins-wordpress-les-plus-utilises-dans-la-blogosphere-francophone/">14 plugins WordPress</a> les plus utilisés dans la blogosphère francophone, chez <a href="http://www.fran6art.com">fran6art</a></li>
    <li>La bonne <a href="http://www.calyptratus.com/2007/10/05/liste-des-plugins-wordpress">liste de calyptratus</a> où j&#8217;ai trouvé le plugin pour <a href="http://www.lbcd78.fr/2007/08/26/plugin-wordpress-listing-de-vos-plugins-actives/">afficher la liste des plugins</a> actifs sur votre blog.</li>
    <li>Encore <a href="http://www.gatellier.be/plugins/">une liste intéressante</a> chez Marin Gatellier.</li>
    <li>La liste de <a href="http://www.eclaireur.net/wordpress/une-liste-de-plugins-qui-stimule-wordpress/">plugin de l&#8217;éclaireur</a> pour stimuler WordPress.</li>
    <li>Installez <a href="http://www.pluginmeter.com/">PluginMeter</a> de <a href="http://www.zefranck.com/">ZeFranck</a>, et participez à la constitution d&#8217;une liste de l&#8217;ensemble des <a href="http://www.pluginmeter.com/plugins.php">plugins installés dans le monde</a> en temps réel !</li>
    <li>Et pour finir, voici la <a href="http://www.wordpress-fr.net/support/forum-5-plugins">section plugin</a> du forum WordPress francophone.</li>
    <li><a href="http://www.blogclic.com/?p=64">59 plugins pour wordpress</a> &#8212; liste de plugin avec une brève description en français, via <a href="http://www.weezonaute.fr/">weezonaute</a>.</li>
</ul>

<h3 id="themesWP">Thèmes pour WordPress</h3>

<ul class="texte">
    <li><a href="http://www.smashingmagazine.com/2008/01/08/100-excellent-free-high-quality-wordpress-themes/">SmashingMagazine</a> &#8212; 100 thèmes gratuits de qualité pour WordPress, ainsi que <a href="http://www.smashingmagazine.com/2007/02/09/83-beautiful-wordpress-themes-you-probably-havent-seen/">83 jolis thèmes</a> que vous avez probablement manqués, et pour finir, <a href="http://www.smashingmagazine.com/2007/05/07/10-fresh-elegant-and-clean-wordpress-themes/">10 thèmes</a> très frais et élégant au service de la lisibilité de votre contenu. Via <a href="http://www.dyblog.fr/index.php?2008/02/11/762-des-liens-pour-les-blogs-et-les-sites-5-design-astuces-pour-bloguer-rss-digg-likes-referencement">DyBlog</a> et <a href="http://www.blomig.com/2008/02/12/deux-mines-dor-sur-les-blogs/">blomig</a> ;).</li>
    <li>Et plus à venir&#8230;</li>
</ul>

<h3>C&#8217;est déjà fini ?</h3>

<p>Cette liste est loin de faire le tour de la question, alors n&#8217;hésitez pas à intervenir pour partager les liens qui vous servent le plus dans votre pratique du développement ou du design web. Je prendrais soin d&#8217;ajouter vos suggestions au fur et à mesure.</p>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css4design.com/fonctions-metier-integrateur-web' title='Quelques notes sur les fonctions de l&#8217;intégrateur web et de l&#8217;intégratrice web'>Quelques notes sur les fonctions de l&#8217;intégrateur web et de l&#8217;intégratrice web</a></li><li><a href='http://css4design.com/ctrl-h-wordpress-22-jquery-buzz-f-list-typetester-graybit-pr6' title='Ctrl H = WordPress 2.2 + jQuery + Buzz F-List + TypeTester + GrayBit + PR6'>Ctrl H = WordPress 2.2 + jQuery + Buzz F-List + TypeTester + GrayBit + PR6</a></li><li><a href='http://css4design.com/le-petit-journal-du-web-les-fruits-de-la-veille-ont-garde-leur-fraicheur' title='Le petit journal du web &#8212; Les fruits de la veille ont gardé toute leur fraicheur'>Le petit journal du web &#8212; Les fruits de la veille ont gardé toute leur fraicheur</a></li><li><a href='http://css4design.com/le-petit-journal-du-web-novembre-2011' title='Le petit journal du web &#8212; WordPress, développement web, etc.'>Le petit journal du web &#8212; WordPress, développement web, etc.</a></li><li><a href='http://css4design.com/liens-javascript-jquery' title='390 ressources Javascript &amp; jQuery'>390 ressources Javascript &#038; jQuery</a></li></ul>
 <p><a href="http://css4design.com/?flattrss_redirect&amp;id=199&amp;md5=d05e481fe30b7aa79fefc963f5e30480" title="Flattr" target="_blank"><img src="http://css4design.com/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web/feed</wfw:commentRss>
		<slash:comments>124</slash:comments>
		</item>
		<item>
		<title>rollSense : Google Adsense du contenu ou révolution dans l&#039;échange de lien ?</title>
		<link>http://css4design.com/rollsense-google-adsense-du-contenu-ou-revolution-dans-lechange-de-lien</link>
		<comments>http://css4design.com/rollsense-google-adsense-du-contenu-ou-revolution-dans-lechange-de-lien#comments</comments>
		<pubDate>Wed, 17 Oct 2007 10:16:08 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[AdSense]]></category>
		<category><![CDATA[Blogosphère]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Notorious Blog]]></category>
		<category><![CDATA[publicité]]></category>
		<category><![CDATA[Widget]]></category>

		<guid isPermaLink="false">http://www.css4design.com/index.php/2007/10/17/136-rollsense-google-adsense-du-contenu-ou-revolution-dans-lechange-de-lien</guid>
		<description><![CDATA[C&#8217;est grâce à Alexis que j&#8217;ai découvert rollSense. Je m&#8217;attendais à un Criteo de plus, mais passé le stade de la découverte, rollSense me parait plus attractif, plus fun à utiliser. Alors que Criteo propose à vos visiteurs des sites qui ont un rapport avec le vôtre, rollSense recommande à vos lecteurs des articles en relation avec le thème de vos pages. Une fois le widget installé, chaque fois qu&#8217;un lecteur cliquera sur un de vos billets pour le lire, rollSense fournira ses recommandations. Il est possible de sélectionner soi-même les sources d&#8217;information dans lesquelles le service puisera pour afficher [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2Frollsense-google-adsense-du-contenu-ou-revolution-dans-lechange-de-lien">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2Frollsense-google-adsense-du-contenu-ou-revolution-dans-lechange-de-lien&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a&amp;b=2" height="61" width="50" />
			</a>
		</div><p>C&#8217;est grâce à <a href="http://blog.alcd.be/165-mise-a-jour-de-ma-rollsense">Alexis</a> que j&#8217;ai découvert <a href="http://www.rollsense.com">rollSense</a>. Je m&#8217;attendais à un <a href="http://www.criteo.com">Criteo</a> de plus, mais passé le stade de la découverte,  <em>rollSense</em> me parait plus attractif, plus <em>fun</em> à utiliser. Alors que <em>Criteo</em> propose à vos visiteurs des sites qui ont un rapport avec le vôtre, <em>rollSense</em> recommande à vos lecteurs des articles en relation avec le thème de vos pages. Une fois le <em>widget</em> installé, chaque fois qu&#8217;un lecteur cliquera sur un de vos billets pour le lire, rollSense fournira ses recommandations. Il est possible de sélectionner soi-même les sources d&#8217;information dans lesquelles le service puisera pour afficher ses résultats et ne mettre que son site ou son réseau de sites. Et pourquoi pas, créer un réseau de liens réciproques comme <a href="http://www.google.fr/">Google</a> les aime tant ;)<span id="more-141"></span></p>

<h6>Cerise sur le gâteau, des liens sponsorisés et ciblés (tiens ça ne vous rappelle rien ?) fournis par <a href="http://searchmarketing.yahoo.com/fr_FR/">Yahoo! Search Marketing</a>  peuvent contribuer à la monétisation de votre blog, ce qui ne peut pas lui faire de mal :)</h6>

<p><a href="/wp-content/uploads/2007/10/rollsense.jpg" title="rollsense"><img src="/wp-content/uploads/2007/10/rollsense.jpg" alt="rollsense" width="450" /></a></p>

<h3>rollSense en bref</h3>

<ul>
    <li>Vous décidez d&#8217;où viennent les articles recommandés,</li>
    <li>Les articles recommandés le sont par rapport au billet que parcoure votre lecteur,</li>
    <li>Facile à activer, <em>rollSense</em> ne demande que l&#8217;adresse de votre blog et votre <em>blogroll</em> ou <acronym title="Outline Processor Markup Language">OPML</acronym>,</li>
    <li>Installation simple sur le blog, vous copiez et collez un bout de code HTML,</li>
    <li>Vous pourrez suivre les visites en provenance d&#8217;autres sites, comme celles générées vers votre <em>blogroll</em>,</li>
    <li><em>rollSense</em> peut aussi être utilisé pour simplement afficher les billets les plus récents de votre <em>blogroll</em>, éventuellement filtrés par vos mots clés</li>
</ul>

<h3>Allez, hop ! je m&#8217;inscris</h3>

<p>5 champs à remplir, plus la case concernant les conditions d&#8217;utilisation à cocher et je reçois le mail d&#8217;activation qui me renvoie curieusement sur une page m&#8217;indiquant que mon &laquo;&nbsp;canal&nbsp;&raquo; n&#8217;est pas valide&#8230; Demander le minimum d&#8217;information à l&#8217;inscription c&#8217;est bien, mais ils auraient pu demander l&#8217;adresse du flux dès le départ et nous faire économiser un clic ! Je clique néanmoins sur &laquo;&nbsp;OK&nbsp;&raquo; et j&#8217;arrive sur la page pour initialiser mon canal <em>rollSense</em>.</p>

<p>Je regrette (comme souvent) le choix restreint des intitulés de rubriques pour classer mon blog : je n&#8217;ai rien trouvé de mieux que &laquo;&nbsp;Ordinateurs &amp; Internet&nbsp;&raquo;&#8230; triste, non ?</p>

<h3>Monétiser son blog ?</h3>

<p>Voilà, c&#8217;est fini ! mon inscription est en attente d&#8217;approbation. En attendant, je définis mes options de paiement qui peut s&#8217;effectuer par chèque (à partir de 100€ d&#8217;avoir) ou par <a href="http://www.paypal.com">PayPal</a> (à partir de 60€). Hum&#8230; si les montants ressemblent à ceux de  <a href="http://www.google.com/adsense">Google Adsense</a>,  je pourrais offrir une figurine de <em>Grendizer</em> à mon fils de 4 ans pour ses 7 ans ;) Je vais donc attendre un peu avant de donner mes informations personnelles.</p>

<p>Vous pouvez admirer ensuite votre <em>widget</em> personnalisable &#8211; dont la langue utilisée &#8211; en  largeur (de 150px à 450px) et en couleur à l&#8217;image de ce qui se fait habituellement. Pour un meilleur contrôle, je vous conseille quand même de modifier les valeurs directement dans le code, c&#8217;est pas sorcier ;)</p>

<h4>Yahoo! Search Marketing ?</h4>

<p>Je ne sais pas si vous êtes comme moi, mais j&#8217;avais presque fini par oublier qu&#8217;il y avait une vie en dehors de <em>Google</em> dans le domaine de la publicité contextuelle d&#8217;envergure. Je me dit que c&#8217;est assez bien vu de la part de <a href="http://www.yahoo.fr">Yahoo!</a> de <strong>s&#8217;associer avec <em>rollSense</em> pour tenter de tailler des croupières à <em>Google</em> sur son terrain de jeux</strong> par le biais d&#8217;un <em>widget</em> qui a tout pour plaire.</p>

<h3>Je suis emballé</h3>

<p>Pour commencer, je me servirai certainement de <em>rollSense</em> pour faire des liens croisés entre les articles publiés sur <a href="http://www.notoriousblog.fr" title="Maintenant, vous êtes sur scène !">Notorious Blog</a> et celui-ci, en indiquant pour chacun d&#8217;eux le flux de l&#8217;autre. Sinon, il est possible de faire les choses en grand en ajoutant n&#8217;importe quel fichier <acronym title="Outline Processor Markup Language">OPML</acronym> : pourquoi pas la liste de vos <a href="http://blogmarks.net">blogmarks</a> favoris ?</p>

<p>Installé par simple curiosité au début, ce widget vient déjà de prendre sa place dans la page des billets et a même remplacé la liste des derniers billets publiés. Le fait de spécifier soi-même les flux pris en compte &#8211; et uniquement ceux-ci &#8211; est un plus indéniable qui permet d&#8217;<strong>envisager autrement la notion d&#8217;échange de liens, un peu <em>has been</em>, il faut bien le dire, malgré son efficacité redoutable</strong> ;)</p>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css4design.com/7-etapes-pour-demander-une-prime-de-risque-en-qualite-de-trafiquant-de-pagerank' title='7 étapes pour demander une prime de risque en qualité de trafiquant de PageRank !'>7 étapes pour demander une prime de risque en qualité de trafiquant de PageRank !</a></li><li><a href='http://css4design.com/le-pret-a-bloguer-bride-t-il-la-creativite' title='Le prêt-à-bloguer bride-t-il la créativité ?'>Le prêt-à-bloguer bride-t-il la créativité ?</a></li><li><a href='http://css4design.com/sites-de-contenus-vs-sites-commerciaux' title='Sites de contenus vs sites commerciaux ?'>Sites de contenus vs sites commerciaux ?</a></li><li><a href='http://css4design.com/interesses-par-la-monetisation-de-votre-contenu-jettez-un-oeil-sur-google-adsense' title='Intéressés par la monétisation de votre contenu ? Jettez un oeil sur Google AdSense'>Intéressés par la monétisation de votre contenu ? Jettez un oeil sur Google AdSense</a></li><li><a href='http://css4design.com/journalistes-vs-blogueurs-gladiators-inside' title='Journalistes vs Blogueurs (Gladiators inside)'>Journalistes vs Blogueurs (Gladiators inside)</a></li></ul>
]]></content:encoded>
			<wfw:commentRss>http://css4design.com/rollsense-google-adsense-du-contenu-ou-revolution-dans-lechange-de-lien/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Intéressés par la monétisation de votre contenu ? Jettez un oeil sur Google AdSense</title>
		<link>http://css4design.com/interesses-par-la-monetisation-de-votre-contenu-jettez-un-oeil-sur-google-adsense</link>
		<comments>http://css4design.com/interesses-par-la-monetisation-de-votre-contenu-jettez-un-oeil-sur-google-adsense#comments</comments>
		<pubDate>Mon, 15 Oct 2007 18:32:13 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Le petit journal du web]]></category>
		<category><![CDATA[AdSense]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[RSS]]></category>

		<guid isPermaLink="false">http://www.css4design.com/index.php/2007/10/15/135-interesses-par-la-monetisation-de-votre-contenu-jettez-un-oeil-sur-google-adsense</guid>
		<description><![CDATA[Ils n&#8217;ont pas oublié de monétiser leur FeedBurner, au Googleplex ;) Tout ça pour dire que j&#8217;avais confié la redirection des flux RSS de WordPress vers FeedBurner aux bons soins du plugin Feedburner FeedSmith qui n&#8217;a pas rempli son office&#8230; Au cas où, les flux RSS officiels pour ce blog sont : http://feeds.feedburner.com/css4design (billets), http://feeds.feedburner.com/css4design-commentaires (commentaires). Je remercie fab et Samy (sans oublier Nico) pour m&#8217;avoir signalé le problème ;) Merci de votre compréhension en cette période de flux migratoires. Articles sur le même sujet rollSense : Google Adsense du contenu ou révolution dans l&#039;échange de lien ?7 étapes pour [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2Finteresses-par-la-monetisation-de-votre-contenu-jettez-un-oeil-sur-google-adsense">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2Finteresses-par-la-monetisation-de-votre-contenu-jettez-un-oeil-sur-google-adsense&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a&amp;b=2" height="61" width="50" />
			</a>
		</div><p><img src="/wp-content/uploads/2007/10/feedburner-adsense.png" alt="Feedburner Adsense" /></p>

<p>Ils n&#8217;ont pas oublié de monétiser leur <a href="http://feedburner.com">FeedBurner</a>, au <a href="http://fr.wikipedia.org/wiki/Googleplex">Googleplex</a> ;)</p>

<p>Tout ça pour dire que j&#8217;avais confié la redirection des flux RSS de <a href="http://wordpress.org">WordPress</a> vers <em>FeedBurner</em> aux bons soins du <a href="http://www.feedburner.com/fb/a/help/wordpress_quickstart">plugin Feedburner FeedSmith</a> qui n&#8217;a pas rempli son office&#8230; Au cas où, les flux RSS <em>officiels</em> pour ce blog sont :</p>

<ul>
    <li><a href="http://feeds.feedburner.com/css4design" title="Flux RSS des billets sur css4design">http://feeds.feedburner.com/css4design</a> (billets),</li>
    <li><a href="http://feeds.feedburner.com/css4design-commentaires" title="Flux RSS des commentaires sur css4design">http://feeds.feedburner.com/css4design-commentaires</a> (commentaires).</li>
</ul>

<p>Je remercie <span class="fn n">fab et <a href="http://blog.lahaut.info/">Samy</a> (sans oublier <a href="http://www.nicofayet.fr">Nico</a>) pour m&#8217;avoir signalé le problème ;) </span>Merci de votre compréhension en cette période de flux migratoires.</p>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css4design.com/rollsense-google-adsense-du-contenu-ou-revolution-dans-lechange-de-lien' title='rollSense : Google Adsense du contenu ou révolution dans l&#039;échange de lien ?'>rollSense : Google Adsense du contenu ou révolution dans l&#039;échange de lien ?</a></li><li><a href='http://css4design.com/7-etapes-pour-demander-une-prime-de-risque-en-qualite-de-trafiquant-de-pagerank' title='7 étapes pour demander une prime de risque en qualité de trafiquant de PageRank !'>7 étapes pour demander une prime de risque en qualité de trafiquant de PageRank !</a></li><li><a href='http://css4design.com/logo-code-source-libre' title='Ebauche de logo pour illustrer le concept de code source libre'>Ebauche de logo pour illustrer le concept de code source libre</a></li><li><a href='http://css4design.com/schema-org-microdata-google-bing-yahoo' title='Schema.org &#8212; Microdata pour Google, Bing et Yahoo!'>Schema.org &#8212; Microdata pour Google, Bing et Yahoo!</a></li><li><a href='http://css4design.com/composes-html-logo-baseline-potentiel-seo' title='8 composés HTML pour le logo et la « baseline » et leur potentiel SEO'>8 composés HTML pour le logo et la « baseline » et leur potentiel SEO</a></li></ul>
]]></content:encoded>
			<wfw:commentRss>http://css4design.com/interesses-par-la-monetisation-de-votre-contenu-jettez-un-oeil-sur-google-adsense/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>7 étapes pour demander une prime de risque en qualité de trafiquant de PageRank !</title>
		<link>http://css4design.com/7-etapes-pour-demander-une-prime-de-risque-en-qualite-de-trafiquant-de-pagerank</link>
		<comments>http://css4design.com/7-etapes-pour-demander-une-prime-de-risque-en-qualite-de-trafiquant-de-pagerank#comments</comments>
		<pubDate>Tue, 28 Aug 2007 03:04:52 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Google & Référencement]]></category>
		<category><![CDATA[AdSense]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[ClickRank]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[PageRank]]></category>
		<category><![CDATA[PigeonRank]]></category>
		<category><![CDATA[publicité]]></category>
		<category><![CDATA[TrustRank]]></category>

		<guid isPermaLink="false">http://www.css4design.com/blog-reloaded/?p=118</guid>
		<description><![CDATA[Après Text-Link-Ads, LinkLift propose l&#8217;achat et la vente de liens sur les blogs. Et Google n&#8217;a pas l&#8217;air d&#8217;apprécier. Il faut dire que ce que ces sociétés vendent à leurs acheteurs de liens, c&#8217;est du PageRank en barre ! Et le PageRank, comme chacun sait, appartient à Google qui voit d&#8217;un mauvais oeil des sociétés concurrentes à son programe AdSense tirer les marrons du feu en profitant de son outil de confiance. Un formulaire est même disponible si l&#8217;on est témoin d&#8217;un achat ou d&#8217;une vente de liens à la sauvette. Ca fout les jetons. Au début, je me suis [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2F7-etapes-pour-demander-une-prime-de-risque-en-qualite-de-trafiquant-de-pagerank">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2F7-etapes-pour-demander-une-prime-de-risque-en-qualite-de-trafiquant-de-pagerank&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a&amp;b=2" height="61" width="50" />
			</a>
		</div><p>Après <a hreflang="en" href="http://www.text-link-ads.com/">Text-Link-Ads</a>, <a hreflang="fr" href="http://beta.linklift.fr/">LinkLift</a> propose l&#8217;achat et la vente de liens sur les blogs. Et <a href="http://s.billard.free.fr/referencement/index.php?2006/09/27/292-matt-cutts-lachat-de-liens-est-du-spam">Google n&#8217;a pas l&#8217;air d&#8217;apprécier</a>. Il faut dire que ce que ces sociétés vendent à leurs acheteurs de liens, c&#8217;est du <a hreflang="fr" href="http://www.css4design.com/index.php/2007/01/13/60-google-is-updating-my-pagerank">PageRank</a> en barre ! Et le <em>PageRank</em>, comme chacun sait, appartient à Google qui voit d&#8217;un mauvais oeil des sociétés concurrentes à son programe <a hreflang="fr" href="http://fr.wikipedia.org/wiki/AdSense">AdSense</a> tirer les marrons du feu en profitant de son outil de confiance. Un <a hreflang="fr" href="https://www.google.com/webmasters/tools/paidlinks?hl=fr&amp;pli=1">formulaire</a> est même disponible si l&#8217;on est témoin d&#8217;un achat ou d&#8217;une vente de liens à la sauvette. Ca fout les jetons.<span id="more-124"></span></p>

<ol>
    <li>Au début, je me suis dit que Google exagérait, puis je me suis rappellé que les liens <a hreflang="fr" href="https://adwords.google.fr/">AdWords</a> ou <em>AdSense</em> n&#8217;entraient pas dans le calcul du <acronym title="PageRank">PR</acronym>, raison pour laquelle, il faudrait mettre du <a hreflang="fr" href="http://www.css4design.com/index.php/2007/05/14/87-attribut-rel-nofollow-no-good-fellow"><samp>rel=nofollow</samp></a> à tout va dès qu&#8217;il s&#8217;agit de liens sponsorisés. Ce qui, est-il utile de le préciser, rendrait caduque les accords entre les éditeurs et les sociétés sus-citées.</li>
    <li>Ceci étant, Google a le droit pour lui (enfin j&#8217;imagine). Sauf que si le <acronym title="PageRank">PR</acronym> appartient à Google en tant que technologie, il est aussi la propriété de l&#8217;éditeur du blog : le <acronym title="PageRank">PR</acronym> ne fait que traduire le travail du blogueur en terme de rédaction, de référencement et d&#8217;implication dans la blogosphère. Le PR ne fait donc que constater le fait que de nombreux liens pointent vers un site. De là à dire que google profite lui-même largement du contenu des blogs pour se faire de l&#8217;argent, il n&#8217;y a qu&#8217;un pas, qu&#8217;on pourrait franchir aisément en pensant à la très faible rémunération du programme <em>AdSense</em> pour les petits blogs comme le mien&#8230;</li>
    <li>Où je veux en venir ? Et bien, en <a hreflang="fr" href="http://ditwww.epfl.ch/SIC/SA/SPIP/Publications/spip.php?article489">relisant</a> <a hreflang="fr" href="http://www.webrankinfo.com/google/pagerank/promeneur.php">quelques articles</a> <a hreflang="fr" href="http://www.webrankinfo.com/google/pagerank/pagerank.php">sur</a> <a hreflang="fr" href="http://www.google.fr/why_use.html">le</a> <a hreflang="fr" href="http://www.scriptet.net/google-pagerank.html">PageRank</a>, il apparait qu&#8217;il ne s&#8217;agit pas à l&#8217;origine d&#8217;un outil permettant de mesurer la confiance : il s&#8217;agit surtout de mesurer la probabilité de tomber sur un site donné en suivant des liens au hasard. D&#8217;ailleurs, la notion de <a hreflang="fr" href="http://bvwg.actulab.net/5-trustrank-en-10-minutes.seo">TrustRank</a> a été mise en place bien plus tard.</li>
    <li>En supposant que les blogs affichant des liens vendus par <acronym title="Text-Link-Ads">TLA</acronym> ou <acronym title="LinkLift">LL</acronym> soient dénoncés et que la sanction soit (au pire) le bannissement de l&#8217;index, la probabilité de tomber sur ces sites en cliquant de lien en lien subsisterait. D&#8217;ailleurs, comme je l&#8217;ai déjà évoqué, le <a hreflang="fr" href="http://www.css4design.com/index.php/2006/11/16/51-mesure-d-audience-google-ecriture-des-mots-clefs-au-clickrank">ClickRank</a> (associé au PageRank) devrait être le seul indice suffisamment fiable pour juger de la qualité d&#8217;un site. Et puis, c&#8217;est d&#8217;ailleurs le principe retenu pour les enchères <em>AdWords</em> : plus une annonce est cliquée et mieux elle est placée et/ou moins elle coûte cher à l&#8217;annonceur.</li>
    <li>Bref, vous l&#8217;aurez compris, je me pose des questions existentielles concernant l&#8217;affichage des publicités <em>Text-Link-Ads</em> ou <em>LinkLift</em> sur mon blog. D&#8217;autant plus que j&#8217;ai l&#8217;impression que les prix d&#8217;achat sont faibles (entre 25€ et 35€ par liens et par mois pour l&#8217;acheteur) comparés aux risques éventuels si l&#8217;ami Google se met en colère et se décide à faire couler la fiente de ses <a hreflang="en" href="http://www.google.com/technology/pigeonrank.html">pigeons</a> sur nos pauvres blogs&#8230;</li>
    <li>A ce sujet, j&#8217;aimerais bien connaitre l&#8217;échelle des sanctions prévue par Google : riposte graduée ou destruction sans sommation ?</li>
    <li>J&#8217;ai bien envie de demander une prime de risque&#8230;</li>
</ol>

<p><em>Stay tuned and mind the gap!</em></p>

<p>PS : J&#8217;aimerais bien m&#8217;inscrire sur le forum taggle. Je peux proposer un échange de lien contre une cooptation (no tapar :D )</p>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css4design.com/google-le-pr-fouettard' title='Google, le PR fouettard !'>Google, le PR fouettard !</a></li><li><a href='http://css4design.com/ecrire-pour-google-des-mots-cles-au-clickrank' title='Ecrire pour Google : des mots-clés au clickrank'>Ecrire pour Google : des mots-clés au clickrank</a></li><li><a href='http://css4design.com/baisse-de-pagerank-au-nom-du-pr-ainsi-soit-il' title='Bai(s)se de PageRank : au nom du PR, ainsi soit-il&#8230;'>Bai(s)se de PageRank : au nom du PR, ainsi soit-il&#8230;</a></li><li><a href='http://css4design.com/rollsense-google-adsense-du-contenu-ou-revolution-dans-lechange-de-lien' title='rollSense : Google Adsense du contenu ou révolution dans l&#039;échange de lien ?'>rollSense : Google Adsense du contenu ou révolution dans l&#039;échange de lien ?</a></li><li><a href='http://css4design.com/j-ai-reference-mon-site-sur-plus-de-400-moteurs-de-recherche-et-annuaires-j-ai-bon' title='J&#8217;ai référencé mon site sur plus de 400 moteurs de recherche et annuaires de liens, j&#8217;ai bon ?'>J&#8217;ai référencé mon site sur plus de 400 moteurs de recherche et annuaires de liens, j&#8217;ai bon ?</a></li></ul>
]]></content:encoded>
			<wfw:commentRss>http://css4design.com/7-etapes-pour-demander-une-prime-de-risque-en-qualite-de-trafiquant-de-pagerank/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using disk: enhanced (User agent is rejected)

Served from: css4design.com @ 2012-02-04 04:45:36 -->
