<?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>Martin Vauchel { Blog } &#187; Webdesign</title>
	<atom:link href="http://www.vauchel.com/blog/category/webdesign/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.vauchel.com/blog</link>
	<description>le web de Martin Vauchel</description>
	<lastBuildDate>Wed, 10 Feb 2010 15:33:31 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Nouvelle version &#171;&#160;Replace All Characters&#160;&#187; pour Coda</title>
		<link>http://www.vauchel.com/blog/webdesign/nouvelle-version-replace-all-characters-pour-coda/</link>
		<comments>http://www.vauchel.com/blog/webdesign/nouvelle-version-replace-all-characters-pour-coda/#comments</comments>
		<pubDate>Tue, 06 Jan 2009 14:43:10 +0000</pubDate>
		<dc:creator>Martin</dc:creator>
				<category><![CDATA[Technologie]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.vauchel.com/blog/?p=140</guid>
		<description><![CDATA[Allez hop ! je viens de mettre en ligne la version 0.3 du plugin de remplacement de caractères spéciaux pour Coda.
Cette version corrige le raccourci clavier pour l&#8217;option principale de remplacement de tous les caracères spéciaux car la version 1.6.1 de Coda a &#171;&#160;cassé&#160;&#187; le précédent (??? L&#8217;ancien raccourci n&#8217;est pourtant pas utilisé dans l&#8217;appli&#8230;). [...]]]></description>
			<content:encoded><![CDATA[<p>Allez hop ! je viens de mettre en ligne la version 0.3 du plugin de remplacement de caractères spéciaux pour Coda.</p>
<p>Cette version corrige le raccourci clavier pour l&#8217;option principale de remplacement de tous les caracères spéciaux car la version 1.6.1 de Coda a &laquo;&nbsp;cassé&nbsp;&raquo; le précédent (??? L&#8217;ancien raccourci n&#8217;est pourtant pas utilisé dans l&#8217;appli&#8230;). Il faut désormais faire <em>shift-pomme-H</em>.</p>
<p>Débarque également une nouvelle option pour remplacer des esperluettes (&amp;).</p>
<p>Récupérez la nouvelle version sur la page du plugin <a href="/blog/webdesign/plug-in-caracteres-speciaux-pour-coda/"><em>Replace All Characters</em></a>.</p>
<p>Vos retours et suggestions sont bien entendu bienvenus !</p>
]]></content:encoded>
			<wfw:commentRss>http://www.vauchel.com/blog/webdesign/nouvelle-version-replace-all-characters-pour-coda/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Plug-in &#171;&#160;Caractères Spéciaux&#160;&#187; pour Coda</title>
		<link>http://www.vauchel.com/blog/webdesign/plug-in-caracteres-speciaux-pour-coda/</link>
		<comments>http://www.vauchel.com/blog/webdesign/plug-in-caracteres-speciaux-pour-coda/#comments</comments>
		<pubDate>Fri, 28 Nov 2008 13:41:52 +0000</pubDate>
		<dc:creator>Martin</dc:creator>
				<category><![CDATA[Technologie]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.vauchel.com/blog/?p=58</guid>
		<description><![CDATA[
English instructions can be found below the french text.
Ce plug-in pour l&#8217;éditeur HTML Coda (édité par Panic) permet de remplacer les caractères spéciaux par leur équivalent HTML (ex : É devient &#38;Eacute;). Il est basé sur le plugin Accent2HTML.
Ce plug-in nécessite la version 1.6 de Coda.
Utilisation :
Vous pouvez choisir de remplacer tous les caractères spéciaux [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-60" title="Logo Coda" src="http://www.vauchel.com/blog/wp-content/uploads/2008/11/coda_logo.png" alt="" width="143" height="146" /></p>
<p><a href="#english">English instructions can be found below the french text.</a></p>
<p>Ce plug-in pour l&#8217;éditeur HTML Coda (édité par <a title="Site de Panic, éditeur de logiciel Mac (en)" href="http://www.panic.com/coda" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.panic.com/coda?referer=');">Panic</a>) permet de remplacer les caractères spéciaux par leur équivalent HTML (ex : <em>É</em> devient <em>&amp;Eacute;</em>). Il est basé sur le plugin <a title="Page du plugin Accent2HTML (fr)" href="http://ingrid.lefevre.club.fr/Accent2HTML/Accent2HTML_(fr).html" target="_blank" onclick="pageTracker._trackPageview('/outgoing/ingrid.lefevre.club.fr/Accent2HTML/Accent2HTML_fr_.html?referer=');">Accent2HTML</a>.</p>
<p>Ce plug-in nécessite la version 1.6 de Coda.</p>
<h3><strong>Utilisation :</strong></h3>
<p>Vous pouvez choisir de remplacer tous les caractères spéciaux que le plug-in connait ou bien d&#8217;appliquer le remplacement d&#8217;une certaine catégorie de caractères spéciaux seulement. Sélectionnez simplement le texte que vous souhaitez traiter à l&#8217;aide du plug-in et choisissez l&#8217;option qui vous convient depuis le menu <em>Replace Special Characters</em> disponible dans le menu Plug-ins de Coda. Les choix disponibles sont :</p>
<ul>
<li><em>Replace All Special Characters</em> : Tous les caractères que le plug-in connait seront remplacés. Cette option est accessible avec le raccourci clavier <em>shift-cmd-H</em> (shift-pomme-H).</li>
<li><em>Accents and Ligatures</em> : seul les caractères accentués et les lettres ligaturées (ex : œ) seront remplacés.</li>
<li><em>Punctuation Marks</em> : remplace les signes de ponctuations (ex : “ ¿ « »).</li>
<li><em>Special Letters</em> : remplace les lettres spéciales comme Ø, Ð ou ß.</li>
<li><em>Trademarks, Currencies, etc.</em> : remplace les signes de monnaies et les divers signes de copyrights.</li>
<li><em>Greek Alphabet</em> : remplace les lettres de l&#8217;alphabet Grec.</li>
<li><em>Sciences Characters</em> : remplace les signes comme ¼, ‰, ÷ ou encore ≤.</li>
<li><em>Ampersand (&amp;)</em> : remplace les signes esperluettes (&amp;). A manier avec précaution ! Sélectionnez des portions de texte sans caractères spéciaux déjà encodé (ex : &amp;eacute;) sous peine de &laquo;&nbsp;pourrir&nbsp;&raquo; votre code&#8230;  Cette option est accessible avec le raccourci clavier <em>cmd-&amp;</em> (pomme-&amp;).</li>
</ul>
<p>La liste complète des caractères traités peut être consultée sur <a title="Liste des codes HTML pour les caractères spéciaux (fr) " href="http://alexandre.alapetite.net/doc-alex/alx_special.html" target="_blank" onclick="pageTracker._trackPageview('/outgoing/alexandre.alapetite.net/doc-alex/alx_special.html?referer=');">cette page</a>. Je n&#8217;ai pas intégré la dernière partie de la page, Divers caractères, car il ne sont pas forcément bien reconnu par tous les navigateurs. J&#8217;ai également exclu la conversion des caractères &amp;, &lt; et &gt; afin de permettre l&#8217;application du plug-in à une large portion de code HTML sans pour autant le corrompre. Pour répondre à une demande j&#8217;ai ajouté une option permettant le remplacement spécifique du symbole &#038;.</p>
<div style="margin: 10px 20px 0pt 100px; width: auto; float: left;"><a onclick="javascript:urchinTracker ('/plugin-special-characters.zip'); " href="http://www.vauchel.com/blog/wp-content/uploads/2009/01/replacespecialcharacters-03.zip"><img class="size-full wp-image-72" title="coda-plugin" src="http://www.vauchel.com/blog/wp-content/uploads/2008/11/coda-plugin.png" alt="" width="100" height="100" /></a></div>
<div style="margin: 10px 0pt 0pt; width: auto; float: left; padding-top: 40px;"><a onclick="javascript:urchinTracker ('/plugin-special-characters.zip'); " href="http://www.vauchel.com/blog/wp-content/uploads/2009/01/replacespecialcharacters-03.zip">téléchargez le plug-in</a> (36 Ko)</div>
<div style="visibility:hidden;margin:0;clear:both;"></div>
<p><a name="english"></a></p>
<h2>Replace Special Characters plug-in for Panic Coda</h2>
<p>This plug-in for HTML editor Coda (from Mac software editor <a title="Website of Mac Software editor Panic (en)" href="http://www.panic.com/coda" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.panic.com/coda?referer=');">Panic</a>) allows to replace special characters by their equivalent HTML code (ex: <em>É</em> becomes <em>&amp;Eacute;</em>). It&#8217;s based on another Coda plug-in: <a title="Page du plugin Accent2HTML (en)" href="http://ingrid.lefevre.club.fr/Accent2HTML/Accent2HTML_(en).html" target="_blank" onclick="pageTracker._trackPageview('/outgoing/ingrid.lefevre.club.fr/Accent2HTML/Accent2HTML_en_.html?referer=');">Accent2HTML</a>.</p>
<p>This plug-in requires Panic Coda 1.6.</p>
<h3><strong>How to use it:</strong></h3>
<p>You can choose to replace all special characters that the plug-in knows about or to replace characters from a specific category only. Just select the code you want to be processed by the plug-in then choose your option from the <em>Replace Special Characters</em> in Coda plug-ins menu. Available options are:</p>
<ul>
<li><em>Replace All Special Characters</em>: All known special characters will be replaced. This option has a keyboard shortcut: <em>shift-cmd-M</em>.</li>
<li><em>Accents and Ligatures</em>: only letters with accents or ligatures (ex: œ, é) will be replaced.</li>
<li><em>Punctuation Marks</em>: quite self explanatory (ex: “ ¿ « »).</li>
<li><em>Special Letters</em>: will replace special letters such as Ø, Ð or ß.</li>
<li><em>Trademarks, Currencies, etc.</em>: will replace known currencies signs and copyrights characters.</li>
<li><em>Greek Alphabet</em>: will replace letters from the Greek alphabet.</li>
<li><em>Sciences Characters</em>: will replace known scientific signs such as ¼, ‰, ÷ or ≤.</li>
<li><em>Ampersand (&amp;)</em>: will replace ampersands (&amp;) only. Use with care: you will garbage your HTML markup if you apply this option on a selection of code that includes already encoded special characters (ex : &amp;eacute; will become &amp;amp;eacute;). This option has a keyboard shortcut: <em>cmd-&amp;</em>.</li>
</ul>
<p>The complete list of characters processed is available on <a title="Liste des codes HTML pour les caractères spéciaux (fr) " href="http://alexandre.alapetite.net/doc-alex/alx_special.html" target="_blank" onclick="pageTracker._trackPageview('/outgoing/alexandre.alapetite.net/doc-alex/alx_special.html?referer=');">this page</a>. I didn&#8217;t include the last part of the page (Divers caractères) because they are not well supported in all browsers and should be avoided. I also left out &amp;, &lt; and &gt; in order to allow the use of the plug-in on large chunks of HTML code without any risks of messing it up. On request I&#8217;ve added a specific option to separatly convert ampersands (&amp;).</p>
<div style="margin: 10px 20px 30px 100px; width: auto; float: left;"><a onclick="javascript:urchinTracker ('/plugin-special-characters.zip'); " href="http://www.vauchel.com/blog/wp-content/uploads/2009/01/replacespecialcharacters-03.zip"><img class="size-full wp-image-72" title="coda-plugin" src="http://www.vauchel.com/blog/wp-content/uploads/2008/11/coda-plugin.png" alt="" width="100" height="100" /></a></div>
<div style="margin: 10px 0pt 20px; width: auto; float: left; padding-top: 40px;"><a onclick="javascript:urchinTracker ('/plugin-special-characters.zip'); " href="http://www.vauchel.com/blog/wp-content/uploads/2009/01/replacespecialcharacters-03.zip">Download the plug-in</a> (36 Kb)</div>
<div style="visibility:hidden;margin:0;clear:both;"></div>
]]></content:encoded>
			<wfw:commentRss>http://www.vauchel.com/blog/webdesign/plug-in-caracteres-speciaux-pour-coda/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>Un petit Totoro pour Thomas</title>
		<link>http://www.vauchel.com/blog/webdesign/un-petit-totoro-pour-thomas/</link>
		<comments>http://www.vauchel.com/blog/webdesign/un-petit-totoro-pour-thomas/#comments</comments>
		<pubDate>Tue, 15 Jul 2008 13:47:07 +0000</pubDate>
		<dc:creator>Martin</dc:creator>
				<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.vauchel.com/blog/?p=12</guid>
		<description><![CDATA[Voilà une petite adaptation du thème Bluebird de Randa Clay faite pour le blog d&#8217;un tout nouveau petit Thomas&#8230; Ouuuh comme c&#8217;est chou !

]]></description>
			<content:encoded><![CDATA[<p>Voilà une petite adaptation du thème Bluebird de <a href="http://randaclay.com/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/randaclay.com/?referer=');">Randa Clay</a> faite pour le blog d&#8217;un tout nouveau petit Thomas&#8230; Ouuuh comme c&#8217;est chou !</p>
<p><a href="http://www.vauchel.com/blog/wp-content/uploads/2008/07/totoro.jpg" class="lightview" rel="gallery[12]" title="totoro"><img class="alignnone size-thumbnail wp-image-13" title="totoro" src="http://www.vauchel.com/blog/wp-content/uploads/2008/07/totoro-150x150.jpg" alt="" width="150" height="150" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.vauchel.com/blog/webdesign/un-petit-totoro-pour-thomas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Avant première, en présence de l&#8217;auteur&#8230;</title>
		<link>http://www.vauchel.com/blog/webdesign/avant-premiere-en-presence-de-lauteur/</link>
		<comments>http://www.vauchel.com/blog/webdesign/avant-premiere-en-presence-de-lauteur/#comments</comments>
		<pubDate>Tue, 08 Jul 2008 12:22:15 +0000</pubDate>
		<dc:creator>Martin</dc:creator>
				<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.vauchel.com/blog/?p=4</guid>
		<description><![CDATA[Voila un premier jet de l&#8217;interface du blog (renommé MeBlog semble t-il&#8230;). C&#8217;est encore en gestation. Je voudrais être vraiment emballé avant de me lancer dans le codage du thème. Je cherche notamment une bonne idée pour mettre en page 2 ou 3 liens importants (CV, Cokliko, &#8230;).

J&#8217;avais envie de poster ça tout de suite [...]]]></description>
			<content:encoded><![CDATA[<p>Voila un premier jet de l&#8217;interface du blog (renommé MeBlog semble t-il&#8230;). C&#8217;est encore en gestation. Je voudrais être vraiment emballé avant de me lancer dans le codage du thème. Je cherche notamment une bonne idée pour mettre en page 2 ou 3 liens importants (CV, Cokliko, &#8230;).</p>
<p><a href="http://www.vauchel.com/blog/wp-content/uploads/2008/07/interfacebeta.jpg" class="lightview" rel="gallery[4]" title="Interface 0.1 :: Projet de thème pour MeBlog"><img class="aligncenter size-thumbnail wp-image-5" title="interface 0.1" src="http://www.vauchel.com/blog/wp-content/uploads/2008/07/interfacebeta-150x150.jpg" alt="Projet de theme pour MeBlog" width="150" height="150" /></a></p>
<p>J&#8217;avais envie de poster ça tout de suite parce que je ne sais pas trop quand j&#8217;aurai le temps de finaliser l&#8217;ensemble.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.vauchel.com/blog/webdesign/avant-premiere-en-presence-de-lauteur/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>One more blog en plus</title>
		<link>http://www.vauchel.com/blog/quotidien/un-nouveau-blog/</link>
		<comments>http://www.vauchel.com/blog/quotidien/un-nouveau-blog/#comments</comments>
		<pubDate>Tue, 01 Jul 2008 14:20:46 +0000</pubDate>
		<dc:creator>Martin</dc:creator>
				<category><![CDATA[Quotidien]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.vauchel.com/blog/?p=3</guid>
		<description><![CDATA[Bonjour la toile. Voilà je lance mon propre petit espace pour raconter toutes les petites et grandes choses qui me passe par la tête. Peut être aussi quelques petits tutos si ça se trouve. J&#8217;imagine que les choses bougerons par étape, avec tout d&#8217;abord la nécessité de créer un thème à mon goût pour Wordpress [...]]]></description>
			<content:encoded><![CDATA[<p>Bonjour la toile. Voilà je lance mon propre petit espace pour raconter toutes les petites et grandes choses qui me passe par la tête. Peut être aussi quelques petits tutos si ça se trouve. J&#8217;imagine que les choses bougerons par étape, avec tout d&#8217;abord la nécessité de créer un thème à mon goût pour Wordpress (jusqu&#8217;ici j&#8217;ai toujours, <a href="http://www.cokliko.fr" target="_self" onclick="pageTracker._trackPageview('/outgoing/www.cokliko.fr?referer=');">et continue d&#8217;ailleurs</a>, utilisé Dotclear 2). L&#8217;idée étant, en découvrant les entrailles de ce moteur, de pouvoir comparer et définir s&#8217;il ne serait pas bon de porter Cokliko sur cette plateforme.</p>
<p>Accessoirement, je suis à la recherche d&#8217;un emploi sur Lyon, où je vit maintenant, et il semble être plus cohérent de publier ici ces petites choses qui ce rapprochent de mon activité professionnelle plutôt que d&#8217;agréger le tout à <a href="http://www.cokliko.fr" onclick="pageTracker._trackPageview('/outgoing/www.cokliko.fr?referer=');">Cokliko</a>, le blog culturel que je partage avec ma compagne.</p>
<p>Pour l&#8217;instant, that&#8217;s all folks!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.vauchel.com/blog/quotidien/un-nouveau-blog/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
