scratch/output/Scratch/en/blog/index.html
Yann Esposito (Yogsototh) 219937b6c9 Regen
2012-01-18 14:28:01 +01:00

2724 lines
No EOL
156 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<?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="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="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/blog/" onclick="setLanguage('fr')">en Français</a></div>
<div class="flush"></div>
</div>
<div id="liens"><ul><li><a href="/Scratch/en/">Home</a></li>
<li><span class="active" title="You're here.">Blog</span></li>
<li><a href="/Scratch/en/softwares/">Softwares</a></li>
<li><a href="/Scratch/en/about/">About</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 class="sameline">
<li> <a href="#popular-articles">Popular Articles <span class="nicer">&dArr;</span></a> </li>
<li> <a href="#last-articles">5 Latest Articles <span class="nicer">&dArr;</span></a> </li>
<li> <a href="#tagcloud">Tag Cloud <span class="nicer">&dArr;</span></a></li>
<li> <a href="#archives">Achives <span class="nicer">&dArr;</span></a></li>
<li> <a href="#two-words-about-the-content">Two words about the content <span class="nicer">&dArr;</span></a></li>
</ul>
<div class="flush"></div>
<h2 id="popular-articles">
Popular Articles
</h2>
<a href="/Scratch/en/blog/Learn-Vim-Progressively/">
<img class="left" src="/Scratch/img/blog/Learn-Vim-Progressively/uber_leet_use_vim.jpg" alt="Ü83R 1337 use Vim!"/>
<h2 style="display:block;margin-top: 3em">Learn Vim Progressively <span class="nicer">»</span></h2>
</a>
<div class="flush"></div>
<h2 id="last-articles">
Last 5 Articles
</h2>
</div>
<div class="resumearticle">
<h1> <span class="date">
<span class="day">28</span>
<span class="month">Dec</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Yesod-tutorial-for-newbies/">Haskell web programming <span class="nicer">»</span></a> </h1>
<div class="corps">
<p><img alt="Neo Flying at warp speed" src="/Scratch/img/blog/Yesod-tutorial-for-newbies/flying_neo.jpg" /></p>
<div class="intro">
<p><span class="sc"><abbr title="Too long; didn't read">tl;dr</abbr>: </span> A simple yesod tutorial.
Yesod is an Haskell web framework.
You shouldnt need to know Haskell. </p>
<blockquote>
<center><span class="sc"><b>Table of content</b></span></center>
<ul id="markdown-toc">
<li><a href="#before-the-real-start">Before the real start</a> <ul>
<li><a href="#install">Install</a></li>
<li><a href="#initialize">Initialize</a></li>
<li><a href="#configure-git">Configure git</a></li>
<li><a href="#some-last-minute-words">Some last minute words</a></li>
</ul>
</li>
<li><a href="#echo">Echo</a> <ul>
<li></li></ul></li></ul></blockquote></div></p>
<div class="flush"></div>
<div>
<p>
<a href="/Scratch/en/blog/Yesod-tutorial-for-newbies/">Read more <span class="nicer">»</span></a>
</p>
</div>
</div>
</div>
<div class="resumearticle">
<h1> <span class="date">
<span class="day">20</span>
<span class="month">Oct</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/SVG-and-m4-fractals/">Increase the power of deficient languages. <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="Too long; didn't read">tl;dr</abbr>: </span> How to use m4 to increase the power of deficient languages. Two examples: improve <span class="sc">xslt</span> syntax and make fractal with <span class="sc">svg</span>.</p>
</div>
<p><span class="sc">xml</span> was a very nice idea about structuring data.
Some people where so enthusiastic about <span class="sc">xml</span> they saw it everywhere.
The idea was: the future is <span class="sc">xml</span>.
Then some believed it would be a good idea to invent many <span class="sc">xml</span> compatible format and even programming languages with <span class="sc">xml</span> syntax.</p>
</p>
<div class="flush"></div>
<div>
<p>
<a href="/Scratch/en/blog/SVG-and-m4-fractals/">Read more <span class="nicer">»</span></a>
</p>
</div>
</div>
</div>
<div class="resumearticle">
<h1> <span class="date">
<span class="day">4</span>
<span class="month">Oct</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Yesod-excellent-ideas/">Yesod excellent ideas <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="Too long; didn't read">tl;dr</abbr>: </span></p>
<p><a href="http://www.yesodweb.com">Yesod</a> is a web framework which recently reached the maturity for which you should consider to use it.
Before telling you why you should learn Haskell and use yesod, I will talk about ideas yesod introduced and I didnt saw in other frameworks before.</p>
</div>
<h2 id="type-safety">Type safety</h2>
<p>Lets start by an obligatory link from <a href="http://xkcd.com">xkcd</a>:</p>
<p><img src="http://imgs.xkcd.com/comics/exploits_of_a_mom.png" alt="SQL injection by a mom" /></p>
<p>When you create a web application, a lot of time is spent dealing wit...</p></p></p>
<div class="flush"></div>
<div>
<p>
<a href="/Scratch/en/blog/Yesod-excellent-ideas/">Read more <span class="nicer">»</span></a>
</p>
</div>
</div>
</div>
<div class="resumearticle">
<h1> <span class="date">
<span class="day">28</span>
<span class="month">Sep</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Higher-order-function-in-zsh/">Higher order function in zsh <span class="nicer">»</span></a> </h1>
<div class="corps">
<p><img alt="Title image" src="/Scratch/img/blog/Higher-order-function-in-zsh/main.jpg" /></p>
<div class="intro">
<p><span class="sc"><abbr title="Too long; didn't read">tl;dr</abbr>: </span> some simple implementation of higher order function for zsh.</p>
</div>
<p>Why is it important to have these functions?
Simply because, the more I programmed with zsh the more I tended to work using functional programming style.</p>
<p>The minimal to have better code are the functions <code>map</code>, <code>filter</code> and <code>fold</code>.</p>
<p>Lets compare.
First a program which convert all gif to png in many different directories of different projects.</p>
<p>Before ⇒</p>
<pre class="twilight">
<span class="Comment"><span class="Comment">#</span> for each directory in project...</span></pre></p>
<div class="flush"></div>
<div>
<p>
<a href="/Scratch/en/blog/Higher-order-function-in-zsh/">Read more <span class="nicer">»</span></a>
</p>
</div>
</div>
</div>
<div class="resumearticle">
<h1> <span class="date">
<span class="day">28</span>
<span class="month">Sep</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/programming-language-experience/">Programming Language Experience <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="Too long; didn't read">tl;dr</abbr>: </span> My short and higly subjective feelings about programming languages I used.
</div>
<h3 id="basic"><code>BASIC</code></h3>
<p><img alt="Title image" src="/Scratch/img/blog/programming-language-experience/basic.gif" class="left" />
The language of my firsts programs!
I was about 10, with an <code>MO5</code> and <code>Amstrad CPC 6128</code> and even with my <code>Atari STe</code>.
This is the language of <code>GOTO</code>s.
Ô nostalgia.
Unfortunately this might be the only interesting part of this language.</p>
<p>Today this language is obsolescent.
It is not even good to learn programming....</p></p></p>
<div class="flush"></div>
<div>
<p>
<a href="/Scratch/en/blog/programming-language-experience/">Read more <span class="nicer">»</span></a>
</p>
</div>
</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="#alternate_reality" style="font-size: 1.0em;" class="tag" onclick="tagSelected('alternate_reality')" id="tag_alternate_reality">alternate&nbsp;reality</a> <a href="#analyser" style="font-size: 1.0em;" class="tag" onclick="tagSelected('analyser')" id="tag_analyser">analyser</a> <a href="#analytics" style="font-size: 1.2em;" class="tag" onclick="tagSelected('analytics')" id="tag_analytics">analytics</a> <a href="#Apple" style="font-size: 1.6em;" class="tag" onclick="tagSelected('Apple')" id="tag_Apple">Apple</a> <a href="#ASCII" style="font-size: 1.0em;" class="tag" onclick="tagSelected('ASCII')" id="tag_ASCII">ASCII</a> <a href="#Asynchronous" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Asynchronous')" id="tag_Asynchronous">Asynchronous</a> <a href="#awk" style="font-size: 1.0em;" class="tag" onclick="tagSelected('awk')" id="tag_awk">awk</a> <a href="#Basic" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Basic')" id="tag_Basic">Basic</a> <a href="#Bazaar" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Bazaar')" id="tag_Bazaar">Bazaar</a> <a href="#blacklist" style="font-size: 1.0em;" class="tag" onclick="tagSelected('blacklist')" id="tag_blacklist">blacklist</a> <a href="#blog" style="font-size: 1.8em;" class="tag" onclick="tagSelected('blog')" id="tag_blog">blog</a> <a href="#branch" style="font-size: 1.0em;" class="tag" onclick="tagSelected('branch')" id="tag_branch">branch</a> <a href="#branches" style="font-size: 1.0em;" class="tag" onclick="tagSelected('branches')" id="tag_branches">branches</a> <a href="#bzr" style="font-size: 1.0em;" class="tag" onclick="tagSelected('bzr')" id="tag_bzr">bzr</a> <a href="#C" style="font-size: 1.1em;" class="tag" onclick="tagSelected('C')" id="tag_C">C</a> <a href="#C__" style="font-size: 1.0em;" class="tag" onclick="tagSelected('C__')" id="tag_C__">C++</a> <a href="#Cappuccino" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Cappuccino')" id="tag_Cappuccino">Cappuccino</a> <a href="#Chrome" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Chrome')" id="tag_Chrome">Chrome</a> <a href="#Cocoa" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Cocoa')" id="tag_Cocoa">Cocoa</a> <a href="#Coffeescript" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Coffeescript')" id="tag_Coffeescript">Coffeescript</a> <a href="#colors" style="font-size: 1.0em;" class="tag" onclick="tagSelected('colors')" id="tag_colors">colors</a> <a href="#comments" style="font-size: 1.0em;" class="tag" onclick="tagSelected('comments')" id="tag_comments">comments</a> <a href="#CSS" style="font-size: 1.1em;" class="tag" onclick="tagSelected('CSS')" id="tag_CSS">CSS</a> <a href="#David_Lynch" style="font-size: 1.0em;" class="tag" onclick="tagSelected('David_Lynch')" id="tag_David_Lynch">David&nbsp;Lynch</a> <a href="#DCVS" style="font-size: 1.0em;" class="tag" onclick="tagSelected('DCVS')" id="tag_DCVS">DCVS</a> <a href="#dcvs" style="font-size: 1.0em;" class="tag" onclick="tagSelected('dcvs')" id="tag_dcvs">dcvs</a> <a href="#design" style="font-size: 1.3em;" class="tag" onclick="tagSelected('design')" id="tag_design">design</a> <a href="#diff" style="font-size: 1.0em;" class="tag" onclick="tagSelected('diff')" id="tag_diff">diff</a> <a href="#disqus" style="font-size: 1.1em;" class="tag" onclick="tagSelected('disqus')" id="tag_disqus">disqus</a> <a href="#diverged" style="font-size: 1.0em;" class="tag" onclick="tagSelected('diverged')" id="tag_diverged">diverged</a> <a href="#drm" style="font-size: 1.0em;" class="tag" onclick="tagSelected('drm')" id="tag_drm">drm</a> <a href="#editor" style="font-size: 1.0em;" class="tag" onclick="tagSelected('editor')" id="tag_editor">editor</a> <a href="#email" style="font-size: 1.1em;" class="tag" onclick="tagSelected('email')" id="tag_email">email</a> <a href="#extension" style="font-size: 1.0em;" class="tag" onclick="tagSelected('extension')" id="tag_extension">extension</a> <a href="#file" style="font-size: 1.0em;" class="tag" onclick="tagSelected('file')" id="tag_file">file</a> <a href="#filter" style="font-size: 1.1em;" class="tag" onclick="tagSelected('filter')" id="tag_filter">filter</a> <a href="#Firefox" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Firefox')" id="tag_Firefox">Firefox</a> <a href="#foldr" style="font-size: 1.0em;" class="tag" onclick="tagSelected('foldr')" id="tag_foldr">foldr</a> <a href="#Fonts" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Fonts')" id="tag_Fonts">Fonts</a> <a href="#format" style="font-size: 1.0em;" class="tag" onclick="tagSelected('format')" id="tag_format">format</a> <a href="#fractal" style="font-size: 1.0em;" class="tag" onclick="tagSelected('fractal')" id="tag_fractal">fractal</a> <a href="#framework" style="font-size: 1.0em;" class="tag" onclick="tagSelected('framework')" id="tag_framework">framework</a> <a href="#functional" style="font-size: 1.0em;" class="tag" onclick="tagSelected('functional')" id="tag_functional">functional</a> <a href="#git" style="font-size: 1.8em;" class="tag" onclick="tagSelected('git')" id="tag_git">git</a> <a href="#golfed" style="font-size: 1.0em;" class="tag" onclick="tagSelected('golfed')" id="tag_golfed">golfed</a> <a href="#Google" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Google')" id="tag_Google">Google</a> <a href="#haskell" style="font-size: 1.3em;" class="tag" onclick="tagSelected('haskell')" id="tag_haskell">haskell</a> <a href="#hide" style="font-size: 1.0em;" class="tag" onclick="tagSelected('hide')" id="tag_hide">hide</a> <a href="#higher_order_functions" style="font-size: 1.0em;" class="tag" onclick="tagSelected('higher_order_functions')" id="tag_higher_order_functions">higher&nbsp;order&nbsp;functions</a> <a href="#HTML" style="font-size: 1.0em;" class="tag" onclick="tagSelected('HTML')" id="tag_HTML">HTML</a> <a href="#ideas" style="font-size: 1.0em;" class="tag" onclick="tagSelected('ideas')" id="tag_ideas">ideas</a> <a href="#indecidability" style="font-size: 1.0em;" class="tag" onclick="tagSelected('indecidability')" id="tag_indecidability">indecidability</a> <a href="#intense_debate" style="font-size: 1.1em;" class="tag" onclick="tagSelected('intense_debate')" id="tag_intense_debate">intense&nbsp;debate</a> <a href="#iPhone" style="font-size: 1.2em;" class="tag" onclick="tagSelected('iPhone')" id="tag_iPhone">iPhone</a> <a href="#iTunes" style="font-size: 1.0em;" class="tag" onclick="tagSelected('iTunes')" id="tag_iTunes">iTunes</a> <a href="#Java" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Java')" id="tag_Java">Java</a> <a href="#javascript" style="font-size: 1.6em;" class="tag" onclick="tagSelected('javascript')" id="tag_javascript">javascript</a> <a href="#jQuery" style="font-size: 1.8em;" class="tag" onclick="tagSelected('jQuery')" id="tag_jQuery">jQuery</a> <a href="#languages" style="font-size: 1.0em;" class="tag" onclick="tagSelected('languages')" id="tag_languages">languages</a> <a href="#LaTeX" style="font-size: 1.0em;" class="tag" onclick="tagSelected('LaTeX')" id="tag_LaTeX">LaTeX</a> <a href="#learn" style="font-size: 1.0em;" class="tag" onclick="tagSelected('learn')" id="tag_learn">learn</a> <a href="#Linux" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Linux')" id="tag_Linux">Linux</a> <a href="#local" style="font-size: 1.0em;" class="tag" onclick="tagSelected('local')" id="tag_local">local</a> <a href="#Logo" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Logo')" id="tag_Logo">Logo</a> <a href="#Lost_Highway" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Lost_Highway')" id="tag_Lost_Highway">Lost&nbsp;Highway</a> <a href="#m4" style="font-size: 1.0em;" class="tag" onclick="tagSelected('m4')" id="tag_m4">m4</a> <a href="#mac" style="font-size: 1.2em;" class="tag" onclick="tagSelected('mac')" id="tag_mac">mac</a> <a href="#Mac" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Mac')" id="tag_Mac">Mac</a> <a href="#macros" style="font-size: 1.0em;" class="tag" onclick="tagSelected('macros')" id="tag_macros">macros</a> <a href="#mandelbrot" style="font-size: 1.0em;" class="tag" onclick="tagSelected('mandelbrot')" id="tag_mandelbrot">mandelbrot</a> <a href="#map" style="font-size: 1.0em;" class="tag" onclick="tagSelected('map')" id="tag_map">map</a> <a href="#markdown" style="font-size: 1.0em;" class="tag" onclick="tagSelected('markdown')" id="tag_markdown">markdown</a> <a href="#mathematics" style="font-size: 1.1em;" class="tag" onclick="tagSelected('mathematics')" id="tag_mathematics">mathematics</a> <a href="#mobileme" style="font-size: 1.1em;" class="tag" onclick="tagSelected('mobileme')" id="tag_mobileme">mobileme</a> <a href="#movie" style="font-size: 1.0em;" class="tag" onclick="tagSelected('movie')" id="tag_movie">movie</a> <a href="#multi_language" style="font-size: 1.0em;" class="tag" onclick="tagSelected('multi_language')" id="tag_multi_language">multi-language</a> <a href="#nanoc" style="font-size: 1.2em;" class="tag" onclick="tagSelected('nanoc')" id="tag_nanoc">nanoc</a> <a href="#negate" style="font-size: 1.0em;" class="tag" onclick="tagSelected('negate')" id="tag_negate">negate</a> <a href="#Objective_C" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Objective_C')" id="tag_Objective_C">Objective-C</a> <a href="#OS_X" style="font-size: 1.0em;" class="tag" onclick="tagSelected('OS_X')" id="tag_OS_X">OS&nbsp;X</a> <a href="#password" style="font-size: 1.0em;" class="tag" onclick="tagSelected('password')" id="tag_password">password</a> <a href="#Perl" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Perl')" id="tag_Perl">Perl</a> <a href="#philosophy" style="font-size: 1.0em;" class="tag" onclick="tagSelected('philosophy')" id="tag_philosophy">philosophy</a> <a href="#popup" style="font-size: 1.0em;" class="tag" onclick="tagSelected('popup')" id="tag_popup">popup</a> <a href="#programming" style="font-size: 2.0999999999999996em;" class="tag" onclick="tagSelected('programming')" id="tag_programming">programming</a> <a href="#protection" style="font-size: 1.1em;" class="tag" onclick="tagSelected('protection')" id="tag_protection">protection</a> <a href="#regex" style="font-size: 1.0em;" class="tag" onclick="tagSelected('regex')" id="tag_regex">regex</a> <a href="#regexp" style="font-size: 1.4em;" class="tag" onclick="tagSelected('regexp')" id="tag_regexp">regexp</a> <a href="#regular_expression" style="font-size: 1.3em;" class="tag" onclick="tagSelected('regular_expression')" id="tag_regular_expression">regular&nbsp;expression</a> <a href="#remote" style="font-size: 1.0em;" class="tag" onclick="tagSelected('remote')" id="tag_remote">remote</a> <a href="#ruby" style="font-size: 1.3em;" class="tag" onclick="tagSelected('ruby')" id="tag_ruby">ruby</a> <a href="#S_MIME" style="font-size: 1.0em;" class="tag" onclick="tagSelected('S_MIME')" id="tag_S_MIME">S/MIME</a> <a href="#Safari" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Safari')" id="tag_Safari">Safari</a> <a href="#science" style="font-size: 1.0em;" class="tag" onclick="tagSelected('science')" id="tag_science">science</a> <a href="#screensaver" style="font-size: 1.0em;" class="tag" onclick="tagSelected('screensaver')" id="tag_screensaver">screensaver</a> <a href="#script" style="font-size: 1.5em;" class="tag" onclick="tagSelected('script')" id="tag_script">script</a> <a href="#security" style="font-size: 1.2em;" class="tag" onclick="tagSelected('security')" id="tag_security">security</a> <a href="#shell" style="font-size: 1.2em;" class="tag" onclick="tagSelected('shell')" id="tag_shell">shell</a> <a href="#ssh" style="font-size: 1.0em;" class="tag" onclick="tagSelected('ssh')" id="tag_ssh">ssh</a> <a href="#statistics" style="font-size: 1.0em;" class="tag" onclick="tagSelected('statistics')" id="tag_statistics">statistics</a> <a href="#SVG" style="font-size: 1.0em;" class="tag" onclick="tagSelected('SVG')" id="tag_SVG">SVG</a> <a href="#svn" style="font-size: 1.0em;" class="tag" onclick="tagSelected('svn')" id="tag_svn">svn</a> <a href="#synchronisation" style="font-size: 1.1em;" class="tag" onclick="tagSelected('synchronisation')" id="tag_synchronisation">synchronisation</a> <a href="#theory" style="font-size: 1.0em;" class="tag" onclick="tagSelected('theory')" id="tag_theory">theory</a> <a href="#tip" style="font-size: 1.1em;" class="tag" onclick="tagSelected('tip')" id="tag_tip">tip</a> <a href="#tree" style="font-size: 1.1em;" class="tag" onclick="tagSelected('tree')" id="tag_tree">tree</a> <a href="#tutorial" style="font-size: 1.0em;" class="tag" onclick="tagSelected('tutorial')" id="tag_tutorial">tutorial</a> <a href="#Ubuntu" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Ubuntu')" id="tag_Ubuntu">Ubuntu</a> <a href="#User" style="font-size: 1.0em;" class="tag" onclick="tagSelected('User')" id="tag_User">User</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> <a href="#wav" style="font-size: 1.0em;" class="tag" onclick="tagSelected('wav')" id="tag_wav">wav</a> <a href="#web" style="font-size: 2.5em;" class="tag" onclick="tagSelected('web')" id="tag_web">web</a> <a href="#WebDav" style="font-size: 1.1em;" class="tag" onclick="tagSelected('WebDav')" id="tag_WebDav">WebDav</a> <a href="#webdesign" style="font-size: 1.1em;" class="tag" onclick="tagSelected('webdesign')" id="tag_webdesign">webdesign</a> <a href="#workflow" style="font-size: 1.0em;" class="tag" onclick="tagSelected('workflow')" id="tag_workflow">workflow</a> <a href="#Xcode" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Xcode')" id="tag_Xcode">Xcode</a> <a href="#XML" style="font-size: 1.1em;" 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> <a href="#yesod" style="font-size: 1.1em;" class="tag" onclick="tagSelected('yesod')" id="tag_yesod">yesod</a> <a href="#zsh" style="font-size: 1.3em;" class="tag" onclick="tagSelected('zsh')" id="tag_zsh">zsh</a> </div><div id="hiddenDivs" ><div id="alternate_reality" class="list"><h4>alternate reality</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">Aug</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/03_losthighway/">A try to demystify 'Lost Highway' <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="analyser" class="list"><h4>analyser</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-track-events-with-google-analytics/">Track Events with Google Analytics <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><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="ASCII" class="list"><h4>ASCII</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">Jul</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Haskell-Mandelbrot/">ASCII Haskell Mandelbrot <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Asynchronous" class="list"><h4>Asynchronous</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-track-events-with-google-analytics/">Track Events with Google Analytics <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="awk" class="list"><h4>awk</h4><ul style="list-style-type: none; margin: 0;">
<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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Basic" class="list"><h4>Basic</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">Sep</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/programming-language-experience/">Programming Language Experience <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Bazaar" class="list"><h4>Bazaar</h4><ul style="list-style-type: none; margin: 0;">
<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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="blacklist" class="list"><h4>blacklist</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">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="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">19</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="branch" class="list"><h4>branch</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">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="branches" class="list"><h4>branches</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">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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="bzr" class="list"><h4>bzr</h4><ul style="list-style-type: none; margin: 0;">
<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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="C" class="list"><h4>C</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">Sep</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/programming-language-experience/">Programming Language Experience <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<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>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="C__" class="list"><h4>C++</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">Sep</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/programming-language-experience/">Programming Language Experience <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Cappuccino" class="list"><h4>Cappuccino</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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Chrome" class="list"><h4>Chrome</h4><ul style="list-style-type: none; margin: 0;">
<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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Cocoa" class="list"><h4>Cocoa</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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Coffeescript" class="list"><h4>Coffeescript</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<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 won't use CoffeeScript (sadly) <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="colors" class="list"><h4>colors</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">Aug</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/A-more-convenient-diff/">A more convenient diff <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="comments" class="list"><h4>comments</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">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="CSS" class="list"><h4>CSS</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">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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="David_Lynch" class="list"><h4>David Lynch</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">Aug</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/03_losthighway/">A try to demystify 'Lost Highway' <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="DCVS" class="list"><h4>DCVS</h4><ul style="list-style-type: none; margin: 0;">
<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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="dcvs" class="list"><h4>dcvs</h4><ul style="list-style-type: none; margin: 0;">
<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="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/en/blog/SVG-and-m4-fractals/">Increase the power of deficient languages. <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">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="diff" class="list"><h4>diff</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">Aug</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/A-more-convenient-diff/">A more convenient diff <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="disqus" class="list"><h4>disqus</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">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">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="diverged" class="list"><h4>diverged</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">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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="drm" class="list"><h4>drm</h4><ul style="list-style-type: none; margin: 0;">
<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="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">Aug</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Learn-Vim-Progressively/">Learn Vim Progressively <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="email" class="list"><h4>email</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">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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="extension" class="list"><h4>extension</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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="file" class="list"><h4>file</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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="filter" class="list"><h4>filter</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">Sep</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Higher-order-function-in-zsh/">Higher order function in zsh <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="Firefox" class="list"><h4>Firefox</h4><ul style="list-style-type: none; margin: 0;">
<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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="foldr" class="list"><h4>foldr</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">Sep</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Higher-order-function-in-zsh/">Higher order function in zsh <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Fonts" class="list"><h4>Fonts</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">12</span>
<span class="month">Jan</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/">antialias font in Firefox under Ubuntu <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="format" class="list"><h4>format</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<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>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="fractal" class="list"><h4>fractal</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/en/blog/SVG-and-m4-fractals/">Increase the power of deficient languages. <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="framework" class="list"><h4>framework</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">Oct</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Yesod-excellent-ideas/">Yesod excellent ideas <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="functional" class="list"><h4>functional</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">Sep</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Higher-order-function-in-zsh/">Higher order function in zsh <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">17</span>
<span class="month">Aug</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/A-more-convenient-diff/">A more convenient diff <span class="nicer">»</span></a>
</li>
<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="golfed" class="list"><h4>golfed</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">Jul</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Haskell-Mandelbrot/">ASCII Haskell Mandelbrot <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Google" class="list"><h4>Google</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-track-events-with-google-analytics/">Track Events with Google Analytics <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="haskell" class="list"><h4>haskell</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">Dec</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Yesod-tutorial-for-newbies/">Haskell web programming <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">4</span>
<span class="month">Oct</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Yesod-excellent-ideas/">Yesod excellent ideas <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">2011</span>
</span>
<a href="/Scratch/en/blog/programming-language-experience/">Programming Language Experience <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">10</span>
<span class="month">Jul</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Haskell-Mandelbrot/">ASCII Haskell Mandelbrot <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="hide" class="list"><h4>hide</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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="higher_order_functions" class="list"><h4>higher order functions</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">Sep</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Higher-order-function-in-zsh/">Higher order function in zsh <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="HTML" class="list"><h4>HTML</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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="ideas" class="list"><h4>ideas</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">Oct</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Yesod-excellent-ideas/">Yesod excellent ideas <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="indecidability" class="list"><h4>indecidability</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">11</span>
<span class="month">Aug</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-07-09-Indecidabilities/">Undecidabilities (part 1) <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="intense_debate" class="list"><h4>intense debate</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">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">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="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">2</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="iTunes" class="list"><h4>iTunes</h4><ul style="list-style-type: none; margin: 0;">
<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="Java" class="list"><h4>Java</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">Sep</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/programming-language-experience/">Programming Language Experience <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">19</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">19</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="languages" class="list"><h4>languages</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">Sep</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/programming-language-experience/">Programming Language Experience <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="LaTeX" class="list"><h4>LaTeX</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<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>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="learn" class="list"><h4>learn</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">Aug</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Learn-Vim-Progressively/">Learn Vim Progressively <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Linux" class="list"><h4>Linux</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">12</span>
<span class="month">Jan</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/">antialias font in Firefox under Ubuntu <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="local" class="list"><h4>local</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">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="Logo" class="list"><h4>Logo</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">Sep</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/programming-language-experience/">Programming Language Experience <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Lost_Highway" class="list"><h4>Lost Highway</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">Aug</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/03_losthighway/">A try to demystify 'Lost Highway' <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</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/en/blog/SVG-and-m4-fractals/">Increase the power of deficient languages. <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="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">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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="macros" class="list"><h4>macros</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<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>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="mandelbrot" class="list"><h4>mandelbrot</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">Jul</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Haskell-Mandelbrot/">ASCII Haskell Mandelbrot <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="map" class="list"><h4>map</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">Sep</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Higher-order-function-in-zsh/">Higher order function in zsh <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="markdown" class="list"><h4>markdown</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<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>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="mathematics" class="list"><h4>mathematics</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">11</span>
<span class="month">Aug</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-07-09-Indecidabilities/">Undecidabilities (part 1) <span class="nicer">»</span></a>
</li>
<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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="mobileme" class="list"><h4>mobileme</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">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="movie" class="list"><h4>movie</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">Aug</span>
<span class="year">2009</span>
</span>
<a href="/Scratch/en/blog/03_losthighway/">A try to demystify 'Lost Highway' <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="multi_language" class="list"><h4>multi-language</h4><ul style="list-style-type: none; margin: 0;">
<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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="nanoc" class="list"><h4>nanoc</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<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>
</li>
<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">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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="negate" class="list"><h4>negate</h4><ul style="list-style-type: none; margin: 0;">
<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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Objective_C" class="list"><h4>Objective-C</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-base64-and-sha1-on-iPhone/">base64 and sha1 on iPhone <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="OS_X" class="list"><h4>OS X</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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="password" class="list"><h4>password</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">18</span>
<span class="month">May</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Password-Management/">40 character's passwords <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Perl" class="list"><h4>Perl</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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="philosophy" class="list"><h4>philosophy</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">11</span>
<span class="month">Aug</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-07-09-Indecidabilities/">Undecidabilities (part 1) <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="popup" class="list"><h4>popup</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">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>
</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">28</span>
<span class="month">Dec</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Yesod-tutorial-for-newbies/">Haskell web programming <span class="nicer">»</span></a>
</li>
<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/en/blog/SVG-and-m4-fractals/">Increase the power of deficient languages. <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">2011</span>
</span>
<a href="/Scratch/en/blog/Higher-order-function-in-zsh/">Higher order function in zsh <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">2011</span>
</span>
<a href="/Scratch/en/blog/programming-language-experience/">Programming Language Experience <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<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>
</li>
<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">2</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">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">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">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="protection" class="list"><h4>protection</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">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">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="regex" class="list"><h4>regex</h4><ul style="list-style-type: none; margin: 0;">
<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>
</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="remote" class="list"><h4>remote</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">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="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">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>
</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">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="S_MIME" class="list"><h4>S/MIME</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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Safari" class="list"><h4>Safari</h4><ul style="list-style-type: none; margin: 0;">
<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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="science" class="list"><h4>science</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">11</span>
<span class="month">Aug</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-07-09-Indecidabilities/">Undecidabilities (part 1) <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="screensaver" class="list"><h4>screensaver</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">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="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="security" class="list"><h4>security</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">18</span>
<span class="month">May</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Password-Management/">40 character's passwords <span class="nicer">»</span></a>
</li>
<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>
</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="ssh" class="list"><h4>ssh</h4><ul style="list-style-type: none; margin: 0;">
<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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="statistics" class="list"><h4>statistics</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>
</ul><a class="return" href="#tagcloud">&uarr;</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/en/blog/SVG-and-m4-fractals/">Increase the power of deficient languages. <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="svn" class="list"><h4>svn</h4><ul style="list-style-type: none; margin: 0;">
<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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="synchronisation" class="list"><h4>synchronisation</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">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="theory" class="list"><h4>theory</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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="tip" class="list"><h4>tip</h4><ul style="list-style-type: none; margin: 0;">
<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">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="tree" class="list"><h4>tree</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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="tutorial" class="list"><h4>tutorial</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">Aug</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Learn-Vim-Progressively/">Learn Vim Progressively <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Ubuntu" class="list"><h4>Ubuntu</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">12</span>
<span class="month">Jan</span>
<span class="year">2010</span>
</span>
<a href="/Scratch/en/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/">antialias font in Firefox under Ubuntu <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="User" class="list"><h4>User</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-track-events-with-google-analytics/">Track Events with Google Analytics <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</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">Aug</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Learn-Vim-Progressively/">Learn Vim Progressively <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</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">Aug</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Learn-Vim-Progressively/">Learn Vim Progressively <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="wav" class="list"><h4>wav</h4><ul style="list-style-type: none; margin: 0;">
<li style="line-height: 3em; margin: 0;">
<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>
</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">28</span>
<span class="month">Dec</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Yesod-tutorial-for-newbies/">Haskell web programming <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">4</span>
<span class="month">Oct</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Yesod-excellent-ideas/">Yesod excellent ideas <span class="nicer">»</span></a>
</li>
<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">19</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="WebDav" class="list"><h4>WebDav</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">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="webdesign" class="list"><h4>webdesign</h4><ul style="list-style-type: none; margin: 0;">
<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">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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="workflow" class="list"><h4>workflow</h4><ul style="list-style-type: none; margin: 0;">
<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>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Xcode" class="list"><h4>Xcode</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">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="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/en/blog/SVG-and-m4-fractals/">Increase the power of deficient languages. <span class="nicer">»</span></a>
</li>
<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>
</ul><a class="return" href="#tagcloud">&uarr;</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/en/blog/SVG-and-m4-fractals/">Increase the power of deficient languages. <span class="nicer">»</span></a>
</li>
</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="yesod" class="list"><h4>yesod</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">Dec</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Yesod-tutorial-for-newbies/">Haskell web programming <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">4</span>
<span class="month">Oct</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Yesod-excellent-ideas/">Yesod excellent ideas <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">Sep</span>
<span class="year">2011</span>
</span>
<a href="/Scratch/en/blog/Higher-order-function-in-zsh/">Higher order function in zsh <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>
</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">28</span>
<span class="month">Dec</span>
<span class="year">2011</span>
</span> <a href="/Scratch/en/blog/Yesod-tutorial-for-newbies/">Haskell web programming<span class="nicer">»</span></a></li><li><span class="date">
<span class="day">20</span>
<span class="month">Oct</span>
<span class="year">2011</span>
</span> <a href="/Scratch/en/blog/SVG-and-m4-fractals/">Increase the power of deficient languages.<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/en/blog/Yesod-excellent-ideas/">Yesod excellent ideas<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/en/blog/Higher-order-function-in-zsh/">Higher order function in zsh<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/en/blog/programming-language-experience/">Programming Language Experience<span class="nicer">»</span></a></li><li><span class="date">
<span class="day">25</span>
<span class="month">Aug</span>
<span class="year">2011</span>
</span> <a href="/Scratch/en/blog/Learn-Vim-Progressively/">Learn Vim Progressively<span class="nicer">»</span></a></li><li><span class="date">
<span class="day">17</span>
<span class="month">Aug</span>
<span class="year">2011</span>
</span> <a href="/Scratch/en/blog/A-more-convenient-diff/">A more convenient diff<span class="nicer">»</span></a></li><li><span class="date">
<span class="day">10</span>
<span class="month">Jul</span>
<span class="year">2011</span>
</span> <a href="/Scratch/en/blog/Haskell-Mandelbrot/">ASCII Haskell Mandelbrot<span class="nicer">»</span></a></li><li><span class="date">
<span class="day">18</span>
<span class="month">May</span>
<span class="year">2011</span>
</span> <a href="/Scratch/en/blog/Password-Management/">40 character's passwords<span class="nicer">»</span></a></li><li><span class="date">
<span class="day">20</span>
<span class="month">Apr</span>
<span class="year">2011</span>
</span> <a href="/Scratch/en/blog/2011-04-20-Now-hosted-on-github/">Now hosted on github<span class="nicer">»</span></a></li><li><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 won't use CoffeeScript (sadly)<span class="nicer">»</span></a></li><li><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></li></ul><script type="text/javascript">$('#archives_2011').hide()</script><h4 class="button" onclick="$('#archives_2010').slideToggle()">[2010]</h4><ul id="archives_2010"><li><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></li><li><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></li><li><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><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><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><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-base64-and-sha1-on-iPhone/">base64 and sha1 on iPhone<span class="nicer">»</span></a></li><li><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><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><span class="date">
<span class="day">11</span>
<span class="month">Aug</span>
<span class="year">2010</span>
</span> <a href="/Scratch/en/blog/2010-07-09-Indecidabilities/">Undecidabilities (part 1)<span class="nicer">»</span></a></li><li><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><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><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><span class="date">
<span class="day">19</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><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><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><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><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><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><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><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><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><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><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><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><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><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><span class="date">
<span class="day">12</span>
<span class="month">Jan</span>
<span class="year">2010</span>
</span> <a href="/Scratch/en/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/">antialias font in Firefox under Ubuntu<span class="nicer">»</span></a></li><li><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></ul><script type="text/javascript">$('#archives_2010').hide()</script><h4 class="button" onclick="$('#archives_2009').slideToggle()">[2009]</h4><ul id="archives_2009"><li><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><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><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><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><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><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><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><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><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><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><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><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><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><li><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><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><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><li><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><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><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><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><li><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><li><span class="date">
<span class="day">4</span>
<span class="month">Aug</span>
<span class="year">2009</span>
</span> <a href="/Scratch/en/blog/03_losthighway/">A try to demystify 'Lost Highway'<span class="nicer">»</span></a></li><li><span class="date">
<span class="day">22</span>
<span class="month">Jul</span>
<span class="year">2009</span>
</span> <a href="/Scratch/en/blog/02_ackgrep/">Better than Grep<span class="nicer">»</span></a></li></ul><script type="text/javascript">$('#archives_2009').hide()</script><h4 class="button" onclick="$('#archives_2008').slideToggle()">[2008]</h4><ul id="archives_2008"><li><span class="date">
<span class="day">10</span>
<span class="month">Oct</span>
<span class="year">2008</span>
</span> <a href="/Scratch/en/blog/01_nanoc/">Nanoc<span class="nicer">»</span></a></li></ul><script type="text/javascript">$('#archives_2008').hide()</script></div>
<h2 id="two-words-about-the-content">
Two words about the content
</h2>
<div class="corps">
<p>
Here you'll can find mostly technical articles.
Some are just reminder of technical tips.
But some are long and technically detailled articles.
</p>
<hr/>
<p>
I do my best to traduce each page in French and in English.
It is not always easy as English is not my natural language.
I used to make many errors, orthographic, grammatical, typographical&hellip;
</p>
<p>
<strong> Thanks not to judge me based on these errors! And don't forget content is more important than presentation! </strong>
</p><p>
The first impression I'll let you if we meet in real life should be different from the one I let you based on my website.
</p><p>
I wish you to find something useful or interesting on this website.
</p>
<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: 05/30/2011
</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>