<?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>Deldie &#187; plugin</title>
	<atom:link href="http://www.deldie.net/blog/tag/plugin/feed" rel="self" type="application/rss+xml" />
	<link>http://www.deldie.net/blog</link>
	<description>Bienvenue sur le blog de Delphine Dietrich</description>
	<lastBuildDate>Mon, 14 Nov 2011 19:13:24 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Insérez votre flux RSS dans votre signature d&#8217;email</title>
		<link>http://www.deldie.net/blog/rss-blog-signature-email</link>
		<comments>http://www.deldie.net/blog/rss-blog-signature-email#comments</comments>
		<pubDate>Sat, 06 Nov 2010 20:26:48 +0000</pubDate>
		<dc:creator>Delphine Dietrich</dc:creator>
				<category><![CDATA[Ressources utiles]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[extension]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[rss]]></category>

		<guid isPermaLink="false">http://www.deldie.net/blog/?p=1696</guid>
		<description><![CDATA[Une bonne idée pour faire la promo de son blog tout en rendant sa signature d&#8217;email dynamique : insérer un lien vers son dernier article de blog.
Vous y avez probablement déjà pensé mais vous ne savez pas comment faire, si ce n&#8217;est en éditant régulièrement votre signature HTML ? Et bien Wisestamp, l&#8217;extension pour Firefox/Chrome [...]]]></description>
			<content:encoded><![CDATA[<p><a href="/blog/rss-blog-signature-email"><img style="padding: 0pt 20px 10px 0pt; width: 70px; height: 70px; border: 0pt none; float: left;" src="/blog/wp-content/uploads/2010/11/wisestamp.jpg" alt="" /></a>Une bonne idée pour<strong> faire la promo de son blog</strong> tout en rendant sa <strong>signature d&#8217;email dynamique</strong> : insérer un lien vers son dernier article de blog.</p>
<p>Vous y avez probablement déjà pensé mais vous ne savez pas comment faire, si ce n&#8217;est en éditant régulièrement votre signature HTML ? Et bien <strong>Wisestamp</strong>, l&#8217;extension pour Firefox/Chrome dont je vous avais déjà parlé dans l&#8217;article <a href="http://www.deldie.net/blog/signature-html-gmail">Une signature HTML sur Gmail</a>, intègre maintenant une galerie d&#8217;applications dont une qui récupère le <strong>lien vers votre dernier article de blog</strong> grâce à votre flux <strong>RSS</strong>.<span id="more-1696"></span></p>
<p>Voici un exemple de signature :<br />
<img style="margin:10px 0" src="/blog/wp-content/uploads/2010/11/signature-wisestamp.jpg" alt="Exemple de signature avec wisestamp" width="516px" height="111px" /></p>
<p>Seul petit détail dommage : si le texte précédent le lien est personnalisable (ici : My blog), le style et l&#8217;emplacement ne le sont pas.</p>
<p>Pour télécharger l&#8217;extension, c&#8217;est par ici : <a rel="nofollow" href="https://addons.mozilla.org/fr/firefox/addon/8206/" target="_blank">&gt;&gt; extension pour Firefox</a><br />
<a rel="nofollow" style="margin-left:249px;" href="http://www.wisestamp.com/google-chrome-extension" target="_blank">&gt;&gt; extension pour Chrome</a></p>
<p>Montrez-moi vos signatures !</p>
]]></content:encoded>
			<wfw:commentRss>http://www.deldie.net/blog/rss-blog-signature-email/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Formulaires : la gestion des erreurs avec le plugin Ketchup</title>
		<link>http://www.deldie.net/blog/gestion-erreurs-formulaire</link>
		<comments>http://www.deldie.net/blog/gestion-erreurs-formulaire#comments</comments>
		<pubDate>Sun, 07 Mar 2010 19:07:26 +0000</pubDate>
		<dc:creator>Delphine Dietrich</dc:creator>
				<category><![CDATA[Design & Conception]]></category>
		<category><![CDATA[ergonomie]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://www.deldie.net/blog/?p=1341</guid>
		<description><![CDATA[Le remplissage de formulaires est souvent une étape qui rebute les utilisateurs, qui sont là pour recevoir des informations et aiment peu en donner. Travailler l&#8217;ergonomie des formulaires est très important pour qu&#8217;ils ne soient pas des facteurs d&#8217;abandon.
Parmi les nombreux points qu&#8217;il faut soigner lors de la création d&#8217;un formulaire, la gestion des erreurs est cruciale. [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.deldie.net/blog/gestion-erreurs-formulaire"><img style="margin: 5px 15px 0 0; height: 48px; width: 48px; float: left;" src="http://www.deldie.net/blog/wp-content/uploads/2010/03/formulaire.png" alt="" /></a>Le remplissage de formulaires est souvent une étape qui rebute les utilisateurs, qui sont là pour recevoir des informations et aiment peu en donner. Travailler l&#8217;<strong>ergonomie des formulaires</strong> est très important pour qu&#8217;ils ne soient pas des facteurs d&#8217;abandon.</p>
<p>Parmi les nombreux points qu&#8217;il faut soigner lors de la création d&#8217;un formulaire, la <strong>gestion des erreurs</strong> est cruciale. <span id="more-1341"></span>Rien de plus énervant que de se faire renvoyer sur le formulaire avec des messages d&#8217;erreurs regroupés en haut de la page ou dans un pop-up. Encore pire si entre temps certains champs (souvent le mot de passe et sa confirmation) ont été effacés. Il y a certains formulaires qu&#8217;on valide 3 ou 4 fois avant de se voir autoriser à accéder à la page suivante !</p>
<h4>Une gestion optimisée des erreurs, c&#8217;est</h4>
<ul>
<li>Dans un premier temps, utiliser des libellés clairs et donner une explication ou un exemple si nécessaire, pour éviter que l&#8217;utilisateur fasse des erreurs.</li>
<li>Afficher un message d&#8217;erreur clair, situé au niveau de l&#8217;erreur. Et le must : une <strong>vérification à la volée</strong>, c&#8217;est à dire lors du passage au champs suivant, et pas uniquement lors de la validation finale du formulaire. C&#8217;est de cela qu&#8217;il est question avec le <strong>plugin Ketchup</strong>.</li>
</ul>
<p>Ce plugin qui utilise le <strong>jQuery</strong> permet d&#8217;afficher un message dans une bulle couleur Ketchup lorsque le contenu d&#8217;un champs n&#8217;est pas correct. Et bien entendu, la bulle disparait lorsque la saisie est corrigée.</p>
<p><img style="margin: 10px 0; height: 150px; width: 431px;" src="http://www.deldie.net/blog/wp-content/uploads/2010/03/ketchup-gestion-erreurs-formulaire.jpg" alt="gestion des erreurs à la volée avec le plugin jQuery Ketchup" /></p>
<p><strong>Ketchup gère 17 validations, qui peuvent être combinées.</strong> Pour les autres, il faudra les ajouter soi-même. Et concernant l&#8217;apparence des messages d&#8217;erreur ou le message en lui même, il ne tient qu&#8217;à vous de les adapter.</p>
<p>Toutes les infos pour installer ce plugin sur le site du <a href="http://demos.usejquery.com/ketchup-plugin/">plugin Ketchup</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.deldie.net/blog/gestion-erreurs-formulaire/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Une signature HTML sur Gmail avec Google Chrome</title>
		<link>http://www.deldie.net/blog/signature-gmail-goole-chrome</link>
		<comments>http://www.deldie.net/blog/signature-gmail-goole-chrome#comments</comments>
		<pubDate>Mon, 11 Jan 2010 07:00:14 +0000</pubDate>
		<dc:creator>Delphine Dietrich</dc:creator>
				<category><![CDATA[Ressources utiles]]></category>
		<category><![CDATA[extension]]></category>
		<category><![CDATA[google chrome]]></category>
		<category><![CDATA[plugin]]></category>

		<guid isPermaLink="false">http://www.deldie.net/blog/?p=1137</guid>
		<description><![CDATA[Suite à la publication de l&#8217;article Une signature HTML sur Gmail avec la présentation de l&#8217;extension Wisestamp pour Firefox, vous avez été nombreux à chercher une extension équivalente pour Google Chrome.
Voilà qui peut faire l&#8217;affaire : Autopen 

Merci Jb pour ton commentaire !
Cette extension pour Google Chrome permet également de créer une signature HTML pour [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.deldie.net/blog/signature-gmail-goole-chrome"><img style="margin: 0 20px 0pt 0; float: left; width: 93px; height: 60px;" src="/blog/wp-content/uploads/2010/01/autopen.jpg" border="0" alt="" />Suite à la publication de l&#8217;article <a href="http://www.deldie.net/blog/signature-html-gmail">Une signature HTML sur Gmail</a> avec la présentation de l&#8217;extension <strong>Wisestamp</strong> pour <strong>Firefox</strong>, vous avez été nombreux à chercher une extension équivalente pour <strong>Google Chrome</strong>.</p>
<p>Voilà qui peut faire l&#8217;affaire : <a href="https://chrome.google.com/extensions/detail/cmjcoiohflenpehfaalahocpmacjloof" target="_blank">Autopen</a> <span id="more-1137"></span></p>
<p><img style="border: 1px solid #aaaaaa; margin: 10px 0; padding: 10px;" src="/blog/wp-content/uploads/2010/01/autopen-google-chrome-extension.jpg" alt="Autopen : extension Google Chrome pour créer une signqture HTML sur Gmail" width="540px" height="325px" /></p>
<p>Merci <a href="http://www.deldie.net/blog/signature-html-gmail/comment-page-1#comment-286">Jb</a> pour ton commentaire !</p>
<p>Cette <strong>extension pour Google Chrome</strong> permet également de créer une <strong>signature HTML pour Gmail</strong>. Une fois l&#8217;extension installée, l&#8217;icône Autopen en haut à droite permet d&#8217;accéder à une interface de création de la signature assez élaborée.</p>
<p>Cependant je trouve que cette extension est tout de même loin d&#8217;être aussi bien que Wisestamp. Tout d&#8217;abord, j&#8217;avais été séduite par l&#8217;interface de création de signature de Wisestamp, qui propose l&#8217;ajout d&#8217;icônes avec des liens vers nos profils sur les réseaux sociaux, des identifiants de messageries, ou de flux RSS. Il n&#8217;y a plus qu&#8217;à bidouiller un peu le code HTML pour arranger sa signature à sa sauce. Ensuite, Autopen ne fonctionne que pour Gmail et Yahoo! Mail. Enfin, avec Autopen, il faut cliquer sur l&#8217;icône puis sur insert à chaque fois que l&#8217;on veut ajouter sa signature, alors qu&#8217;avec Wisestamp la signature est ajoutée automatiquement à chaque création de nouveau mail.</p>
<p>Enfin, comme je le disais plus haut ça fait l&#8217;affaire, et puis si vous avez déjà créé votre signature sur Wisestamp vous n&#8217;avez plus qu&#8217;à copier coller le code HTML d&#8217;une interface à l&#8217;autre.</p>
<p><script>scoopeo_url='http://www.deldie.net/blog/signature-gmail-goole-chrome'</script><script language='javascript' src='http://scoopeo.com/clicker/insert/oneline'></script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.deldie.net/blog/signature-gmail-goole-chrome/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Une signature HTML sur Gmail</title>
		<link>http://www.deldie.net/blog/signature-html-gmail</link>
		<comments>http://www.deldie.net/blog/signature-html-gmail#comments</comments>
		<pubDate>Tue, 29 Dec 2009 07:00:49 +0000</pubDate>
		<dc:creator>Delphine Dietrich</dc:creator>
				<category><![CDATA[Ressources utiles]]></category>
		<category><![CDATA[extension]]></category>
		<category><![CDATA[plugin]]></category>

		<guid isPermaLink="false">http://www.deldie.net/blog/?p=1045</guid>
		<description><![CDATA[Gmail ne permet pas de mettre sa signature en forme : pas d&#8217;images, pas de liens, uniquement du texte brut. Cette extension pour Firefox permet d&#8217;y remédier : Wisestamp
On peut facilement mettre le texte en forme et ajouter des icônes avec des liens vers nos profils sur les réseaux sociaux, indiquer ses identifiants sur les [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Gmail </strong>ne permet pas de <strong>mettre sa signature en forme</strong> : pas d&#8217;images, pas de liens, uniquement du texte brut. Cette extension pour Firefox permet d&#8217;y remédier : <a href="http://www.wisestamp.com/" target="_blank">Wisestamp</a><span id="more-1045"></span></p>
<p>On peut facilement mettre le texte en forme et ajouter des <strong>icônes</strong> avec des liens vers nos profils sur les <strong>réseaux sociaux</strong>, indiquer ses identifiants sur les <strong>messageries</strong>, inviter à s&#8217;abonner à son flux <strong>RSS</strong>&#8230; et aller plus loin en codant en HTML.</p>
<p><img style="border: 1px solid #aaaaaa; margin: 10px 0; padding: 10px;" src="/blog/wp-content/uploads/2009/12/creer-sa-signature.jpg" alt="Interface de création de la signature" width="540px" height="479px" /></p>
<p>La <strong>signature</strong> est automatiquement présente dans le champ où on rédige les emails, et pas uniquement sur gmail, <strong>sur toutes les boites mail</strong>. Utile pour Gmail puisque son module de base est limité au texte brut, mais cela est également pratique pour uniformiser sa signature sur toutes ses boites mails.</p>
<p><img style="border: 1px solid #aaaaaa; margin: 10px 0; padding: 10px;" src="/blog/wp-content/uploads/2009/12/signature-html-gmail.jpg" alt="Signature HTML Gmail avec Wisestamp" width="540px" height="326px" /></p>
<p>Il est également possible de créer deux signatures, une &laquo;&nbsp;Personal&nbsp;&raquo; et une &laquo;&nbsp;Business&nbsp;&raquo;, et de switcher très facilement de l&#8217;une à l&#8217;autre.</p>
<p><img style="border: 1px solid #aaaaaa; margin: 10px 0; padding: 10px;" src="/blog/wp-content/uploads/2009/12/wisestamp-choix-signature.jpg" alt="Wisestamp signature" width="188px" height="175px" /></p>
<p>Wisestamp a été élu &laquo;&nbsp;Best social media gadget&nbsp;&raquo; aux  Open Web Awards 2009.</p>
<p><script type="text/javascript">// <![CDATA[
 scoopeo_url='http://www.deldie.net/blog/signature-html-gmail'
// ]]&gt;</script><script src="http://scoopeo.com/clicker/insert/oneline"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.deldie.net/blog/signature-html-gmail/feed</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
	</channel>
</rss>

