<?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>outil &#8211; Delphine MALASSINGNE</title>
	<atom:link href="https://articles.nissone.com/tag/outil/feed/" rel="self" type="application/rss+xml" />
	<link>https://articles.nissone.com</link>
	<description></description>
	<lastBuildDate>Sun, 17 Apr 2011 16:34:02 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.7.1</generator>
	<item>
		<title>Ressources de référence</title>
		<link>https://articles.nissone.com/2010/10/ressources-de-reference/</link>
					<comments>https://articles.nissone.com/2010/10/ressources-de-reference/#comments</comments>
		
		<dc:creator><![CDATA[Delphine Malassingne]]></dc:creator>
		<pubDate>Mon, 18 Oct 2010 13:44:12 +0000</pubDate>
				<category><![CDATA[[Pense-bête]]]></category>
		<category><![CDATA[Accessibilité numérique]]></category>
		<category><![CDATA[Conception de sites web]]></category>
		<category><![CDATA[Design et webdesign]]></category>
		<category><![CDATA[Intégration de pages web]]></category>
		<category><![CDATA[Qualité web]]></category>
		<category><![CDATA[accessibilité]]></category>
		<category><![CDATA[développement]]></category>
		<category><![CDATA[intégration]]></category>
		<category><![CDATA[outil]]></category>
		<category><![CDATA[standards]]></category>
		<guid isPermaLink="false">http://articles.nissone.com/?p=1301</guid>

					<description><![CDATA[Lors de mon atelier à Paris Web 2010, j'ai promis de faire une liste de sites de référence pour bien commencer sa veille.
Voici ceux qui me sont venus en tête rapidement. Je me réserve le droit de modifier cette liste autant que je veux. Vos propres références peuvent venir s'ajouter.]]></description>
										<content:encoded><![CDATA[<p>Ressources (françaises) de référence pour se lancer, suivre et se perfectionner dans la <strong>conception</strong>, l&rsquo;<strong>intégration</strong>, le <strong>design</strong>, etc. de sites web orientés <strong>qualité</strong>, <strong>standards</strong>, <strong>accessibilité</strong>, <strong>expérience utilisateur</strong>, etc.</p>
<p>Vos propres références sont les bienvenues en commentaire.</p>
<p>(et à propos de la veille : <a title="Faire de la veille - Article Delphine M." href="http://articles.nissone.com/2008/10/faire-veille/">Faire de la veille</a>)</p>
<h2>Articles et billets</h2>
<ul>
<li><strong><a title="OpenWeb Group - Pour les standards du web" href="http://openweb.eu.org/">OpenWeb </a></strong><br />
#qualitéweb  #standards<br />
http://openweb.eu.org</li>
<li><strong><a title="Webdesign puisé à sa source" href="http://www.pompage.net/">Pompage </a></strong><br />
#webdesign#standards<br />
www.pompage.net</li>
<li><strong><a title="La fraîche actualité de l'accessibilité Web" href="http://planete-accessibilite.com/">Planète Accessibilité</a></strong><br />
#accessibilité<br />
http://planete-accessibilite.com</li>
<li><strong><a title="Blog Webatou, le Web accessible à tous" href="http://blog.webatou.info/">Webatou</a></strong><br />
#accessibilité<br />
http://blog.webatou.info</li>
<li><a title="Mammouthland" href="http://www.mammouthland.net/"><strong>Mammouthland</strong></a><br />
#intégration<br />
www.mammouthland.net</li>
</ul>
<h2>Outil</h2>
<ul>
<li><strong><a title="Projet Opquast - Comprendre et améliorer la qualité web" href="http://www.opquast.com/">Projet Opquast</a></strong> &#8211; Gestion de la qualité<br />
#qualitéweb  #referentiel #bonnespratiques<br />
http://www.opquast.com</li>
</ul>
<h2>Communautaire</h2>
<p>(forum, liste de diffusion, discussion, etc.)</p>
<ul>
<li><strong><a title="Communauté d'apprentissage pour les standards du web" href="http://www.alsacreations.com/">Alsacréations</a></strong><br />
#intégration #webdesign #standards<br />
www.alsacreations.com</li>
<li><strong><a title="webdevfr - Professionnels francophones du développement web" href="http://groups.google.fr/group/webdevfr">Professionnels francophones du développement web</a></strong><br />
#intégration #développement<br />
http://groups.google.fr/group/webdevfr</li>
<li><strong><a title="HTML Zen Garden" href="http://www.htmlzengarden.com/">HTML Zen Garden</a></strong><br />
(placé dans « communautaire » car les articles appellent des commentaires qui sont tout aussi intéressants que l&rsquo;article)<br />
#intégration<br />
www.htmlzengarden.com</li>
</ul>
<h2>Événements</h2>
<ul>
<li><strong><a title="W3Café" href="http://france.w3cafe.org/">W3Café</a></strong><br />
http://france.w3cafe.org</li>
<li><strong><a title="Paris Web - webdesign, qualité, accessibilité" href="http://www.paris-web.fr/">Paris Web</a></strong><br />
#conférences #ateliers<br />
www.paris-web.fr</li>
</ul>
]]></content:encoded>
					
					<wfw:commentRss>https://articles.nissone.com/2010/10/ressources-de-reference/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>Des outils pour gérer, programmer, répliquer, etc. des tweets</title>
		<link>https://articles.nissone.com/2009/10/outils-gerer-programmer-repliquer-tweets/</link>
					<comments>https://articles.nissone.com/2009/10/outils-gerer-programmer-repliquer-tweets/#comments</comments>
		
		<dc:creator><![CDATA[Delphine Malassingne]]></dc:creator>
		<pubDate>Fri, 30 Oct 2009 13:10:36 +0000</pubDate>
				<category><![CDATA[[Article]]]></category>
		<category><![CDATA[e-marketing]]></category>
		<category><![CDATA[Films-vampires.com]]></category>
		<category><![CDATA[outil]]></category>
		<category><![CDATA[Twitter]]></category>
		<guid isPermaLink="false">http://articles.nissone.com/?p=1133</guid>

					<description><![CDATA[Twitter est (aussi) un outil de diffusion dans un objectif e-marketing de communication autour d'un produit -en l'occurrence ici, d'un site. 
Bon, j'aurais pu aussi dire que Twitter est l'un de mes jouets et que je m'amuse comme une petite folle à le faire jouer avec mon site de vampire ! 

Tout ça pour dire que, que se soit dans un cadre ludique ou non, il y a des outils pour nous simplifier la vie dans l'exploitation de Twitter. Et comme il y en a beaucoup, des outils, je vous propose un panel : celui par lequel je suis passée pour mes propres besoins.]]></description>
										<content:encoded><![CDATA[<h2>Contexte</h2>
<p>Depuis Juin 2009, mon site sur les <a title="Les films de vampires - Films-vampires.com" href="http://www.films-vampires.com/">films de vampire</a> s&rsquo;est offert un fil <span lang="en">Twitter</span> (<a title="Fil d'actualité vampire de Films-vampires.com" href="http://twitter.com/FilmsVampires/">@FilmsVampires</a>).<br />
Bon, avoir un fil <span lang="en">Twitter</span>, c&rsquo;est bien, en faire quelque chose, c&rsquo;est mieux.<br />
J&rsquo;ai donc mis en place toute une organisation pour le gérer le plus efficacement possible (sans que ça me prenne trop de temps parce qu&rsquo;il paraît que j&rsquo;ai une vie et un boulot en dehors de mes chers vampires !)</p>
<p>Comme je suis une éternelle insatisfaite, que je veux toujours la petite fonctionnalité peu rependue mais si indispensable à mes yeux et que je suis capable de tester-utiliser-déprécier autant d&rsquo;outils que j&rsquo;en trouve, j&rsquo;ai un tour d&rsquo;horizon à vous proposer.</p>
<h2>Besoins</h2>
<p>Pour chacun des points ci-dessous, il faut que je puisse le faire depuis la maison, le boulot ou ailleurs. Il me faut donc nécessairement une <strong>application en ligne</strong>.</p>
<p>Avant tous, je cherche à pouvoir <strong>programmer des <span lang="en">tweets</span></strong>. Le but est de consacrer un temps restreint de ma journée aux vampires et qu&rsquo;ensuite ils se débrouillent tous seuls, sans que je doive apprendre les dates des événements vampiriques par cœur. Cela me permet aussi d&rsquo;étaler l&rsquo;ensemble de mes <span lang="en">tweets</span>-vampires dans la journée plutôt que de tous les faire dans la même demi-heure.</p>
<p>Je ne suis pas la seule à twitter sur les vampires. Il est donc important que j&rsquo;ai un œil sur<strong> les autres fils d&rsquo;actualité vampirique</strong> pour pouvoir re-twitter les infos qui m&rsquo;intéresse.</p>
<p>Après avoir ouvert mon fil <span lang="en">Tweeter</span>, j&rsquo;ai rapidement ouvert un <a title="Fil d'actualité vampire de Films-vampires.com (Identi.ca)" href="http://identi.ca/filmsvampires/">fil Identi.ca</a>. J&rsquo;ai également une page <a title="Page Fan Facebook de Films-vampires.com" href="http://www.facebook.com/pages/Films-vampirescom/96899675778"><span lang="en">Facebook</span> Films-vampires.com</a>, une « <span lang="en">timeline</span> » <a title="Fil d'actualité vampire de Films-vampires.com (Friendfeed)" href="http://friendfeed.com/filmsvampires"><span lang="en">Friendfeed</span></a>, etc. Autant de pages sur lesquelles, en plus de la page d&rsquo;accueil du site, <strong>les <span lang="en">tweets</span> doivent être répercutés</strong>.</p>
<p>Bien sûr, je mets souvent des liens dans mes <span lang="en">tweets</span>. Bien sûr, ces liens doivent être <strong>raccourcis</strong>. J&rsquo;aime bien pouvoir <strong>personnaliser mes liens</strong>, c&rsquo;est-à-dire avoir « <span lang="en">twilight-interview</span> » plutôt que « x297dxDF4 » dans l&rsquo;URL.<br />
D&rsquo;abord, c&rsquo;est plus agréable pour l&rsquo;utilisateur ; il a une idée de où il va.<br />
Ensuite, c&rsquo;est toujours quelques mots-clé glissés aux moteurs d&rsquo;indexation.<br />
Bon, ce n&rsquo;est pas non plus très critique vu que certains outils parmi ceux que j&rsquo;utilise re-transforment automatiquement les URL (d&rsquo;ailleurs, c&rsquo;est bien quand on peut les empêcher de le faire).<br />
Mais, de toute façon, rien que pour moi et pour l&rsquo;administration de ces liens, c&rsquo;est plus agréable de pouvoir les identifier.</p>
<p>Ensuite, une fois que j&rsquo;ai mis un lien &#8230; ben j&rsquo;aime bien avoir des <strong>stats </strong>dessus ! Savoir combien de gens ont cliquer dessus et quand.</p>
<p>Enfin, bien sûr, je regarde si mes <span lang="en">tweets</span> sont <strong>re-twittés</strong> et par qui.</p>
<h2>Outils</h2>
<h3><span lang="en">FriendFeed</span></h3>
<p><span lang="en"> </span></p>
<div class="zoneImages"><img loading="lazy" decoding="async" class="size-full wp-image-1144" title="friendfeed-logo" src="http://articles.nissone.com/wp-content/uploads/2009/10/friendfeed-logo.gif" alt="Friendfeed" width="200" height="56" /></div>
<ul>
<li>Sans que j&rsquo;ai besoin de m&rsquo;en occuper, il récupère et affiche mon fil <span lang="en">Twitter</span> dans ma « <span lang="en">timeline</span>« </li>
</ul>
<p><a href="http://friendfeed.com/">http://friendfeed.com/</a></p>
<h3>Twuffer</h3>
<div class="zoneImages"><img loading="lazy" decoding="async" class="size-full wp-image-1155" title="twuffer-logo" src="http://articles.nissone.com/wp-content/uploads/2009/10/twuffer-logo.gif" alt="Twuffer" width="200" height="73" /></div>
<ul>
<li>Twuffer est hyper-simple, hyper rapide pour commencer à l&rsquo;utiliser (pas de création de compte mais utilisation des identifiants Twitter)</li>
<li>L&rsquo;interface est jolie</li>
<li>Il permet de programmer des tweets uniquement à chaque heure.</li>
<li>Mais il ne permet pas de les modifier.</li>
</ul>
<p>Trop simple, je l&rsquo;ai abandonné au profit de TweetLater (devenu depuis SocialOomph)</p>
<div class="zoneImages"><img fetchpriority="high" decoding="async" class="size-full wp-image-1154" title="twuffer-interface" src="http://articles.nissone.com/wp-content/uploads/2009/10/twuffer-interface.gif" alt="Interface de Twuffer" width="296" height="332" srcset="https://articles.nissone.com/wp-content/uploads/2009/10/twuffer-interface.gif 296w, https://articles.nissone.com/wp-content/uploads/2009/10/twuffer-interface-267x300.gif 267w" sizes="(max-width: 296px) 100vw, 296px" /></div>
<h3><span lang="en">TweettLater</span> devenu <span lang="en">SocialOomph</span></h3>
<p><span lang="en"> </span></p>
<div class="zoneImages"><img loading="lazy" decoding="async" class="size-full wp-image-1139" title="social-oomph-logo" src="http://articles.nissone.com/wp-content/uploads/2009/10/social-oomph-logo.gif" alt="Social Oomph" width="200" height="50" /></div>
<ul>
<li>Il permet de programmer des <span lang="en">tweets</span>, à la minute prêt.</li>
<li>On peut modifier facilement le <span lang="en">tweets</span>.</li>
<li>L&rsquo;interface n&rsquo;est pas très jolie mais elle est claire.</li>
<li>Des offres payantes existent ; je me dis donc qu&rsquo;en cas de plantage, il y a une chance qu&rsquo;ils réagissent vite.</li>
<li>Il ne permet pas de répercuter automatiquement les tweets vers autre chose que Twitter.</li>
</ul>
<p><a href="http://www.socialoomph.com/">www.socialoomph.com</a></p>
<div class="zoneImages"><img loading="lazy" decoding="async" class="size-full wp-image-1153" title="social-oomph-interface" src="http://articles.nissone.com/wp-content/uploads/2009/10/social-oomph-interface.gif" alt="Interface de programmation de tweet de Social Oomph" width="500" height="334" srcset="https://articles.nissone.com/wp-content/uploads/2009/10/social-oomph-interface.gif 500w, https://articles.nissone.com/wp-content/uploads/2009/10/social-oomph-interface-300x200.gif 300w" sizes="(max-width: 500px) 100vw, 500px" /></div>
<h3><span lang="en">Ping</span>.fm</h3>
<div class="zoneImages"><img loading="lazy" decoding="async" class="size-full wp-image-1143" title="ping-fm-logo" src="http://articles.nissone.com/wp-content/uploads/2009/10/ping-fm-logo.gif" alt="Ping.fm" width="200" height="97" /></div>
<ul>
<li><span lang="en">Ping</span>.fm m&rsquo;a permis d&rsquo;envoyer automatiquement une info vers <span lang="en">Twitter</span> et Identi.ca (Youpi ! je ne trouvais pas de moyen de gérer Identi.ca automatiquement).<br />
En principe, il aurait dû aussi me permettre d&rsquo;envoyer la même info sur ma page Fan <span lang="en">Facebook</span> mais ça n&rsquo;a pas marché (ceux qui ont essayé savent que ce n&rsquo;est pas trivial dès qu&rsquo;il s&rsquo;agit de la page Fan).</li>
<li>Cela dit, <span lang="en">HelloTxt</span> utilise <span lang="en">GetSatisfaction</span> et j&rsquo;ai donc profité d&rsquo;un support pratique et actif&#8230; Je n&rsquo;ai toutefois pas réussi à corriger le problème et c&rsquo;est une des raisons pour laquelle j&rsquo;ai quitté <span lang="en">Ping</span>.fm pour <span lang="en">HelloTxt</span> mais&#8230;</li>
<li>Par ailleurs, <span lang="en">Ping</span>.fm ne permet pas de programmer des tweets.</li>
</ul>
<p><a href="http://ping.fm/">http://ping.fm</a></p>
<h3><span lang="en">HelloTxt</span></h3>
<p><span lang="en"> </span></p>
<div class="zoneImages"><img loading="lazy" decoding="async" class="size-full wp-image-1140" title="hellotxt-logo" src="http://articles.nissone.com/wp-content/uploads/2009/10/hellotxt-logo.gif" alt="HelloTxt" width="172" height="45" /></div>
<ul>
<li>Je pensais avoir trouvé tout ce que je cherchais avec <span lang="en">HelloTxt</span> ; « mais ».</li>
<li>Permet d&rsquo;envoyer une info à la fois vers <span lang="en">Twitter</span> et vers Identi.ca</li>
<li>Permet aussi automatiquement d&rsquo;envoyer l&rsquo;info sur ma page Fan <span lang="en">Facebook</span>. Au moins, en théorie, car, en pratique, ça n&rsquo;a pas marché pour moi ici non plus. <span lang="en">HelloTxt</span> utilise également <span lang="en">GetSatisfaction</span> comme support mais, là non plus, je n&rsquo;ai pas réussi (et ai laissé tomber ce besoin).</li>
<li>Le service raccourcit automatiquement les URL &#8230;et permet de lui interdire, facilement, de le faire.</li>
<li><span lang="en">HelloTxt</span> permet de programmer des <span lang="en">tweets</span> mais pfff ! C&rsquo;est dans un coin d&rsquo;interface, on ne peut pas modifier le <span lang="en">twitt</span> après (et je passe mon temps au moins à re-prioriser mes <span lang="en">tweets</span> en fonction des nouvelles infos).</li>
<li>Enfin, le gros problème au niveau de la programmation de <span lang="en">tweets</span>, c&rsquo;est la fiabilité ! Il est déjà arrivé que certains de mes <span lang="en">tweets</span> ne soient pas envoyés (et le but de la programmation est de ne pas avoir à revenir vérifier que c&rsquo;est parti)</li>
</ul>
<p>J&rsquo;ai donc quitté <span lang="en">HelloTxt</span>.</p>
<p><a href="http://hellotxt.com/">http://hellotxt.com</a></p>
<h3><span lang="en">HootSuite</span></h3>
<div class="zoneImages"><img loading="lazy" decoding="async" class="size-full wp-image-1177" title="hootsuite-logo" src="http://articles.nissone.com/wp-content/uploads/2009/10/hootsuite-logo.gif" alt="HootSuite" width="200" height="56" /></div>
<p>Le tout dernier en date !<br />
Je commence tout juste et ça m&rsquo;a l&rsquo;air très bien.</p>
<ul>
<li> Je peux, sur un seul écran, voir mes <span lang="en">tweets</span> programmés, mon fil <span lang="en">Twitter</span>, les fils que je suis et les re-<span lang="en">tweets</span> que l&rsquo;on m&rsquo;a faits. (Et ça, c&rsquo;est la configuration que j&rsquo;ai choisi mais c&rsquo;est entièrement paramétrable).</li>
<li>Je peux programmer des tweets et les modifier facilement (contenu et date et heure de programmation). Les tweets sont programmables sur tranches de 5 minutes.</li>
<li>Si je veux aller plus loin, je pourrais également gérer plusieurs compte. Le système de création d&rsquo;onglet paramétrable sera très pratique pour cela.</li>
<li>Je ne peux pas répercuter les tweets automatiquement vers d&rsquo;autres services.</li>
</ul>
<p><a href="http://hootsuite.com/">http://hootsuite.com</a></p>
<div class="zoneImages"><img loading="lazy" decoding="async" class="size-full wp-image-1156" title="hootsuite-interface" src="http://articles.nissone.com/wp-content/uploads/2009/10/hootsuite-interface.gif" alt="Interface de Hootsuite" width="500" height="284" srcset="https://articles.nissone.com/wp-content/uploads/2009/10/hootsuite-interface.gif 500w, https://articles.nissone.com/wp-content/uploads/2009/10/hootsuite-interface-300x170.gif 300w" sizes="(max-width: 500px) 100vw, 500px" /></div>
<h3>MinURL</h3>
<div class="zoneImages"><img loading="lazy" decoding="async" class="size-full wp-image-1142" title="minurl-logo" src="http://articles.nissone.com/wp-content/uploads/2009/10/minurl-logo.gif" alt="MinURL" width="209" height="57" /></div>
<ul>
<li>MinURL permet de raccourcir des URL avec liens personnalisés ou non</li>
<li>Il donne des statistiques sur les liens créés via MinURL</li>
</ul>
<p>MinURL me convient très bien et je n&rsquo;ai pas, pour l&rsquo;instant, rencontré un service qui me paraisse plus avantageux pour raccourcir les URL.</p>
<p><a href="http://www.minu.me/">www.minu.me</a></p>
<div class="zoneImages"><img loading="lazy" decoding="async" class="size-full wp-image-1152" title="minurl-interface" src="http://articles.nissone.com/wp-content/uploads/2009/10/minurl-interface.gif" alt="Interface de MinURL" width="500" height="249" srcset="https://articles.nissone.com/wp-content/uploads/2009/10/minurl-interface.gif 500w, https://articles.nissone.com/wp-content/uploads/2009/10/minurl-interface-300x149.gif 300w" sizes="(max-width: 500px) 100vw, 500px" /></div>
<div class="zonePlus">Voilà où j&rsquo;en suis aujourd&rsquo;hui. Vu le nombre d&rsquo;application Twitter, je suis sûre que vous utilisez des outils différents ; vos commentaires sont les bienvenus ! D&rsquo;ailleurs, si vous connaissez mon outils de rêve (programmation de tweets, duplication sur Identi.ca et page fan Facebook, statistiques sur liens raccourcis personnalisés) et qu&rsquo;il n&rsquo;est pas cité ci-dessus, n&rsquo;hésitez-pas à me le signaler !</div>
]]></content:encoded>
					
					<wfw:commentRss>https://articles.nissone.com/2009/10/outils-gerer-programmer-repliquer-tweets/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>Ma petite pêche &#8230; de ces derniers temps</title>
		<link>https://articles.nissone.com/2009/03/ma-petite-peche-de-ces-derniers-temps/</link>
					<comments>https://articles.nissone.com/2009/03/ma-petite-peche-de-ces-derniers-temps/#respond</comments>
		
		<dc:creator><![CDATA[Delphine Malassingne]]></dc:creator>
		<pubDate>Mon, 23 Mar 2009 16:21:29 +0000</pubDate>
				<category><![CDATA[[Brève]]]></category>
		<category><![CDATA[charte]]></category>
		<category><![CDATA[éditeur de texte]]></category>
		<category><![CDATA[encodage]]></category>
		<category><![CDATA[extension]]></category>
		<category><![CDATA[fenêtre modale]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[outil]]></category>
		<category><![CDATA[statistique]]></category>
		<category><![CDATA[typographie]]></category>
		<guid isPermaLink="false">http://articles.nissone.com/?p=813</guid>

					<description><![CDATA[Voici, via Blogmarks, le ou les derniers favoris que j&#8217;ai recueillis. Les 20 meilleures extensions Firefox pour développeurs web &#8211; Alsacréations Firebug, WebDeveloper Toolbar, Validateurs, IEView / IE Tab, Colorzilla, Fireshot, Dust-Me Selectors, MeasureIt, SmushIt, FirePHP / FirePython, Live HTTP Headers, X-Ray, Greasemonkey Tags du favori : firefox extension outils Comment rédiger une charte éditoriale web&#8230;&#160;<a href="https://articles.nissone.com/2009/03/ma-petite-peche-de-ces-derniers-temps/" rel="bookmark">Lire la suite &#187;<span class="screen-reader-text">Ma petite pêche &#8230; de ces derniers temps</span></a>]]></description>
										<content:encoded><![CDATA[<div>Voici, via Blogmarks, le ou les derniers favoris que j&rsquo;ai recueillis.</div>
<ul class="fluxBlogmarks">
<li>
<p class="vignette"><a href="http://www.alsacreations.com/actu/lire/645-les-20-meilleures-extensions-firefox-developpeurs-web.html"><img decoding="async" src="http://blogmarks.net/screenshots/2009/03/13/d3ba86cf23aaa5bfbc98d490806b929c.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://www.alsacreations.com/actu/lire/645-les-20-meilleures-extensions-firefox-developpeurs-web.html">Les 20 meilleures extensions Firefox pour développeurs web &#8211; Alsacréations</a></h3>
<p class="description">
<p>Firebug, WebDeveloper Toolbar, Validateurs, IEView / IE Tab, Colorzilla, Fireshot, Dust-Me Selectors, MeasureIt, SmushIt, FirePHP / FirePython, Live HTTP Headers, X-Ray, Greasemonkey</p>
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/firefox">firefox</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/extension">extension</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/outils">outils</a></p>
</li>
<li>
<p class="vignette"><a href="http://plumeinteractive.canalblog.com/archives/2009/02/09/12446086.html"><img decoding="async" src="http://blogmarks.net/screenshots/404.php" alt="" /></a></p>
<p class="infos">
<h3><a href="http://plumeinteractive.canalblog.com/archives/2009/02/09/12446086.html">Comment rédiger une charte éditoriale web ? &#8211; Plume Interactive</a></h3>
<p class="description">
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/cahier%2Bdes%2Bchages">cahier des chages</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/r%25C3%25A9daction%2Bweb">rédaction web</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/charte">charte</a></p>
</li>
<li>
<p class="vignette"><a href="http://ec.europa.eu/ipg/index_en.htm"><img decoding="async" src="http://blogmarks.net/screenshots/2009/02/26/eaca8c5a8435dd710c5cbc0ea006789b.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://ec.europa.eu/ipg/index_en.htm">Information Providers Guide</a></h3>
<p class="description">
<p>« Ce guide est destiné aux centaines de « webmasters » à la Commission européenne. Le site Europa reste probablement le plus gros site au monde, en termes de volume d&rsquo;information, en termes de contributeurs de contenu et en termes de versions linguistiques. Un gabarit commun et des règles communes s&rsquo;avèrent indispensables pour coordonner ce gigantesque investissement éditorial.</p>
<p>Le guide des producteurs d&rsquo;information à la Commission européenne s&rsquo;avère relativement complet et il n&rsquo;en est pas à sa première version. C&rsquo;est pourquoi je vous en parle. Il pourrait inspirer d&rsquo;autres entreprises, même privées, dans la mise en place de bonnes pratiques. »</p>
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/guide">guide</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/cahier%2Bdes%2Bchages">cahier des chages</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/bonnes%2Bpratiques">bonnes pratiques</a></p>
</li>
<li>
<p class="vignette"><a href="http://www.babylon-design.com/site/index.php/2009/02/06/247-plugin-jquery-popin"><img decoding="async" src="http://blogmarks.net/screenshots/2009/02/19/1e0197976db85db09cf3dd9133836858.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://www.babylon-design.com/site/index.php/2009/02/06/247-plugin-jquery-popin">Plugin jQuery « Popin » &#8211; Babylon-Design</a></h3>
<p class="description">
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/pop-in">pop-in</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/fen%25C3%25AAtre%2Bmodale">fenêtre modale</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/jQuery">jQuery</a></p>
</li>
<li>
<p class="vignette"><a href="http://www.legifrance.gouv.fr/affichCodeArticle.do?cidTexte=LEGITEXT000006069414&amp;idArticle=LEGIARTI000006278917&amp;dateTexte=20090215"><img decoding="async" src="http://blogmarks.net/screenshots/404.php" alt="" /></a></p>
<p class="infos">
<h3><a href="http://www.legifrance.gouv.fr/affichCodeArticle.do?cidTexte=LEGITEXT000006069414&amp;idArticle=LEGIARTI000006278917&amp;dateTexte=20090215">Code de la propriété intellectuelle</a></h3>
<p class="description">
<p>Droit de courte citation</p>
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/loi">loi</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/citation">citation</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/propri%25C3%25A9t%25C3%25A9%2Bintellectuelle">propriété intellectuelle</a></p>
</li>
<li>
<p class="vignette"><a href="http://openweb.eu.org/articles/css_impression"><img decoding="async" src="http://blogmarks.net/screenshots/2009/02/18/9431e54fe7926d353da96df71448b7aa.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://openweb.eu.org/articles/css_impression">Une feuille de style pour l&rsquo;impression &#8211; Openweb.eu.org</a></h3>
<p class="description">
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/impression">impression</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/css">css</a></p>
</li>
<li>
<p class="vignette"><a href="http://openweb.eu.org/articles/changer_pour_utf8"><img decoding="async" src="http://blogmarks.net/screenshots/2009/02/18/d5bb435425155bd0411e97be3ec6ad95.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://openweb.eu.org/articles/changer_pour_utf8">Changer de jeu de caractères pour UTF-8 &#8211; Openweb.eu.org</a></h3>
<p class="description">
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/utf-8">utf-8</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/caract%25C3%25A8res">caractères</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/encodage">encodage</a></p>
</li>
<li>
<p class="vignette"><a href="http://www.campaignmonitor.com/css/"><img decoding="async" src="http://blogmarks.net/screenshots/2009/02/06/a2da7e9c1beafb25249af5f2d6586eed.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://www.campaignmonitor.com/css/">Guide to CSS support in email clients (2008) &#8211; Articles &amp; Tips &#8211; Campaign Monitor</a></h3>
<p class="description">
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/email">email</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/css">css</a></p>
</li>
<li>
<p class="vignette"><a href="http://www.theorem.ca/~mvcorks/code/charsets/latin1.html"><img decoding="async" src="http://blogmarks.net/screenshots/2009/02/05/337766a315303e300bd44ce67a019a1d.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://www.theorem.ca/~mvcorks/code/charsets/latin1.html">ISO 8859-1 Characters as HTML Entities</a></h3>
<p class="description">
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/caract%25C3%25A8res%2Bsp%25C3%25A9ciaux">caractères spéciaux</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/encodage">encodage</a></p>
</li>
<li>
<p class="vignette"><a href="http://www.deborahgarcia.net/utiliser-des-polices-exotiques-sur-un-site-web-methode-2-flir/"><img decoding="async" src="http://blogmarks.net/screenshots/2009/02/04/fe01dcfcd22f50ab27fb1292f44dbed6.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://www.deborahgarcia.net/utiliser-des-polices-exotiques-sur-un-site-web-methode-2-flir/">Utiliser des polices “exotiques” sur un site web méthode 2 : FLIR | Deborah Garcia | Blog d&rsquo;une étudiante en webdesign</a></h3>
<p class="description">
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/typographie">typographie</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/php">php</a></p>
</li>
<li>
<p class="vignette"><a href="http://webaim.org/projects/screenreadersurvey/"><img decoding="async" src="http://blogmarks.net/screenshots/2009/02/04/d9ab86a13a65358aabf081e7dab42af0.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://webaim.org/projects/screenreadersurvey/">WebAIM: Screen Reader Survey Results</a></h3>
<p class="description">
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/accessibilit%25C3%25A9">accessibilité</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/statistiques">statistiques</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/lecteur%2Bd%2527%25C3%25A9cran">lecteur d&rsquo;écran</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/webaim">webaim</a></p>
</li>
<li>
<p class="vignette"><a href="http://blog.webdistortion.com/2008/03/09/9-of-the-best-rich-text-editors-reviewed/"><img decoding="async" src="http://blogmarks.net/screenshots/2009/02/02/792b77815cfc780aebf9ac6923ab0856.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://blog.webdistortion.com/2008/03/09/9-of-the-best-rich-text-editors-reviewed/">9 of the best Rich Text editors reviewed</a></h3>
<p class="description">
<p>Une liste des 9 RTE les plus intéressants</p>
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/rte">rte</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/Rich%2BText%2BEditor">Rich Text Editor</a></p>
</li>
<li>
<p class="vignette"><a href="http://www.geniisoft.com/showcase.nsf/WebEditors"><img decoding="async" src="http://blogmarks.net/screenshots/2009/02/02/41e795e0f658f3e334b4c064dd9f52fc.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://www.geniisoft.com/showcase.nsf/WebEditors">Genii Software | WebEditors</a></h3>
<p class="description">
<p>Une liste exhaustive des RTE disponibles</p>
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/Rich%2BText%2BEditor">Rich Text Editor</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/rte">rte</a></p>
</li>
<li>
<p class="vignette"><a href="http://www.superfiction.net/blog/index.php?Conception-outils"><img decoding="async" src="http://blogmarks.net/screenshots/2009/01/06/aa84d8c10e46ddac509d3c4177dbb168.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://www.superfiction.net/blog/index.php?Conception-outils">Conception &#8211; Outils &#8211; SuperFiction, le blog ::: marketing interactif, experience utilisateur, conception multimedia</a></h3>
<p class="description">
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/outils">outils</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/prototype">prototype</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/wireframe">wireframe</a></p>
</li>
<li>
<p class="vignette"><a href="http://dillerdesign.com/experiment/DD_belatedPNG/"><img decoding="async" src="http://blogmarks.net/screenshots/2009/01/05/70aa786cd7bfd4b558f03abacc82e322.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://dillerdesign.com/experiment/DD_belatedPNG/">DD_belatedPNG: Medicine for your IE6/PNG headache!</a></h3>
<p class="description">
<p>« Voilà encore une méthode pour rendre les PNG transparents sous IE. Une autre ? Oui, mais celle-ci gère aussi tous les background-position et corrige les problèmes de liens ou select non-cliquables des autres méthodes. »<br />
(www.babylon-design.com)</p>
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/png">png</a></p>
</li>
<li>
<p class="vignette"><a href="http://www.commentcamarche.net/contents/poo/objet.php3"><img decoding="async" src="http://blogmarks.net/screenshots/2009/01/05/3a0eeb42ae8a1b3fee8bdaf1be35bd47.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://www.commentcamarche.net/contents/poo/objet.php3">Concept d&rsquo;objet</a></h3>
<p class="description">
<p>Initiation à la programmation orientée objet</p>
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/poo">poo</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/Programmation%2BOrient%25C3%25A9e%2BObjet">Programmation Orientée Objet</a></p>
</li>
<li>
<p class="vignette"><a href="http://www.my-debugbar.com/wiki/IETester/HomePage"><img decoding="async" src="http://blogmarks.net/screenshots/2009/01/05/858baf1416bf9c3182f11a8a632bae9f.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://www.my-debugbar.com/wiki/IETester/HomePage">My DebugBar | IETester / HomePage</a></h3>
<p class="description">
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/internet%2Bexplorer">internet explorer</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/outils">outils</a></p>
</li>
<li>
<p class="vignette"><a href="http://www.webrankinfo.com/actualites/200809-optimisation-du-referencement-des-images.htm"><img decoding="async" src="http://blogmarks.net/screenshots/2009/01/05/ba9abd1c7dc006979048c9b368c62711.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://www.webrankinfo.com/actualites/200809-optimisation-du-referencement-des-images.htm">Idées d&rsquo;optimisation du référencement des images &#8211; Actualité référencement par WebRankInfo</a></h3>
<p class="description">
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/r%25C3%25A9f%25C3%25A9rencement">référencement</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/image">image</a></p>
</li>
<li>
<p class="vignette"><a href="http://www.nota-bene.org/Pop-ins-et-accessibilite"><img decoding="async" src="http://blogmarks.net/screenshots/2009/01/05/fc576bcd9381b1b6fa431ee69be372d9.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://www.nota-bene.org/Pop-ins-et-accessibilite">Pop-ins et accessibilité [nota-bene.org]</a></h3>
<p class="description">
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/pop-in">pop-in</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/fen%25C3%25AAtre%2Bmodale">fenêtre modale</a></p>
</li>
<li>
<p class="vignette"><a href="http://blog.usabilis.com/post/2008/10/28/Firefox-le-complice-de-l-ergonome"><img decoding="async" src="http://blogmarks.net/screenshots/2008/12/18/41be70f51aada192f7fbaef2e93e6de6.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://blog.usabilis.com/post/2008/10/28/Firefox-le-complice-de-l-ergonome">Firefox, le complice de l&rsquo;ergonome &#8211; Usaddict &#8211; l&rsquo;ergonomie pratique</a></h3>
<p class="description">
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/int%25C3%25A9gration">intégration</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/design">design</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/ergonomie">ergonomie</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/firefox">firefox</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/extension">extension</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/accessibilit%25C3%25A9">accessibilité</a></p>
</li>
</ul>
<p class="mentions">Synchronisation automatique et quotidienne via <a title="Blogmarks, outil de gestion de favoris en ligne" href="http://blogmarks.net/">Blogmarks</a>, outil de gestion de favoris en ligne.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://articles.nissone.com/2009/03/ma-petite-peche-de-ces-derniers-temps/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Ma petite pêche du 28/11/08</title>
		<link>https://articles.nissone.com/2008/11/ma-petite-peche-du-281108/</link>
					<comments>https://articles.nissone.com/2008/11/ma-petite-peche-du-281108/#respond</comments>
		
		<dc:creator><![CDATA[Delphine Malassingne]]></dc:creator>
		<pubDate>Fri, 28 Nov 2008 11:41:27 +0000</pubDate>
				<category><![CDATA[[Brève]]]></category>
		<category><![CDATA[404]]></category>
		<category><![CDATA[contraste]]></category>
		<category><![CDATA[couleur]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[e-mail]]></category>
		<category><![CDATA[gabarit]]></category>
		<category><![CDATA[HTML / XHTML]]></category>
		<category><![CDATA[motif]]></category>
		<category><![CDATA[outil]]></category>
		<category><![CDATA[pattern]]></category>
		<guid isPermaLink="false">http://articles.nissone.com/2008/11/ma-petite-peche-du-281108/</guid>

					<description><![CDATA[Voici, via Blogmarks, le ou les derniers favoris que j&#8217;ai recueillis. POMPAGE &#8211; Emails HTML &#8211; Dompter la bête Tags du favori : email cebdev Squidfingers / Patterns Tags du favori : motif outils design Vérification du contraste des couleurs &#8211; Outils &#8211; Britoweb Tags du favori : outils contraste couleur accessibilité A List Apart: Articles: A More&#8230;&#160;<a href="https://articles.nissone.com/2008/11/ma-petite-peche-du-281108/" rel="bookmark">Lire la suite &#187;<span class="screen-reader-text">Ma petite pêche du 28/11/08</span></a>]]></description>
										<content:encoded><![CDATA[<div>Voici, via Blogmarks, le ou les derniers favoris que j&rsquo;ai recueillis.</div>
<ul class="fluxBlogmarks">
<li>
<p class="vignette"><a href="http://www.pompage.net/pompe/emails-html-dompter-la-bete/"><img decoding="async" src="http://blogmarks.net/screenshots/2008/11/25/52ff81bd39b6408ec4787e439dd8af04.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://www.pompage.net/pompe/emails-html-dompter-la-bete/">POMPAGE &#8211; Emails HTML &#8211; Dompter la bête</a></h3>
<p class="description">
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/email">email</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/cebdev">cebdev</a></p>
</li>
<li>
<p class="vignette"><a href="http://www.squidfingers.com/patterns/1/"><img decoding="async" src="http://blogmarks.net/screenshots/2008/11/25/8c5a81291057d32e380929ba5131b7ea.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://www.squidfingers.com/patterns/1/">Squidfingers / Patterns</a></h3>
<p class="description">
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/motif">motif</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/outils">outils</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/design">design</a></p>
</li>
<li>
<p class="vignette"><a href="http://www.britoweb.net/outils/contraste-couleurs.php"><img decoding="async" src="http://blogmarks.net/screenshots/2008/11/25/4325cd008b7a5155d057b38365548093.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://www.britoweb.net/outils/contraste-couleurs.php">Vérification du contraste des couleurs &#8211; Outils &#8211; Britoweb</a></h3>
<p class="description">
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/outils">outils</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/contraste">contraste</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/couleur">couleur</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/accessibilit%25C3%25A9">accessibilité</a></p>
</li>
<li>
<p class="vignette"><a href="http://www.alistapart.com/articles/amoreuseful404"><img decoding="async" src="http://blogmarks.net/screenshots/2008/11/25/52aacb82a9475b93c68f6ce84918a788.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://www.alistapart.com/articles/amoreuseful404">A List Apart: Articles: A More Useful 404</a></h3>
<p class="description">
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/404">404</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/cebdev">cebdev</a></p>
</li>
<li>
<p class="vignette"><a href="http://www.alsacreations.com/gabarits/liste.html"><img decoding="async" src="http://blogmarks.net/screenshots/404.php" alt="" /></a></p>
<p class="infos">
<h3><a href="http://www.alsacreations.com/gabarits/liste.html">Tous les gabarits — Gabarits HTML-CSS</a></h3>
<p class="description">
<p>Gabarits sur Alsacréations : « Vous pouvez utiliser ces gabarits comme base de vos mises en pages, ou tout simplement étudier leur construction pour progresser en HTML et CSS.  »</p>
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/gabarit">gabarit</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/css">css</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/xhtml">xhtml</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/html">html</a></p>
</li>
</ul>
<p class="mentions">Synchronisation automatique et quotidienne via <a title="Blogmarks, outil de gestion de favoris en ligne" href="http://blogmarks.net/">Blogmarks</a>, outil de gestion de favoris en ligne.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://articles.nissone.com/2008/11/ma-petite-peche-du-281108/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Ma petite pêche du 23/11/08</title>
		<link>https://articles.nissone.com/2008/11/ma-petite-peche-du-231108/</link>
					<comments>https://articles.nissone.com/2008/11/ma-petite-peche-du-231108/#respond</comments>
		
		<dc:creator><![CDATA[Delphine Malassingne]]></dc:creator>
		<pubDate>Sun, 23 Nov 2008 08:02:04 +0000</pubDate>
				<category><![CDATA[[Brève]]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[guide]]></category>
		<category><![CDATA[maquette]]></category>
		<category><![CDATA[outil]]></category>
		<category><![CDATA[PNG]]></category>
		<category><![CDATA[prototype]]></category>
		<category><![CDATA[référencement naturel]]></category>
		<guid isPermaLink="false">http://articles.nissone.com/2008/11/ma-petite-peche-du-231108/</guid>

					<description><![CDATA[Voici, via Blogmarks, le ou les derniers favoris que j&#8217;ai recueillis. Google SEO Guide Ramenos &#124; [Traduction] Version française du Google SEO Guide Tags du favori : google guide référencement TweakPNG Tags du favori : outils png design Maquettage express &#8211; Usaddict &#8211; l&#8217;ergonomie pratique Pour faire du prototypage. A tester. Tags du favori : prototype maquette filaire&#8230;&#160;<a href="https://articles.nissone.com/2008/11/ma-petite-peche-du-231108/" rel="bookmark">Lire la suite &#187;<span class="screen-reader-text">Ma petite pêche du 23/11/08</span></a>]]></description>
										<content:encoded><![CDATA[<div>Voici, via Blogmarks, le ou les derniers favoris que j&rsquo;ai recueillis.</div>
<ul class="fluxBlogmarks">
<li>
<p class="vignette"><a href="http://blog.ramenos.net/referencement/traduction-version-francaise-du-google-seo-guide/"><img decoding="async" src="http://blogmarks.net/screenshots/2008/11/23/e4153095bd46916e22559dfdf208d699.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://blog.ramenos.net/referencement/traduction-version-francaise-du-google-seo-guide/">Google SEO Guide</a></h3>
<p class="description">
<p>Ramenos | [Traduction] Version française du Google SEO Guide</p>
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/google">google</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/guide">guide</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/r%25C3%25A9f%25C3%25A9rencement">référencement</a></p>
</li>
<li>
<p class="vignette"><a href="http://entropymine.com/jason/tweakpng/"><img decoding="async" src="http://blogmarks.net/screenshots/2008/11/21/0d112e769adb60b022a17b1916aba626.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://entropymine.com/jason/tweakpng/">TweakPNG</a></h3>
<p class="description">
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/outils">outils</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/png">png</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/design">design</a></p>
</li>
<li>
<p class="vignette"><a href="http://blog.usabilis.com/post/2008/10/22/Prototypage-express"><img decoding="async" src="http://blogmarks.net/screenshots/2008/11/20/373ebbcffe5f64a57b946d27a7aec678.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://blog.usabilis.com/post/2008/10/22/Prototypage-express">Maquettage express &#8211; Usaddict &#8211; l&rsquo;ergonomie pratique</a></h3>
<p class="description">
<p>Pour faire du prototypage. A tester.</p>
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/prototype">prototype</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/maquette%2Bfilaire">maquette filaire</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/design">design</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/outils">outils</a></p>
</li>
</ul>
<p class="mentions">Synchronisation automatique et quotidienne via <a title="Blogmarks, outil de gestion de favoris en ligne" href="http://blogmarks.net/">Blogmarks</a>, outil de gestion de favoris en ligne.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://articles.nissone.com/2008/11/ma-petite-peche-du-231108/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Qualité et accessibilité web, vers l&#8217;amélioration continue &#8211; Élie Sloïm</title>
		<link>https://articles.nissone.com/2008/11/qualite-accessibilite-web-amelioration-continue-elie-sloim/</link>
					<comments>https://articles.nissone.com/2008/11/qualite-accessibilite-web-amelioration-continue-elie-sloim/#comments</comments>
		
		<dc:creator><![CDATA[Delphine Malassingne]]></dc:creator>
		<pubDate>Tue, 18 Nov 2008 05:01:02 +0000</pubDate>
				<category><![CDATA[[Compte-rendu]]]></category>
		<category><![CDATA[Conception de sites web]]></category>
		<category><![CDATA[Qualité web]]></category>
		<category><![CDATA[amélioration continue]]></category>
		<category><![CDATA[Élie Sloïm]]></category>
		<category><![CDATA[Mon Opquast]]></category>
		<category><![CDATA[outil]]></category>
		<category><![CDATA[Paris Web]]></category>
		<category><![CDATA[Paris Web 2008]]></category>
		<guid isPermaLink="false">http://articles.nissone.com/?p=498</guid>

					<description><![CDATA[Conférence de Élie Sloïm, de Temesis, lors de Paris Web 2008 sur l'amélioration continue de la qualité et de l'accessibilité web]]></description>
										<content:encoded><![CDATA[<p>La conférence d&rsquo;Élie Sloïm était une introduction à l&rsquo;amélioration continue de la qualité dont voici un rapide compte-rendu.</p>
<h2>Les principes techniques à respecter</h2>
<p>La <strong>séparation du fond et de la forme</strong>, en tout premier lieu, est une base indispensable à la qualité. Elle est gérée en mettant d&rsquo;un côté le contenu dans les fichiers HTML et de l&rsquo;autre la mise en forme via les fichiers CSS. Le recours au HTML, en autre, va également vous permettre de renseigner la <strong>structure sémantique</strong> de votre contenu.</p>
<p>Lors des développements, commencer par faire <strong>du pluri-média puis du spécifique</strong>, on peut ensuite également enrichir les interfaces : les interfaces sont d&rsquo;abord « pauvres » et sont fonctionnelles, puis on peut rajouter une « surcouche » d&rsquo;<strong>interfaces riches</strong>.</p>
<p>Enfin, penser à la <strong>délégation et mutualisation technique</strong>.</p>
<h2>Les principes de management</h2>
<figure id="attachment_516" aria-describedby="caption-attachment-516" style="width: 150px" class="wp-caption alignright"><img loading="lazy" decoding="async" class="size-medium wp-image-516" title="vptcs" src="http://articles.nissone.com/wp-content/uploads/2008/11/vptcs.png" alt="" width="150" height="150" /><figcaption id="caption-attachment-516" class="wp-caption-text">Le modèle VPTCS (Visibilité Perception Technique Contenu Service)</figcaption></figure>
<p>Les clés du management d&rsquo;un projet vers l&rsquo;amélioration de la qualité passe par la<strong> séparation des métiers</strong>. Le web se professionnalise et chaque aspect de la fabrication et du maintient d&rsquo;un site web passe maintenant par des spécialistes.</p>
<p>Le média implique aussi de privilégier les <strong>méthodes agiles</strong> (modèle VMC). Des <strong>itérations rapides</strong> et fréquentes seront plus efficaces. Dans le même état d&rsquo;esprit, être <strong>à l&rsquo;écoute des utilisateurs</strong> permet de savoir quels points travailler, selon quelle priorité.</p>
<p>Les <strong>modèles de qualité</strong>, tel que VPTCS (1) et les <strong>référentiels </strong>sont des éléments qui permettent de cadrer les actions et qui servent de base et d&rsquo;accompagnement.</p>
<p>Enfin, tout cela ne servirait à rien sans des <strong>contenus et services à valeur ajoutée</strong>.</p>
<h2>Les pièges à éviter</h2>
<p>Le plus gros des freins est bien sûr le <strong>rejet global</strong>. Néanmoins, il faut également se méfier de la <strong>surqualité</strong>. Voir trop bien faire amène parfois à des excès, des culs-de-sac. Parallèlement, une mauvaise démarche consisterait aussi à faire des rejets technologiques pour aplanir les contraintes de qualité ou encore de <strong>déporter </strong>les hébergements des éléments « à difficulté » pour ne pas avoir à les régler.</p>
<h2>Description de la démarche</h2>
<p>La démarche de l&rsquo;amélioration continue de la qualité passe par cinq étapes itératives :</p>
<ol>
<li>l&rsquo;<strong>inventaire </strong>: quel est le parc de site ? qui le gère ?</li>
<li>les <strong>référentiels </strong>: quels sont les critères auxquels je veux que mes sites répondent</li>
<li>l&rsquo;<strong>état des lieux</strong> : quel est le niveau de mes sites par rapport au niveau de qualité que je souhaite atteindre</li>
<li>la <strong>planification </strong>: quels sont les objectifs de mes sites ? Comment je m&rsquo;organise afin d&rsquo;atteindre ces objectifs</li>
<li>le <strong>déploiement </strong>: suivi des améliorations</li>
</ol>
<h2>L&rsquo;outil Mon Opquast</h2>
<p>L&rsquo;outil <strong>Mon Opquast</strong> s&rsquo;inscrit dans la démarche de l&rsquo;amélioration continue de la qualité. Il permet de traiter les cinq étapes décrites ci-dessus.</p>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-517" title="monopquast" src="http://articles.nissone.com/wp-content/uploads/2008/11/monopquast.gif" alt="" width="264" height="74" /></p>
<h2>Communiquer sur la qualité</h2>
<p>Une des erreurs consiste à ne vouloir communiquer sur la qualité qu&rsquo;une fois un niveau idéal atteint. Ce n&rsquo;est pas la chose à faire car ce niveau n&rsquo;est pas toujours (jamais) atteint et l&rsquo;on se prive, pendant ce temps, d&rsquo;une <strong>communication positive et récurrente </strong>sur notre démarche.</p>
<h2>L&rsquo;accessibilité</h2>
<p>L&rsquo;<strong>accessibilité </strong>est un cas difficile sur lequel il faut se pencher en fonction de ses moyens. La démarche en cinq étapes décrites ci-dessus peut s&rsquo;appliquer à ce cas là où le référentiel utilisé pourrait être <abbr title="Référentiel Général d'Accessibilité des Administration">RGAA</abbr> (déjà implémenté dans Mon Opquast), où l&rsquo;on prévoirait des formations à l&rsquo;étape de la planification et où le déploiement serait le moment de la mesure des progrès, de la communication et du retour à la planification.</p>
<div class="zonePlus">
<ul>
<li><a href="http://www.slideshare.net/elirene/sp-parisweb2008-20081113-presentation">Présentation de la conférence</a></li>
<li>Voir aussi : <a href="http://openwebgroup.eu.org/articles/conformite_validation_surqualite/">Conformité, validation et surqualité</a></li>
<li><a href="http://mon.opquast.com/">Mon Opquast </a></li>
<li>La société <a href="http://www.temesis.com/">Temesis</a></li>
</ul>
</div>
<div class="zonePlus">
<ul>
<li>(1) <a href="http://www.temesis.com/publications/article/vptcs_fr.html">Le modèle VPTCS</a> (Visibilité, Perception, Technique, Contenu, Service)</li>
</ul>
</div>
<div class="zonePlus">
<ul>
<li>Tous mes billets à propos de <a href="http://articles.nissone.com/tag/paris-web/">Paris Web</a></li>
</ul>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://articles.nissone.com/2008/11/qualite-accessibilite-web-amelioration-continue-elie-sloim/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>Ma petite pêche du 17/11/08</title>
		<link>https://articles.nissone.com/2008/11/ma-petite-peche-du-171108/</link>
					<comments>https://articles.nissone.com/2008/11/ma-petite-peche-du-171108/#respond</comments>
		
		<dc:creator><![CDATA[Delphine Malassingne]]></dc:creator>
		<pubDate>Mon, 17 Nov 2008 19:50:09 +0000</pubDate>
				<category><![CDATA[[Brève]]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[guide]]></category>
		<category><![CDATA[outil]]></category>
		<category><![CDATA[réseau social]]></category>
		<category><![CDATA[statistique]]></category>
		<category><![CDATA[Twitter]]></category>
		<guid isPermaLink="false">http://articles.nissone.com/2008/11/ma-petite-peche-du-171108/</guid>

					<description><![CDATA[Voici, via Blogmarks, le ou les derniers favoris que j&#8217;ai recueillis. TweetStats :: Graphin&#8217; Your Stats Statistiques sur son compte Twitter Tags du favori : twitter statistiques TweetWheel &#8211; Find out which of your Twitter friends know each other! Roue sociale liée au compte Twitter Tags du favori : twitter réseau social Search engine optimization starter guide&#8230;&#160;<a href="https://articles.nissone.com/2008/11/ma-petite-peche-du-171108/" rel="bookmark">Lire la suite &#187;<span class="screen-reader-text">Ma petite pêche du 17/11/08</span></a>]]></description>
										<content:encoded><![CDATA[<div>Voici, via Blogmarks, le ou les derniers favoris que j&rsquo;ai recueillis.</div>
<ul class="fluxBlogmarks">
<li>
<p class="vignette"><a href="http://www.tweetstats.com/"><img decoding="async" src="http://blogmarks.net/screenshots/2008/11/16/ac0ac70dc93e11fca0b36e0512187218.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://www.tweetstats.com/">TweetStats :: Graphin&rsquo; Your Stats</a></h3>
<p class="description">
<p>Statistiques sur son compte Twitter</p>
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/twitter">twitter</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/statistiques">statistiques</a></p>
</li>
<li>
<p class="vignette"><a href="http://www.tweetwheel.com/"><img decoding="async" src="http://blogmarks.net/screenshots/2008/11/16/95d452c5f664df8950b42c242b43cfd7.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://www.tweetwheel.com/">TweetWheel &#8211; Find out which of your Twitter friends know each other!</a></h3>
<p class="description">
<p>Roue sociale liée au compte Twitter</p>
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/twitter">twitter</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/r%25C3%25A9seau%2Bsocial">réseau social</a></p>
</li>
<li>
<p class="vignette"><a href="http://www.google.com/webmasters/docs/search-engine-optimization-starter-guide.pdf"><img decoding="async" src="http://blogmarks.net/screenshots/2008/11/16/95d452c5f664df8950b42c242b43cfd7.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://www.google.com/webmasters/docs/search-engine-optimization-starter-guide.pdf">Search engine optimization starter guide (en)</a></h3>
<p class="description">
<p>PDF avec les recommandation de Google pour des pages web optimisées pour le moteur de recherche.</p>
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/r%25C3%25A9f%25C3%25A9rencement">référencement</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/guide">guide</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/google">google</a></p>
</li>
<li>
<p class="vignette"><a href="http://www.ed-productions.com/leszed/index.php?twitter-en-entreprise-outils-et-services"><img decoding="async" src="http://blogmarks.net/screenshots/2008/11/16/629714841d2d0bd6e87f440b953805f1.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://www.ed-productions.com/leszed/index.php?twitter-en-entreprise-outils-et-services">Twitter en entreprise : outils et services</a></h3>
<p class="description">
<p>Une très longue liste (avec des liens si on en veut plus !) des différents outils et services qui nous permettent d&rsquo;exploiter Twitter.</p>
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/outils">outils</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/twitter">twitter</a></p>
</li>
</ul>
<p class="mentions">Synchronisation automatique et quotidienne via <a title="Blogmarks, outil de gestion de favoris en ligne" href="http://blogmarks.net/">Blogmarks</a>, outil de gestion de favoris en ligne.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://articles.nissone.com/2008/11/ma-petite-peche-du-171108/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Ma petite pêche du 13/11/2008</title>
		<link>https://articles.nissone.com/2008/11/ma-petite-peche-13-11-08/</link>
					<comments>https://articles.nissone.com/2008/11/ma-petite-peche-13-11-08/#respond</comments>
		
		<dc:creator><![CDATA[Delphine Malassingne]]></dc:creator>
		<pubDate>Thu, 13 Nov 2008 18:11:31 +0000</pubDate>
				<category><![CDATA[[Brève]]]></category>
		<category><![CDATA[amélioration continue]]></category>
		<category><![CDATA[e-mail]]></category>
		<category><![CDATA[ergonomie]]></category>
		<category><![CDATA[outil]]></category>
		<category><![CDATA[Qualité web]]></category>
		<category><![CDATA[standards]]></category>
		<guid isPermaLink="false">http://articles.nissone.com/?p=473</guid>

					<description><![CDATA[Voici, via Blogmarks, le ou les derniers favoris que j&#8217;ai recueillis. Mon Opquast Tags du favori : amélioration continue qualité outils Ergonomie web et logiciel, architecture de l&#8217;information, utilisabilité sites Internet – Ergolab Tags du favori : ergonomie Home &#124; Email Standards Project Tags du favori : email standards Synchronisation automatique et quotidienne via Blogmarks, outil de gestion&#8230;&#160;<a href="https://articles.nissone.com/2008/11/ma-petite-peche-13-11-08/" rel="bookmark">Lire la suite &#187;<span class="screen-reader-text">Ma petite pêche du 13/11/2008</span></a>]]></description>
										<content:encoded><![CDATA[<div>Voici, via Blogmarks, le ou les derniers favoris que j&rsquo;ai recueillis.</div>
<ul class="fluxBlogmarks">
<li>
<p class="vignette"><a href="http://mon.opquast.com/"><img decoding="async" src="http://blogmarks.net/screenshots/2008/11/13/92b3ed38690072e6234de50c8ac73567.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://mon.opquast.com/">Mon Opquast</a></h3>
<p class="description">
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/am%25C3%25A9lioration%2Bcontinue">amélioration continue</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/qualit%25C3%25A9">qualité</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/outils">outils</a></p>
</li>
<li>
<p class="vignette"><a href="http://www.ergolab.net/"><img decoding="async" src="http://blogmarks.net/screenshots/2008/11/13/9615a70a0b030e6a56bd9cc64571aaad.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://www.ergolab.net/">Ergonomie web et logiciel, architecture de l&rsquo;information, utilisabilité sites Internet – Ergolab</a></h3>
<p class="description">
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/ergonomie">ergonomie</a></p>
</li>
<li>
<p class="vignette"><a href="http://www.email-standards.org/"><img decoding="async" src="http://blogmarks.net/screenshots/2008/11/13/6d701ba0fee90f8d6b3809770cc4d014.jpg" alt="" /></a></p>
<p class="infos">
<h3><a href="http://www.email-standards.org/">Home | Email Standards Project</a></h3>
<p class="description">
<p class="tags">Tags du favori : <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/email">email</a> <a class="tag" rel="tag" href="http://blogmarks.net/user/Nissone/tag/standards">standards</a></p>
</li>
</ul>
<p class="mentions">Synchronisation automatique et quotidienne via <a title="Blogmarks, outil de gestion de favoris en ligne" href="http://blogmarks.net/">Blogmarks</a>, outil de gestion de favoris en ligne.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://articles.nissone.com/2008/11/ma-petite-peche-13-11-08/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
