scratch/output/Scratch/en/index.html
Yann Esposito (Yogsototh) e79f2869f8 regen
2011-01-03 17:25:51 +01:00

1145 lines
No EOL
54 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/yannespositocomen"/>
<link rel="alternate" lang="fr" xml:lang="fr" title="Accueil" type="text/html" hreflang="fr" href="/Scratch/fr/" />
<link rel="alternate" lang="en" xml:lang="en" title="Homepage" type="text/html" hreflang="en" href="/Scratch/en/" />
<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>
<title>Homepage</title>
</head>
<body lang="en">
<script type="text/javascript">// <![CDATA[
document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
// ]]>
</script>
<div id="content">
<div id="entete">
<div id="choix">
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/yannespositocomen">Subscribe</a> </div>
<div id="choixlang"><a href="/Scratch/fr/" onclick="setLanguage('fr')">en Français</a> </div>
<div id="liens">
<ul><li><span class="active" title="You're here.">Homepage</span></li>
<li><a href="/Scratch/en/blog/">Blog</a></li>
<li><a href="/Scratch/en/softwares/">Softwares</a></li>
<li><a href="/Scratch/en/about/">About</a></li></ul>
</div>
</div>
</div>
<img src="/Scratch/img/presentation.png" alt="Presentation drawing"/>
<div id="titre">
<h1>
Homepage
</h1>
</div>
<div class="flush"></div>
<div class="flush"></div>
<div id="afterheader">
<div class="corps">
<p>Welcome on my personnal website.</p>
<p>Here are the begining<sup><a href="#footnote1">&dagger;</a></sup> of my 5 last blog posts.</p>
<p> You can also search the entries with <a href="#tagcloud">tag cloud</a></p>
You can subscribe to my RSS feed. You'll never miss a post. <a href="/Scratch/en/rss">Click here</a> if you don't know what RSS feeds are.
<hr/>
<p class="small"><span id="footnote1">&dagger;</span> approximatively the 800 first characters.</p>
</div>
<h1>
<span class="date">
<span class="day">3</span>
<span class="month">Jan</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/2011-01-03-Why-I-sadly-won-t-use-coffeescript/">Why I sadly won't use CoffeeScript <span class="nicer">»</span></a>
</h1>
<div class="corps">
<p><img alt="Title image" src="/Scratch/img/blog/2011-01-03-Why-I-sadly-won-t-use-coffeescript/main.png" /></p>
<div class="intro">
<p><span class="sc"><abbr title="Too long; don't read">tl;dr</abbr>: </span> I tried <a href="http://coffeescript.org">CoffeeScript</a>. In the end there was more inconvenients than advantages to its use.</p>
</div>
<p>Recently I read <a href="http://news.ycombinator.com/item?id=2053956">this entry</a> on HackerNews.
The most upvoted comment praised <a href="http://coffeescript.org">CoffeeScript</a>.
Recently I used <em>a lot</em> of javascript. After trying
<a href="http://sproutcore.com">Sroutcore</a>,
<a href="http://cappuccino.org">Cappuccino</a>,
<a href="documentcloud.github.com/backbone/">backbone.js</a> <em>&amp;</em>
</p></p>
<p>
<a href="/Scratch/en/blog/2011-01-03-Why-I-sadly-won-t-use-coffeescript/">Read more <span class="nicer">»</span></a>
</p>
</div>
<h1>
<span class="date">
<span class="day">1</span>
<span class="month">Jan</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/2011-01-03-Happy-New-Year/">Happy New Year <span class="nicer">»</span></a>
</h1>
<div class="corps">
<p>Happy New Year!</p>
<p><code>01.01.11</code></p>
<p>I was busy during the last months.
But I will revive a bit this blog.</p>
<p>I made a project to write book in markdown syntax and generating HTML and high quality PDF. I am not finished with this.</p>
<p>I had written an efficient <em>&amp;</em> simplistic MVC javascript framework.</p>
<blockquote>
<p>Have a safe <em>&amp;</em> productive Year.<br />
May be in the end you should get the cake. </p>
<p><em>Blackmesa</em></p>
</blockquote>
</blockquote>
<p>
<a href="/Scratch/en/blog/2011-01-03-Happy-New-Year/">Read more <span class="nicer">»</span></a>
</p>
</div>
<h1>
<span class="date">
<span class="day">26</span>
<span class="month">Oct</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-10-26-LaTeX-like-macro-and-markdown/">LaTeX like macro for markdown <span class="nicer">»</span></a>
</h1>
<div class="corps">
<div class="intro">
<p><span class="sc"><abbr title="Too long; don't read">tl;dr</abbr>: </span> I made a simple macro system for my blog. Now I juste have to write %<span />latex and it show as <span style="text-transform: uppercase">L<sup style="vertical-align: 0.15em; margin-left: -0.36em; margin-right: -0.15em; font-size: .85em">a</sup>T<sub style="vertical-align: -0.5ex; margin-left: -0.1667em; margin-right: -0.125em; font-size: 1em">e</sub>X</span>.</p>
</div>
<p>In the header of my files I simply write:</p>
<pre class="twilight">
<span class="MetaTagAll"><span class="MetaTagInline">macros</span><span class="MetaTagAll">:</span></span>
<span class="MetaTagAll"><span class="MetaTagInline">test</span><span class="MetaTagAll">:</span> </span><span class="String"></span></pre></div>
<p>
<a href="/Scratch/en/blog/2010-10-26-LaTeX-like-macro-and-markdown/">Read more <span class="nicer">»</span></a>
</p>
</div>
<h1>
<span class="date">
<span class="day">14</span>
<span class="month">Oct</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-10-14-Fun-with-wav/">Fun with wav <span class="nicer">»</span></a>
</h1>
<div class="corps">
<div class="intro">
<p><span class="sc"><abbr title="Too long; don't read">tl;dr</abbr>: </span> Played to process a <code>wav</code> file. <code>C</code> was easier and cleaner than Ruby.</p>
<p>edit: I wanted this program to work only on one specific machine (a x86 on a 32 bit Ubuntu). Therefore I didn&rsquo;t had any portability consideration. This is only a <em>hack</em>.</p>
</div>
<p>I had to compute the sum of the absolute values of data of a <code>.wav</code> file.
For efficiency (and fun) reasons, I had chosen <code>C</code> language.</p>
<p>I didn&rsquo;t programmed in <code>C</code> for a long time.
From my memory it was a pain to read and write to files.
But in the end I was really impressed by the code I get.
It was really clean.
This is even more impressive knowi...</p>
<p>
<a href="/Scratch/en/blog/2010-10-14-Fun-with-wav/">Read more <span class="nicer">»</span></a>
</p>
</div>
<h1>
<span class="date">
<span class="day">10</span>
<span class="month">Oct</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/">Secure eMail on Mac in few steps <span class="nicer">»</span></a>
</h1>
<div class="corps">
<p><img alt="Title image" src="/Scratch/img/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/main.png" class="clean" /></p>
<div class="intro">
<p><span class="sc"><abbr title="Too long; don't read">tl;dr</abbr>: </span> <em>on Mac</em></p>
<ul>
<li>Get a certificate signed by a CA: <a href="http://www.instantssl.com/ssl-certificate-products/free-email-certificate.html">click here for a free one</a>,</li>
<li>open the file,</li>
<li>delete securely the file,</li>
<li>use Mail instead of online gmail.</li>
<li>???</li>
<li>Profit</li>
</ul>
</div>
<p>I&rsquo;ve (re)discovered how to become S/MIME compliant.
I am now suprised how easy it was.
Some years ago it was far more difficult.
Now I&rsquo;m able to sign and encrypt my emails.</p>
</p>
<p>
<a href="/Scratch/en/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/">Read more <span class="nicer">»</span></a>
</p>
</div>
<div class="corps">
<h2 class="first">tag cloud (shorter than 20 words))</h2>
<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="#analytics" style="font-size: 1.0em;" class="tag" onclick="tagSelected('analytics')" id="tag_analytics">analytics</a> <a href="#Apple" style="font-size: 1.54545454545455em;" class="tag" onclick="tagSelected('Apple')" id="tag_Apple">Apple</a> <a href="#blog" style="font-size: 1.81818181818182em;" class="tag" onclick="tagSelected('blog')" id="tag_blog">blog</a> <a href="#design" style="font-size: 1.0em;" class="tag" onclick="tagSelected('design')" id="tag_design">design</a> <a href="#git" style="font-size: 1.68181818181818em;" class="tag" onclick="tagSelected('git')" id="tag_git">git</a> <a href="#iPhone" style="font-size: 1.0em;" class="tag" onclick="tagSelected('iPhone')" id="tag_iPhone">iPhone</a> <a href="#javascript" style="font-size: 1.54545454545455em;" class="tag" onclick="tagSelected('javascript')" id="tag_javascript">javascript</a> <a href="#jQuery" style="font-size: 1.81818181818182em;" class="tag" onclick="tagSelected('jQuery')" id="tag_jQuery">jQuery</a> <a href="#mac" style="font-size: 1.0em;" class="tag" onclick="tagSelected('mac')" id="tag_mac">mac</a> <a href="#programming" style="font-size: 1.27272727272727em;" class="tag" onclick="tagSelected('programming')" id="tag_programming">programming</a> <a href="#regexp" style="font-size: 1.27272727272727em;" class="tag" onclick="tagSelected('regexp')" id="tag_regexp">regexp</a> <a href="#regular_expression" style="font-size: 1.13636363636364em;" class="tag" onclick="tagSelected('regular_expression')" id="tag_regular_expression">regular&nbsp;expression</a> <a href="#ruby" style="font-size: 1.0em;" class="tag" onclick="tagSelected('ruby')" id="tag_ruby">ruby</a> <a href="#script" style="font-size: 1.40909090909091em;" class="tag" onclick="tagSelected('script')" id="tag_script">script</a> <a href="#shell" style="font-size: 1.0em;" class="tag" onclick="tagSelected('shell')" id="tag_shell">shell</a> <a href="#web" style="font-size: 2.5em;" class="tag" onclick="tagSelected('web')" id="tag_web">web</a> <a href="#zsh" style="font-size: 1.0em;" class="tag" onclick="tagSelected('zsh')" id="tag_zsh">zsh</a> </div><div id="hiddenDivs" ><div id="analytics" class="list"><h4>analytics</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">17</span>
<span class="month">Jun</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-06-17-hide-yourself-to-analytics/">Hide Yourself to your Analytics <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">17</span>
<span class="month">Jun</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/">Track Events with Google Analytics <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">11</span>
<span class="month">Sep</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/09_Why_I_didn-t_keep_whosamung-us/">Why I didn't keep whos.amung.us <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Apple" class="list"><h4>Apple</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">4</span>
<span class="month">Jan</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/">Change default shell on Mac OS X <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">6</span>
<span class="month">Dec</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-12-06-iphone-call-filter/">iphone call filter <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">28</span>
<span class="month">Oct</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/">custom website synchronisation with mobileme (2) <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">11</span>
<span class="month">Sep</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe/">Synchronize Custom WebSite with mobileMe <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">7</span>
<span class="month">Sep</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/">ssh to Listen 443 on Snow Leopard <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">6</span>
<span class="month">Sep</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/07_Screensaver_compilation_option_for_Snow_Leopard/">Screensaver compilation option for Snow Leopard<sub>&copy;</sub> <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">15</span>
<span class="month">Aug</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/04_drm/">DRM are EVIL <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="blog" class="list"><h4>blog</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">6</span>
<span class="month">Oct</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/">New Blog Design Constraints <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">23</span>
<span class="month">Aug</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-08-23-Now-heberged-on-heroku/">Now hosted by heroku <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">18</span>
<span class="month">Jun</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-06-19-jQuery-popup-the-easy-way/">jQuery popup the easy way <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">17</span>
<span class="month">Jun</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-06-17-hide-yourself-to-analytics/">Hide Yourself to your Analytics <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">17</span>
<span class="month">Jun</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/">Track Events with Google Analytics <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">15</span>
<span class="month">Jun</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-06-15-Get-my-blog-engine/">Get my blog engine <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">14</span>
<span class="month">Jun</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-06-14-multi-language-choices/">multi language choices <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">17</span>
<span class="month">May</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-05-17-at-least-this-blog-revive/">I live again! <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">28</span>
<span class="month">Sep</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/">Disqus versus Intense Debate (Why I switched) <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><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">31</span>
<span class="month">Jul</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-07-31-New-style-after-holidays/">New style after holidays <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">26</span>
<span class="month">Oct</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/">Menu waiting to hide himself <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">22</span>
<span class="month">Oct</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-10-Focus-vs-Minimalism/">Focus &gt; Minimalism <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="git" class="list"><h4>git</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">2</span>
<span class="month">Sep</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/">Use git to calculate trusted mtimes <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">23</span>
<span class="month">Mar</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-03-23-Encapsulate-git/">Encapsulate git <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">22</span>
<span class="month">Mar</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-03-22-Git-Tips/">Git Tips <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">14</span>
<span class="month">Dec</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-12-14-Git-vs--Bzr/">Git vs. Bzr <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">12</span>
<span class="month">Nov</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-11-12-Git-for-n00b/">Git for n00b <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">13</span>
<span class="month">Oct</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-10-untaught-git-usage/">Untaught Git usage <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">18</span>
<span class="month">Aug</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/06_How_I_use_git/">Git for self <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">17</span>
<span class="month">Aug</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/05_git_create_remote_branch/">Git remote branch creation <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="iPhone" class="list"><h4>iPhone</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">1</span>
<span class="month">Sep</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-09-02-base64-and-sha1-on-iPhone/">base64 and sha1 on iPhone <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">5</span>
<span class="month">Jul</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-07-05-Cappuccino-and-Web-applications/">Cappuccino vs jQuery <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">6</span>
<span class="month">Dec</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-12-06-iphone-call-filter/">iphone call filter <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="javascript" class="list"><h4>javascript</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">5</span>
<span class="month">Jul</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-07-05-Cappuccino-and-Web-applications/">Cappuccino vs jQuery <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">18</span>
<span class="month">Jun</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-06-19-jQuery-popup-the-easy-way/">jQuery popup the easy way <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">17</span>
<span class="month">Jun</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-06-17-hide-yourself-to-analytics/">Hide Yourself to your Analytics <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">17</span>
<span class="month">Jun</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/">Track Events with Google Analytics <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">26</span>
<span class="month">Oct</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/">Menu waiting to hide himself <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">23</span>
<span class="month">Sep</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-09-jQuery-Tag-Cloud/">jQuery Tag Cloud <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">17</span>
<span class="month">Sep</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/11_Load_Disqus_Asynchronously/">Load Disqus Asynchronously <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="jQuery" class="list"><h4>jQuery</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">5</span>
<span class="month">Jul</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-07-05-Cappuccino-and-Web-applications/">Cappuccino vs jQuery <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">18</span>
<span class="month">Jun</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-06-19-jQuery-popup-the-easy-way/">jQuery popup the easy way <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">17</span>
<span class="month">Jun</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-06-17-hide-yourself-to-analytics/">Hide Yourself to your Analytics <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">17</span>
<span class="month">Jun</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/">Track Events with Google Analytics <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">30</span>
<span class="month">Oct</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-10-30-How-to-handle-evil-IE/">How to handle evil IE <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">26</span>
<span class="month">Oct</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/">Menu waiting to hide himself <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">22</span>
<span class="month">Oct</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-10-Focus-vs-Minimalism/">Focus &gt; Minimalism <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">3</span>
<span class="month">Oct</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-10-How-to-preload-your-site-with-style/">How to preload your site with style <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">23</span>
<span class="month">Sep</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-09-jQuery-Tag-Cloud/">jQuery Tag Cloud <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="mac" class="list"><h4>mac</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">10</span>
<span class="month">Oct</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/">Secure eMail on Mac in few steps <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">7</span>
<span class="month">Sep</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/">ssh to Listen 443 on Snow Leopard <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">6</span>
<span class="month">Sep</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/07_Screensaver_compilation_option_for_Snow_Leopard/">Screensaver compilation option for Snow Leopard<sub>&copy;</sub> <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</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">6</span>
<span class="month">Oct</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/">New Blog Design Constraints <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">7</span>
<span class="month">Jul</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator/">Do not use CSS gradient with Chrome <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">5</span>
<span class="month">Jul</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-07-05-Cappuccino-and-Web-applications/">Cappuccino vs jQuery <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">23</span>
<span class="month">Feb</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-02-23-When-regexp-is-not-the-best-solution/">When regexp is not the best solution <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">13</span>
<span class="month">Oct</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-10-untaught-git-usage/">Untaught Git usage <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="regexp" class="list"><h4>regexp</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">24</span>
<span class="month">May</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-05-24-Trees--Pragmatism-and-Formalism/">Trees; Pragmatism and Formalism <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">23</span>
<span class="month">Feb</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-02-23-When-regexp-is-not-the-best-solution/">When regexp is not the best solution <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">16</span>
<span class="month">Feb</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-02-16-All-but-something-regexp--2-/">Pragmatic Regular Expression Exclude (2) <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">15</span>
<span class="month">Feb</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-02-15-All-but-something-regexp/">Pragmatic Regular Expression Exclude <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">22</span>
<span class="month">Sep</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-09-replace-all-except-some-part/">replace all except some part <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="regular_expression" class="list"><h4>regular expression</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">23</span>
<span class="month">Feb</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-02-23-When-regexp-is-not-the-best-solution/">When regexp is not the best solution <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">16</span>
<span class="month">Feb</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-02-16-All-but-something-regexp--2-/">Pragmatic Regular Expression Exclude (2) <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">15</span>
<span class="month">Feb</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-02-15-All-but-something-regexp/">Pragmatic Regular Expression Exclude <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">22</span>
<span class="month">Sep</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-09-replace-all-except-some-part/">replace all except some part <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="ruby" class="list"><h4>ruby</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">19</span>
<span class="month">May</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-05-19-How-to-cut-HTML-and-repair-it/">How to repair a cutted XML? <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">23</span>
<span class="month">Sep</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-09-jQuery-Tag-Cloud/">jQuery Tag Cloud <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">22</span>
<span class="month">Sep</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-09-replace-all-except-some-part/">replace all except some part <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="script" class="list"><h4>script</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">24</span>
<span class="month">May</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-05-24-Trees--Pragmatism-and-Formalism/">Trees; Pragmatism and Formalism <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">19</span>
<span class="month">May</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-05-19-How-to-cut-HTML-and-repair-it/">How to repair a cutted XML? <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">18</span>
<span class="month">Feb</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-02-18-split-a-file-by-keyword/">split a file by keyword <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">28</span>
<span class="month">Oct</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/">custom website synchronisation with mobileme (2) <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">23</span>
<span class="month">Oct</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-10-launch-daemon-from-command-line/">launch daemon from command line <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">11</span>
<span class="month">Sep</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe/">Synchronize Custom WebSite with mobileMe <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="shell" class="list"><h4>shell</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">31</span>
<span class="month">Aug</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-08-31-send-mail-from-command-line-with-attached-file/">send mail from command line with attached file <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">18</span>
<span class="month">Feb</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-02-18-split-a-file-by-keyword/">split a file by keyword <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">23</span>
<span class="month">Oct</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-10-launch-daemon-from-command-line/">launch daemon from command line <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="web" class="list"><h4>web</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">2</span>
<span class="month">Sep</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/">Use git to calculate trusted mtimes <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">31</span>
<span class="month">Aug</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-08-31-send-mail-from-command-line-with-attached-file/">send mail from command line with attached file <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">31</span>
<span class="month">Jul</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-07-31-New-style-after-holidays/">New style after holidays <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">7</span>
<span class="month">Jul</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator/">Do not use CSS gradient with Chrome <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">5</span>
<span class="month">Jul</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-07-05-Cappuccino-and-Web-applications/">Cappuccino vs jQuery <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">18</span>
<span class="month">Jun</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-06-19-jQuery-popup-the-easy-way/">jQuery popup the easy way <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">30</span>
<span class="month">Oct</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-10-30-How-to-handle-evil-IE/">How to handle evil IE <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">26</span>
<span class="month">Oct</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/">Menu waiting to hide himself <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">22</span>
<span class="month">Oct</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-10-Focus-vs-Minimalism/">Focus &gt; Minimalism <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">3</span>
<span class="month">Oct</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-10-How-to-preload-your-site-with-style/">How to preload your site with style <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">28</span>
<span class="month">Sep</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/">Disqus versus Intense Debate (Why I switched) <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">23</span>
<span class="month">Sep</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-09-jQuery-Tag-Cloud/">jQuery Tag Cloud <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">17</span>
<span class="month">Sep</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/11_Load_Disqus_Asynchronously/">Load Disqus Asynchronously <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">11</span>
<span class="month">Sep</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/09_Why_I_didn-t_keep_whosamung-us/">Why I didn't keep whos.amung.us <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="zsh" class="list"><h4>zsh</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">28</span>
<span class="month">Oct</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/">custom website synchronisation with mobileme (2) <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">23</span>
<span class="month">Oct</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/2009-10-launch-daemon-from-command-line/">launch daemon from command line <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">11</span>
<span class="month">Sep</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe/">Synchronize Custom WebSite with mobileMe <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div></div>
</div>
</div>
<div class="corps">
Feel free to contact me.
<div class="return"><a href="#entete" onclick="fastShowMenu()">&uarr;</a></div>
</div>
<div id="bottom">
<div>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
</div>
<div id="lastmod">
Modified: 11/02/2010
</div>
<div>
Entirely done with
<a href="http://www.vim.org">Vim</a>
and
<a href="http://nanoc.stoneship.org">nanoc</a>
</div>
<div>
<a href="/Scratch/en/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/en/blog/feed/feed.xml">[rss]</a>
</div>
</div>
<div class="clear"></div>
</div>
</body>
</html>