428 lines
No EOL
17 KiB
HTML
428 lines
No EOL
17 KiB
HTML
<?xml version="1.0" encoding="utf-8"?>
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
|
|
<link rel="shortcut icon" type="image/x-icon" href="/Scratch/img/favicon.ico" />
|
|
<link rel="stylesheet" type="text/css" href="/Scratch/assets/css/main.css" />
|
|
<link rel="alternate" type="application/rss+xml" title="RSS" href="http://feeds.feedburner.com/yannespositocomfr"/>
|
|
<link rel="alternate" lang="fr" xml:lang="fr" title="Blog" type="text/html" hreflang="fr" href="/Scratch/fr/blog/" />
|
|
<link rel="alternate" lang="en" xml:lang="en" title="Blog" type="text/html" hreflang="en" href="/Scratch/en/blog/" />
|
|
<script type="text/javascript" src="/Scratch/js/jquery-1.3.1.min.js"></script>
|
|
<script type="text/javascript" src="/Scratch/js/jquery.cookie.js"></script>
|
|
<script type="text/javascript" src="/Scratch/js/index.js"></script>
|
|
<!--[if lt IE 9]>
|
|
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
|
|
<![endif]-->
|
|
<title>Blog</title>
|
|
</head>
|
|
<body lang="fr">
|
|
<script type="text/javascript">// <![CDATA[
|
|
document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
|
|
// ]]>
|
|
</script>
|
|
|
|
<div id="content">
|
|
|
|
<div id="entete">
|
|
<div id="choix">
|
|
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/yannespositocomfr">s'abonner</a></div>
|
|
<div id="choixlang"><a href="/Scratch/en/blog/" onclick="setLanguage('en')">in English</a></div>
|
|
<div class="flush"></div>
|
|
</div>
|
|
<div id="liens"><ul><li><a href="/Scratch/fr/">Bienvenue</a></li>
|
|
<li><span class="active" title="You're here.">Blog</span></li>
|
|
<li><a href="/Scratch/fr/softwares/">Softwares</a></li>
|
|
<li><a href="/Scratch/fr/about/">À propos</a></li></ul></div>
|
|
</div>
|
|
|
|
<img src="/Scratch/img/presentation.png" alt="Presentation drawing"/>
|
|
<div id="titre">
|
|
<h1>
|
|
Blog
|
|
</h1>
|
|
|
|
</div>
|
|
|
|
<div class="flush"></div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="flush"></div>
|
|
|
|
<div id="afterheader">
|
|
<div class="corps">
|
|
|
|
|
|
<ul>
|
|
<li> <a href="#last-articles">Les 5 derniers articles <span class="nicer">⇓</span></a></li>
|
|
<li> <a href="#tagcloud">Nuage de mots clés <span class="nicer">⇓</span></a></li>
|
|
<li> <a href="#archives">Achives <span class="nicer">⇓</span></a></li>
|
|
<li> <a href="#un-petit-mot-sur-le-contenu">Un petit mot sur le contenu <span class="nicer">⇓</span></a></li>
|
|
</ul>
|
|
|
|
<h2 id="last-articles">
|
|
Les 5 derniers articles
|
|
</h2>
|
|
|
|
</div>
|
|
|
|
|
|
<h1>
|
|
<span class="date">
|
|
<span class="day">20</span>
|
|
<span class="month">Oct</span>
|
|
<span class="year">2011</span>
|
|
</span>
|
|
<a href="/Scratch/fr/blog/SVG-and-m4-fractals/">SVG and m4 fractals <span class="nicer">»</span></a>
|
|
</h1>
|
|
|
|
<div class="corps">
|
|
|
|
<p><img alt="Yesod logo made in SVG and m4" src="/Scratch/img/blog/SVG-and-m4-fractals/main.png" /></p>
|
|
|
|
|
|
<div class="intro">
|
|
|
|
|
|
<p><span class="sc"><abbr title="Trop long à lire">tlàl</abbr> : </span> Voilà comment faire des fractales avec m4 et SVG.</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<p>You might want to know how I made the logo for yesod in my preceding post.</p>
|
|
|
|
<p>First, I hate with passion most XML based languages. Because XML wasn’t created to be exposed to developer.
|
|
XML should be read and generated by some software. But you should <em>never</em> read or edit it manually.</p>
|
|
|
|
<h2 id="the-xslt-example">The XSLT Example</h2>
|
|
|
|
<p>The main language where XML fail terribly is XSLT. XPath is very good, but XSLT use one of the worst syntax I ever crossed in my life of developer.</p>
|
|
|
|
<p>In...</p></p>
|
|
|
|
<div class="flush"></div>
|
|
<div>
|
|
<p>
|
|
<a href="/Scratch/fr/blog/SVG-and-m4-fractals/">en lire plus <span class="nicer">»</span></a>
|
|
</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<h1>
|
|
<span class="date">
|
|
<span class="day">4</span>
|
|
<span class="month">Oct</span>
|
|
<span class="year">2011</span>
|
|
</span>
|
|
<a href="/Scratch/fr/blog/Yesod-excellent-ideas/">Les idées de yesod <span class="nicer">»</span></a>
|
|
</h1>
|
|
|
|
<div class="corps">
|
|
|
|
<p><img alt="Title image" src="/Scratch/img/blog/Yesod-excellent-ideas/main.png" /></p>
|
|
|
|
|
|
<div class="intro">
|
|
|
|
|
|
<p><span class="sc"><abbr title="Trop long à lire">tlàl</abbr> : </span></p>
|
|
|
|
<p>Cela fait un moment que je suis la progression du <a href="http://www.yesodweb.com">framework yesod</a>.
|
|
À mon humble avis on peut commencer à l’utiliser pour des applications sérieuses (comprendre en prod).
|
|
Avant de vous dire pourquoi vous devriez aussi le considérer, je préfère vous parler de bonnes idées (parmi d’autres) introduites par yesod que je n’avais jamais vu ailleurs.</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<h2 id="types-saufs">Types saufs</h2>
|
|
|
|
<p>Commençons par une BD d’<a href="http://xkcd.com">xkcd</a> :</p>
|
|
|
|
<p></p></p>
|
|
|
|
<div class="flush"></div>
|
|
<div>
|
|
<p>
|
|
<a href="/Scratch/fr/blog/Yesod-excellent-ideas/">en lire plus <span class="nicer">»</span></a>
|
|
</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<h1>
|
|
<span class="date">
|
|
<span class="day">28</span>
|
|
<span class="month">Sep</span>
|
|
<span class="year">2011</span>
|
|
</span>
|
|
<a href="/Scratch/fr/blog/programming-language-experience/">Mon expérience avec les languages de programmation <span class="nicer">»</span></a>
|
|
</h1>
|
|
|
|
<div class="corps">
|
|
|
|
<p><img alt="Title image" src="/Scratch/img/blog/programming-language-experience/dragon.jpg" /></p>
|
|
|
|
|
|
<div class="intro">
|
|
|
|
<span class="sc"><abbr title="Trop long à lire">tlàl</abbr> : </span> Mon avis court et hautement subjectif concernant les différents languages de programmations que j’ai utilisé.
|
|
|
|
</div>
|
|
|
|
|
|
<h3 id="basic"><code>BASIC</code></h3>
|
|
|
|
<p><img alt="Title image" src="/Scratch/img/blog/programming-language-experience/basic.gif" class="left" /></p>
|
|
|
|
<p>Ah ! Le language de mes premiers programmes !
|
|
Je devais avoir 10-11 ans.
|
|
Sous <code>MO5</code>, <code>Amstrad CPC 6128</code> et même <code>Atari STe</code>.
|
|
Le langage des <code>GOTO</code>s.
|
|
Je suis empleint de nostalgie rien que d’y penser.
|
|
C’est à peu prêt le seul intérêt de ce...</p></p></p>
|
|
|
|
<div class="flush"></div>
|
|
<div>
|
|
<p>
|
|
<a href="/Scratch/fr/blog/programming-language-experience/">en lire plus <span class="nicer">»</span></a>
|
|
</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<h1>
|
|
<span class="date">
|
|
<span class="day">25</span>
|
|
<span class="month">Aoû</span>
|
|
<span class="year">2011</span>
|
|
</span>
|
|
<a href="/Scratch/fr/blog/Learn-Vim-Progressively/">Apprenez Vim Progressivement <span class="nicer">»</span></a>
|
|
</h1>
|
|
|
|
<div class="corps">
|
|
|
|
<p><img alt="Über leet use vim!" src="/Scratch/img/blog/Learn-Vim-Progressively/uber_leet_use_vim.jpg" /></p>
|
|
|
|
|
|
<div class="intro">
|
|
|
|
|
|
<p><span class="sc"><abbr title="Trop long à lire">tlàl</abbr> : </span> Vous désirez apprendre vim (le meilleur editeur de texte connu à ce jour) le plus rapidement possible. Voici mes conseils pour vous aider. Commencez à apprendre le minimum vital, puis apprenez doucement de nouvelles commandes.</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<p><a href="http://www.vim.org">Vim</a> ou l’éditeur qui vallait 3 milliards :</p>
|
|
|
|
<blockquote>
|
|
<p>Meilleur, plus fort, plus rapide.</p>
|
|
</blockquote>
|
|
|
|
<p>Apprenez <a href="http://www.vim.org">vim</a> et ce sera votre dernier éditeur.
|
|
Aucun éditeur que je connaisse ne le surpasse.
|
|
Sa prise en mais est difficile, mais p...</p></p>
|
|
|
|
<div class="flush"></div>
|
|
<div>
|
|
<p>
|
|
<a href="/Scratch/fr/blog/Learn-Vim-Progressively/">en lire plus <span class="nicer">»</span></a>
|
|
</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<h1>
|
|
<span class="date">
|
|
<span class="day">18</span>
|
|
<span class="month">Mai</span>
|
|
<span class="year">2011</span>
|
|
</span>
|
|
<a href="/Scratch/fr/blog/Password-Management/">Password Management <span class="nicer">»</span></a>
|
|
</h1>
|
|
|
|
<div class="corps">
|
|
|
|
<p><img alt="Title image" src="/Scratch/img/blog/Password-Management/main.png" /></p>
|
|
|
|
|
|
<div class="intro">
|
|
|
|
|
|
<p><span class="sc"><abbr title="Trop long à lire">tlàl</abbr> : </span> Une méthode de gestion des mots de passes que j’utilise avec succès depuis quelques années.<br />
|
|
<strong><code>sha1( mot_de_passe + nom_de_domaine )</code></strong><br />
|
|
Je ne mémorise qu’un seul mot de passe de très bonne qualité.
|
|
J’utilise des mots de passe différents sur tous les sites.</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<p>Avant de commencer, je tiens à préciser qu’il s’agit d’une tentative de vous vendre mon appli iPhone ;-).</p>
|
|
|
|
<p>Vous êtes toujours là ?
|
|
Bon, d’accord, même si vous ne téléchargez pas mon application vous pouvez quand même utili...</p></p></div></p>
|
|
|
|
<div class="flush"></div>
|
|
<div>
|
|
<p>
|
|
<a href="/Scratch/fr/blog/Password-Management/">en lire plus <span class="nicer">»</span></a>
|
|
</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="corps">
|
|
<div>
|
|
<script type="text/javascript">
|
|
$(document).ready( function(){$('.list').hide();$('#tagcloud a').removeAttr("href")} );
|
|
function tagSelected(id) {
|
|
$('.list').hide();
|
|
$('#'+id).fadeIn();
|
|
$('.tag.selected').removeClass('selected');
|
|
$('#tag_'+id).addClass('selected');
|
|
}
|
|
</script><div id="tagcloud"><a href="#editor" style="font-size: 1.0em;" class="tag" onclick="tagSelected('editor')" id="tag_editor">editor</a> <a href="#tutoriel" style="font-size: 1.0em;" class="tag" onclick="tagSelected('tutoriel')" id="tag_tutoriel">tutoriel</a> <a href="#vi" style="font-size: 1.0em;" class="tag" onclick="tagSelected('vi')" id="tag_vi">vi</a> <a href="#vim" style="font-size: 1.0em;" class="tag" onclick="tagSelected('vim')" id="tag_vim">vim</a> </div><div id="hiddenDivs" ><div id="editor" class="list"><h4>editor</h4><ul style="list-style-type: none; margin: 0;">
|
|
<li style="line-height: 3em; margin: 0;">
|
|
<span class="date">
|
|
<span class="day">25</span>
|
|
<span class="month">Aoû</span>
|
|
<span class="year">2011</span>
|
|
</span>
|
|
<a href="/Scratch/fr/blog/Learn-Vim-Progressively/">Apprenez Vim Progressivement <span class="nicer">»</span></a>
|
|
</li>
|
|
</ul><a class="return" href="#tagcloud">↑</a></div><div id="tutoriel" class="list"><h4>tutoriel</h4><ul style="list-style-type: none; margin: 0;">
|
|
<li style="line-height: 3em; margin: 0;">
|
|
<span class="date">
|
|
<span class="day">25</span>
|
|
<span class="month">Aoû</span>
|
|
<span class="year">2011</span>
|
|
</span>
|
|
<a href="/Scratch/fr/blog/Learn-Vim-Progressively/">Apprenez Vim Progressivement <span class="nicer">»</span></a>
|
|
</li>
|
|
</ul><a class="return" href="#tagcloud">↑</a></div><div id="vi" class="list"><h4>vi</h4><ul style="list-style-type: none; margin: 0;">
|
|
<li style="line-height: 3em; margin: 0;">
|
|
<span class="date">
|
|
<span class="day">25</span>
|
|
<span class="month">Aoû</span>
|
|
<span class="year">2011</span>
|
|
</span>
|
|
<a href="/Scratch/fr/blog/Learn-Vim-Progressively/">Apprenez Vim Progressivement <span class="nicer">»</span></a>
|
|
</li>
|
|
</ul><a class="return" href="#tagcloud">↑</a></div><div id="vim" class="list"><h4>vim</h4><ul style="list-style-type: none; margin: 0;">
|
|
<li style="line-height: 3em; margin: 0;">
|
|
<span class="date">
|
|
<span class="day">25</span>
|
|
<span class="month">Aoû</span>
|
|
<span class="year">2011</span>
|
|
</span>
|
|
<a href="/Scratch/fr/blog/Learn-Vim-Progressively/">Apprenez Vim Progressivement <span class="nicer">»</span></a>
|
|
</li>
|
|
</ul><a class="return" href="#tagcloud">↑</a></div></div>
|
|
</div>
|
|
</div>
|
|
|
|
<h2 id="archives">Archives</h2>
|
|
|
|
<div id="sousliens" class="archive"><h4 class="button" onclick="$('#archives_2011').slideToggle()">[2011]</h4><ul id="archives_2011"><li><span class="date">
|
|
<span class="day">20</span>
|
|
<span class="month">Oct</span>
|
|
<span class="year">2011</span>
|
|
</span> <a href="/Scratch/fr/blog/SVG-and-m4-fractals/">SVG and m4 fractals<span class="nicer">»</span></a></li><li><span class="date">
|
|
<span class="day">4</span>
|
|
<span class="month">Oct</span>
|
|
<span class="year">2011</span>
|
|
</span> <a href="/Scratch/fr/blog/Yesod-excellent-ideas/">Les idées de yesod<span class="nicer">»</span></a></li><li><span class="date">
|
|
<span class="day">28</span>
|
|
<span class="month">Sep</span>
|
|
<span class="year">2011</span>
|
|
</span> <a href="/Scratch/fr/blog/programming-language-experience/">Mon expérience avec les languages de programmation<span class="nicer">»</span></a></li><li><span class="date">
|
|
<span class="day">25</span>
|
|
<span class="month">Aoû</span>
|
|
<span class="year">2011</span>
|
|
</span> <a href="/Scratch/fr/blog/Learn-Vim-Progressively/">Apprenez Vim Progressivement<span class="nicer">»</span></a></li><li><span class="date">
|
|
<span class="day">18</span>
|
|
<span class="month">Mai</span>
|
|
<span class="year">2011</span>
|
|
</span> <a href="/Scratch/fr/blog/Password-Management/">Password Management<span class="nicer">»</span></a></li></ul><script type="text/javascript">$('#archives_2011').hide()</script></div>
|
|
|
|
<h2 id="un-petit-mot-sur-le-contenu">
|
|
Un petit mot sur le contenu
|
|
</h2>
|
|
|
|
|
|
<div class="corps">
|
|
|
|
|
|
<p>
|
|
Vous trouverez ici des articles qui sont pour la plupart
|
|
écrits en anglais et qui sont techniques.
|
|
Certain sont justes là pour me souvenir de petits trucs, que
|
|
d'autres pourraient trouver utiles. Mais il y a aussi de
|
|
long articles techniques qui vont un peu plus dans les détails.
|
|
</p><p>
|
|
<hr/>
|
|
<p>
|
|
Je fais de mon mieux pour traduire chaque page en anglais et en français.
|
|
Cependant, ce n'est pas toujours évident.
|
|
Il m'arrive de faire de nombreuses fautes d'orthographes, des erreurs typographiques et autres.
|
|
</p>
|
|
<p>
|
|
<strong> Merci de ne pas me juger sur ces erreurs et de ne pas oublier que le fond est plus important que la forme. </strong>
|
|
</p><p>
|
|
L'impression que ce site laisse de moi n'est certainement pas l'impression que je vous laisserais si on se rencontrait.
|
|
</p><p>
|
|
Je vous souhaite de trouver ce que vous cherchez sur ce site.
|
|
</p>
|
|
|
|
<div class="return"><a href="#entete" onclick="fastShowMenu()">↑</a></div>
|
|
|
|
</div>
|
|
<div id="bottom">
|
|
<div>
|
|
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.fr">Droits de reproduction ©, Yann Esposito</a>
|
|
</div>
|
|
<div id="lastmod">
|
|
modifié le : 30/05/2011
|
|
</div>
|
|
<div>
|
|
Site entièrement réalisé avec
|
|
<a href="http://www.vim.org">Vim</a>
|
|
et
|
|
<a href="http://nanoc.stoneship.org">nanoc</a>
|
|
</div>
|
|
<div>
|
|
<a href="/Scratch/fr/validation/">Validation</a>
|
|
<a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
|
|
.
|
|
<a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
|
|
.
|
|
<a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com/Scratch/fr/blog/feed/feed.xml">[rss]</a>
|
|
</div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
var clicky = { log: function(){ return; }, goal: function(){ return; }};
|
|
var clicky_site_id = 66374971;
|
|
(function() {
|
|
var s = document.createElement('script');
|
|
s.type = 'text/javascript';
|
|
s.async = true;
|
|
s.src = ( document.location.protocol == 'https:' ? 'https://static.getclicky.com/js' : 'http://static.getclicky.com/js' );
|
|
( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );
|
|
})();
|
|
</script>
|
|
<noscript><p><img alt="Clicky" width="1" height="1" src="http://in.getclicky.com/66374971ns.gif" /></p></noscript>
|
|
|
|
</body>
|
|
</html> |