398 lines
No EOL
17 KiB
HTML
398 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/">des fractales en SVG et m4 <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> Utiliser m4 pour accroître le pouvoir d’<span class="sc">xslt</span> et d’<span class="sc">svg</span>. Example cool, les fractales.</p>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
<p>Lorsqu’<span class="sc">xml</span> fût inventé beaucoup pensaient que c’était l’avenir.
|
||
Passer de fichiers plat à des fichiers structurés standardisés fût un grand progrès dans beaucoup de domaines.
|
||
Cerain se mirent à voir du <span class="sc">xml</span> de partout.
|
||
À tel point que les les format compatibles <span class="sc">xml</span> naquirent de toute part.
|
||
Non seulement comme format de fichier, mais aussi comme format pour un langage ...</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 langage.</p>
|
||
|
||
<p>Aujourd’h...</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">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 utiliser ma méthode.
|
||
Elle est à la fois très sûre et simple à ut...</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="#design" style="font-size: 1.0em;" class="tag" onclick="tagSelected('design')" id="tag_design">design</a> <a href="#m4" style="font-size: 1.0em;" class="tag" onclick="tagSelected('m4')" id="tag_m4">m4</a> <a href="#programming" style="font-size: 1.0em;" class="tag" onclick="tagSelected('programming')" id="tag_programming">programming</a> <a href="#SVG" style="font-size: 1.0em;" class="tag" onclick="tagSelected('SVG')" id="tag_SVG">SVG</a> <a href="#XML" style="font-size: 1.0em;" class="tag" onclick="tagSelected('XML')" id="tag_XML">XML</a> <a href="#XSLT" style="font-size: 1.0em;" class="tag" onclick="tagSelected('XSLT')" id="tag_XSLT">XSLT</a> </div><div id="hiddenDivs" ><div id="design" class="list"><h4>design</h4><ul style="list-style-type: none; margin: 0;">
|
||
<li style="line-height: 3em; margin: 0;">
|
||
<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/">des fractales en SVG et m4 <span class="nicer">»</span></a>
|
||
</li>
|
||
</ul><a class="return" href="#tagcloud">↑</a></div><div id="m4" class="list"><h4>m4</h4><ul style="list-style-type: none; margin: 0;">
|
||
<li style="line-height: 3em; margin: 0;">
|
||
<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/">des fractales en SVG et m4 <span class="nicer">»</span></a>
|
||
</li>
|
||
</ul><a class="return" href="#tagcloud">↑</a></div><div id="programming" class="list"><h4>programming</h4><ul style="list-style-type: none; margin: 0;">
|
||
<li style="line-height: 3em; margin: 0;">
|
||
<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/">des fractales en SVG et m4 <span class="nicer">»</span></a>
|
||
</li>
|
||
</ul><a class="return" href="#tagcloud">↑</a></div><div id="SVG" class="list"><h4>SVG</h4><ul style="list-style-type: none; margin: 0;">
|
||
<li style="line-height: 3em; margin: 0;">
|
||
<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/">des fractales en SVG et m4 <span class="nicer">»</span></a>
|
||
</li>
|
||
</ul><a class="return" href="#tagcloud">↑</a></div><div id="XML" class="list"><h4>XML</h4><ul style="list-style-type: none; margin: 0;">
|
||
<li style="line-height: 3em; margin: 0;">
|
||
<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/">des fractales en SVG et m4 <span class="nicer">»</span></a>
|
||
</li>
|
||
</ul><a class="return" href="#tagcloud">↑</a></div><div id="XSLT" class="list"><h4>XSLT</h4><ul style="list-style-type: none; margin: 0;">
|
||
<li style="line-height: 3em; margin: 0;">
|
||
<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/">des fractales en SVG et m4 <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/">des fractales en SVG et m4<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">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> |