scratch/output/Scratch/en/blog/index.html
Yann Esposito (Yogsototh) 7dc0957465 regeneration
2012-05-03 11:21:34 +02:00

2744 lines
No EOL
160 KiB
HTML

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="shortcut icon" type="image/x-icon" href="/Scratch/img/favicon.ico" />
<link rel="stylesheet" type="text/css" href="/Scratch/assets/css/main.css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="http://feeds.feedburner.com/yannespositocomen"/>
<link rel="alternate" lang="fr" xml:lang="fr" title="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">18 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>
<div class="popularblock">
<a href="/Scratch/en/blog/Learn-Vim-Progressively/">
<figure>
<img src="/Scratch/img/blog/Learn-Vim-Progressively/uber_leet_use_vim.jpg" alt="Ü83R 1337 use Vim!"/>
<figcaption>
Learn Vim Progressively <span class="nicer">»</span>
</figcaption>
</figure>
</a>
</div>
<div class="popularblock">
<a href="/Scratch/en/blog/Yesod-tutorial-for-newbies/">
<figure>
<img src="/Scratch/img/blog/Yesod-tutorial-for-newbies/flying_neo.jpg" alt="Neo Flying at warp speed"/>
<figcaption>
Haskell web programming <span class="nicer">»</span>
</figcaption>
</figure>
</a>
</div>
<div class="popularblock">
<a href="/Scratch/en/blog/Haskell-the-Hard-Way/">
<figure>
<img src="/Scratch/img/blog/Haskell-the-Hard-Way/magritte_pleasure_principle.jpg" alt="Magritte pleasure principle"/>
<figcaption>
Learn Haskell Fast and Hard <span class="nicer">»</span>
</figcaption>
</figure>
</a>
</div>
<div class="flush"></div>
<h2 id="last-articles">
18 lastest Articles
</h2>
</div>
<div class="corps">
<div class="popularblock"><a href="/Scratch/en/blog/Haskell-the-Hard-Way/"><figure><img alt="Magritte pleasure principle" src="/Scratch/img/blog/Haskell-the-Hard-Way/magritte_pleasure_principle.jpg" />
<figcaption>
Learn Haskell Fast and Hard <span class="nicer">»</span>
</figcaption></figure></a></div>
<div class="popularblock"><a href="/Scratch/en/blog/Typography-and-the-Web/"><figure><img alt="Screenshot of first in small caps with and without ligatures." src="/Scratch/img/blog/Typography-and-the-Web/first_sc_screenshot.png" />
<figcaption>
Typography and the Web <span class="nicer">»</span>
</figcaption></figure></a></div>
<div class="popularblock"><a href="/Scratch/en/blog/Yesod-tutorial-for-newbies/"><figure><img alt="Neo Flying at warp speed" src="/Scratch/img/blog/Yesod-tutorial-for-newbies/flying_neo.jpg" />
<figcaption>
Haskell web programming <span class="nicer">»</span>
</figcaption></figure></a></div>
<div class="flush"></div>
<div class="popularblock"><a href="/Scratch/en/blog/SVG-and-m4-fractals/"><figure><img alt="Yesod logo made in SVG and m4" src="/Scratch/img/blog/SVG-and-m4-fractals/main.png" />
<figcaption>
Increase the power of deficient languages. <span class="nicer">»</span>
</figcaption></figure></a></div>
<div class="popularblock"><a href="/Scratch/en/blog/Yesod-excellent-ideas/"><figure><img alt="Title image" src="/Scratch/img/blog/Yesod-excellent-ideas/main.png" />
<figcaption>
Yesod excellent ideas <span class="nicer">»</span>
</figcaption></figure></a></div>
<div class="popularblock"><a href="/Scratch/en/blog/Higher-order-function-in-zsh/"><figure><img alt="Title image" src="/Scratch/img/blog/Higher-order-function-in-zsh/main.jpg" />
<figcaption>
Higher order function in zsh <span class="nicer">»</span>
</figcaption></figure></a></div>
<div class="flush"></div>
<div class="popularblock"><a href="/Scratch/en/blog/programming-language-experience/"><figure><img alt="Title image" src="/Scratch/img/blog/programming-language-experience/dragon.jpg" />
<figcaption>
Programming Language Experience <span class="nicer">»</span>
</figcaption></figure></a></div>
<div class="popularblock"><a href="/Scratch/en/blog/Learn-Vim-Progressively/"><figure><img alt="Über leet use vim!" src="/Scratch/img/blog/Learn-Vim-Progressively/uber_leet_use_vim.jpg" />
<figcaption>
Learn Vim Progressively <span class="nicer">»</span>
</figcaption></figure></a></div>
<div class="popularblock"><a href="/Scratch/en/blog/A-more-convenient-diff/"><figure><img src="/Scratch/img/presentation.png" alt="basic logo"/>
<figcaption>
A more convenient diff <span class="nicer">»</span>
</figcaption></figure></a></div>
<div class="flush"></div>
<div class="popularblock"><a href="/Scratch/en/blog/Haskell-Mandelbrot/"><figure><img src="/Scratch/img/presentation.png" alt="basic logo"/>
<figcaption>
ASCII Haskell Mandelbrot <span class="nicer">»</span>
</figcaption></figure></a></div>
<div class="popularblock"><a href="/Scratch/en/blog/Password-Management/"><figure><img alt="Title image" src="/Scratch/img/blog/Password-Management/main.png" />
<figcaption>
40 character's passwords <span class="nicer">»</span>
</figcaption></figure></a></div>
<div class="popularblock"><a href="/Scratch/en/blog/2011-04-20-Now-hosted-on-github/"><figure><img alt="Title image" src="/Scratch/img/blog/2011-04-20-Now-hosted-on-github/main.png" />
<figcaption>
Now hosted on github <span class="nicer">»</span>
</figcaption></figure></a></div>
<div class="flush"></div>
<div class="popularblock"><a href="/Scratch/en/blog/2011-01-03-Why-I-sadly-won-t-use-coffeescript/"><figure><img alt="Title image" src="/Scratch/img/blog/2011-01-03-Why-I-sadly-won-t-use-coffeescript/main.png" />
<figcaption>
Why I won't use CoffeeScript (sadly) <span class="nicer">»</span>
</figcaption></figure></a></div>
<div class="popularblock"><a href="/Scratch/en/blog/2011-01-03-Happy-New-Year/"><figure><img src="/Scratch/img/presentation.png" alt="basic logo"/>
<figcaption>
Happy New Year <span class="nicer">»</span>
</figcaption></figure></a></div>
<div class="popularblock"><a href="/Scratch/en/blog/2010-10-26-LaTeX-like-macro-and-markdown/"><figure><img src="/Scratch/img/presentation.png" alt="basic logo"/>
<figcaption>
LaTeX like macro for markdown <span class="nicer">»</span>
</figcaption></figure></a></div>
<div class="flush"></div>
<div class="popularblock"><a href="/Scratch/en/blog/2010-10-14-Fun-with-wav/"><figure><img src="/Scratch/img/presentation.png" alt="basic logo"/>
<figcaption>
Fun with wav <span class="nicer">»</span>
</figcaption></figure></a></div>
<div class="popularblock"><a href="/Scratch/en/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/"><figure><img alt="Title image" src="/Scratch/img/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/main.png" class="clean " />
<figcaption>
Secure eMail on Mac in few steps <span class="nicer">»</span>
</figcaption></figure></a></div>
<div class="popularblock"><a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/"><figure><img src="/Scratch/img/presentation.png" alt="basic logo"/>
<figcaption>
New Blog Design Constraints <span class="nicer">»</span>
</figcaption></figure></a></div>
<div class="flush"></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="tagname" onclick="tagSelected('alternate_reality')" id="tag_alternate_reality">alternate&nbsp;reality</a> <a href="#analyser" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('analyser')" id="tag_analyser">analyser</a> <a href="#analytics" style="font-size: 1.1875em;" class="tagname" onclick="tagSelected('analytics')" id="tag_analytics">analytics</a> <a href="#Apple" style="font-size: 1.5625em;" class="tagname" onclick="tagSelected('Apple')" id="tag_Apple">Apple</a> <a href="#ASCII" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('ASCII')" id="tag_ASCII">ASCII</a> <a href="#Asynchronous" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('Asynchronous')" id="tag_Asynchronous">Asynchronous</a> <a href="#awk" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('awk')" id="tag_awk">awk</a> <a href="#Basic" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('Basic')" id="tag_Basic">Basic</a> <a href="#Bazaar" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('Bazaar')" id="tag_Bazaar">Bazaar</a> <a href="#blacklist" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('blacklist')" id="tag_blacklist">blacklist</a> <a href="#blog" style="font-size: 1.75em;" class="tagname" onclick="tagSelected('blog')" id="tag_blog">blog</a> <a href="#branch" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('branch')" id="tag_branch">branch</a> <a href="#branches" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('branches')" id="tag_branches">branches</a> <a href="#bzr" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('bzr')" id="tag_bzr">bzr</a> <a href="#C" style="font-size: 1.09375em;" class="tagname" onclick="tagSelected('C')" id="tag_C">C</a> <a href="#C__" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('C__')" id="tag_C__">C++</a> <a href="#Cappuccino" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('Cappuccino')" id="tag_Cappuccino">Cappuccino</a> <a href="#Chrome" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('Chrome')" id="tag_Chrome">Chrome</a> <a href="#Cocoa" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('Cocoa')" id="tag_Cocoa">Cocoa</a> <a href="#Coffeescript" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('Coffeescript')" id="tag_Coffeescript">Coffeescript</a> <a href="#colors" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('colors')" id="tag_colors">colors</a> <a href="#comments" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('comments')" id="tag_comments">comments</a> <a href="#CSS" style="font-size: 1.09375em;" class="tagname" onclick="tagSelected('CSS')" id="tag_CSS">CSS</a> <a href="#David_Lynch" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('David_Lynch')" id="tag_David_Lynch">David&nbsp;Lynch</a> <a href="#DCVS" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('DCVS')" id="tag_DCVS">DCVS</a> <a href="#dcvs" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('dcvs')" id="tag_dcvs">dcvs</a> <a href="#design" style="font-size: 1.375em;" class="tagname" onclick="tagSelected('design')" id="tag_design">design</a> <a href="#diff" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('diff')" id="tag_diff">diff</a> <a href="#disqus" style="font-size: 1.09375em;" class="tagname" onclick="tagSelected('disqus')" id="tag_disqus">disqus</a> <a href="#diverged" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('diverged')" id="tag_diverged">diverged</a> <a href="#drm" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('drm')" id="tag_drm">drm</a> <a href="#editor" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('editor')" id="tag_editor">editor</a> <a href="#email" style="font-size: 1.09375em;" class="tagname" onclick="tagSelected('email')" id="tag_email">email</a> <a href="#extension" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('extension')" id="tag_extension">extension</a> <a href="#file" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('file')" id="tag_file">file</a> <a href="#filter" style="font-size: 1.09375em;" class="tagname" onclick="tagSelected('filter')" id="tag_filter">filter</a> <a href="#Firefox" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('Firefox')" id="tag_Firefox">Firefox</a> <a href="#foldr" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('foldr')" id="tag_foldr">foldr</a> <a href="#Fonts" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('Fonts')" id="tag_Fonts">Fonts</a> <a href="#format" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('format')" id="tag_format">format</a> <a href="#fractal" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('fractal')" id="tag_fractal">fractal</a> <a href="#framework" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('framework')" id="tag_framework">framework</a> <a href="#functional" style="font-size: 1.09375em;" class="tagname" onclick="tagSelected('functional')" id="tag_functional">functional</a> <a href="#git" style="font-size: 1.75em;" class="tagname" onclick="tagSelected('git')" id="tag_git">git</a> <a href="#golfed" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('golfed')" id="tag_golfed">golfed</a> <a href="#Google" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('Google')" id="tag_Google">Google</a> <a href="#Haskell" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('Haskell')" id="tag_Haskell">Haskell</a> <a href="#haskell" style="font-size: 1.28125em;" class="tagname" onclick="tagSelected('haskell')" id="tag_haskell">haskell</a> <a href="#hide" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('hide')" id="tag_hide">hide</a> <a href="#higher_order_functions" style="font-size: 1.0em;" class="tagname" 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="tagname" onclick="tagSelected('HTML')" id="tag_HTML">HTML</a> <a href="#ideas" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('ideas')" id="tag_ideas">ideas</a> <a href="#indecidability" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('indecidability')" id="tag_indecidability">indecidability</a> <a href="#intense_debate" style="font-size: 1.09375em;" class="tagname" onclick="tagSelected('intense_debate')" id="tag_intense_debate">intense&nbsp;debate</a> <a href="#iPhone" style="font-size: 1.1875em;" class="tagname" onclick="tagSelected('iPhone')" id="tag_iPhone">iPhone</a> <a href="#iTunes" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('iTunes')" id="tag_iTunes">iTunes</a> <a href="#Java" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('Java')" id="tag_Java">Java</a> <a href="#javascript" style="font-size: 1.5625em;" class="tagname" onclick="tagSelected('javascript')" id="tag_javascript">javascript</a> <a href="#jQuery" style="font-size: 1.75em;" class="tagname" onclick="tagSelected('jQuery')" id="tag_jQuery">jQuery</a> <a href="#languages" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('languages')" id="tag_languages">languages</a> <a href="#LaTeX" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('LaTeX')" id="tag_LaTeX">LaTeX</a> <a href="#learn" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('learn')" id="tag_learn">learn</a> <a href="#Linux" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('Linux')" id="tag_Linux">Linux</a> <a href="#local" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('local')" id="tag_local">local</a> <a href="#Logo" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('Logo')" id="tag_Logo">Logo</a> <a href="#Lost_Highway" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('Lost_Highway')" id="tag_Lost_Highway">Lost&nbsp;Highway</a> <a href="#m4" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('m4')" id="tag_m4">m4</a> <a href="#mac" style="font-size: 1.1875em;" class="tagname" onclick="tagSelected('mac')" id="tag_mac">mac</a> <a href="#Mac" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('Mac')" id="tag_Mac">Mac</a> <a href="#macros" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('macros')" id="tag_macros">macros</a> <a href="#mandelbrot" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('mandelbrot')" id="tag_mandelbrot">mandelbrot</a> <a href="#map" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('map')" id="tag_map">map</a> <a href="#markdown" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('markdown')" id="tag_markdown">markdown</a> <a href="#mathematics" style="font-size: 1.09375em;" class="tagname" onclick="tagSelected('mathematics')" id="tag_mathematics">mathematics</a> <a href="#mobileme" style="font-size: 1.09375em;" class="tagname" onclick="tagSelected('mobileme')" id="tag_mobileme">mobileme</a> <a href="#movie" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('movie')" id="tag_movie">movie</a> <a href="#multi_language" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('multi_language')" id="tag_multi_language">multi-language</a> <a href="#nanoc" style="font-size: 1.1875em;" class="tagname" onclick="tagSelected('nanoc')" id="tag_nanoc">nanoc</a> <a href="#negate" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('negate')" id="tag_negate">negate</a> <a href="#Objective_C" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('Objective_C')" id="tag_Objective_C">Objective-C</a> <a href="#OS_X" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('OS_X')" id="tag_OS_X">OS&nbsp;X</a> <a href="#password" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('password')" id="tag_password">password</a> <a href="#Perl" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('Perl')" id="tag_Perl">Perl</a> <a href="#philosophy" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('philosophy')" id="tag_philosophy">philosophy</a> <a href="#popup" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('popup')" id="tag_popup">popup</a> <a href="#programming" style="font-size: 2.125em;" class="tagname" onclick="tagSelected('programming')" id="tag_programming">programming</a> <a href="#protection" style="font-size: 1.09375em;" class="tagname" onclick="tagSelected('protection')" id="tag_protection">protection</a> <a href="#regex" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('regex')" id="tag_regex">regex</a> <a href="#regexp" style="font-size: 1.375em;" class="tagname" onclick="tagSelected('regexp')" id="tag_regexp">regexp</a> <a href="#regular_expression" style="font-size: 1.28125em;" class="tagname" onclick="tagSelected('regular_expression')" id="tag_regular_expression">regular&nbsp;expression</a> <a href="#remote" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('remote')" id="tag_remote">remote</a> <a href="#ruby" style="font-size: 1.28125em;" class="tagname" onclick="tagSelected('ruby')" id="tag_ruby">ruby</a> <a href="#S_MIME" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('S_MIME')" id="tag_S_MIME">S/MIME</a> <a href="#Safari" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('Safari')" id="tag_Safari">Safari</a> <a href="#science" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('science')" id="tag_science">science</a> <a href="#screensaver" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('screensaver')" id="tag_screensaver">screensaver</a> <a href="#script" style="font-size: 1.46875em;" class="tagname" onclick="tagSelected('script')" id="tag_script">script</a> <a href="#security" style="font-size: 1.1875em;" class="tagname" onclick="tagSelected('security')" id="tag_security">security</a> <a href="#shell" style="font-size: 1.1875em;" class="tagname" onclick="tagSelected('shell')" id="tag_shell">shell</a> <a href="#ssh" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('ssh')" id="tag_ssh">ssh</a> <a href="#statistics" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('statistics')" id="tag_statistics">statistics</a> <a href="#SVG" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('SVG')" id="tag_SVG">SVG</a> <a href="#svn" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('svn')" id="tag_svn">svn</a> <a href="#synchronisation" style="font-size: 1.09375em;" class="tagname" onclick="tagSelected('synchronisation')" id="tag_synchronisation">synchronisation</a> <a href="#theory" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('theory')" id="tag_theory">theory</a> <a href="#tip" style="font-size: 1.09375em;" class="tagname" onclick="tagSelected('tip')" id="tag_tip">tip</a> <a href="#tree" style="font-size: 1.09375em;" class="tagname" onclick="tagSelected('tree')" id="tag_tree">tree</a> <a href="#tutorial" style="font-size: 1.09375em;" class="tagname" onclick="tagSelected('tutorial')" id="tag_tutorial">tutorial</a> <a href="#typography" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('typography')" id="tag_typography">typography</a> <a href="#Ubuntu" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('Ubuntu')" id="tag_Ubuntu">Ubuntu</a> <a href="#User" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('User')" id="tag_User">User</a> <a href="#vi" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('vi')" id="tag_vi">vi</a> <a href="#vim" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('vim')" id="tag_vim">vim</a> <a href="#wav" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('wav')" id="tag_wav">wav</a> <a href="#web" style="font-size: 2.5em;" class="tagname" onclick="tagSelected('web')" id="tag_web">web</a> <a href="#WebDav" style="font-size: 1.09375em;" class="tagname" onclick="tagSelected('WebDav')" id="tag_WebDav">WebDav</a> <a href="#webdesign" style="font-size: 1.09375em;" class="tagname" onclick="tagSelected('webdesign')" id="tag_webdesign">webdesign</a> <a href="#workflow" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('workflow')" id="tag_workflow">workflow</a> <a href="#Xcode" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('Xcode')" id="tag_Xcode">Xcode</a> <a href="#XML" style="font-size: 1.09375em;" class="tagname" onclick="tagSelected('XML')" id="tag_XML">XML</a> <a href="#XSLT" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('XSLT')" id="tag_XSLT">XSLT</a> <a href="#yesod" style="font-size: 1.09375em;" class="tagname" onclick="tagSelected('yesod')" id="tag_yesod">yesod</a> <a href="#zsh" style="font-size: 1.28125em;" class="tagname" 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">2</span>
<span class="month">Feb</span>
<span class="year">2012</span>
</span>
<a href="/Scratch/en/blog/Typography-and-the-Web/">Typography and the Web <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">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">8</span>
<span class="month">Feb</span>
<span class="year">2012</span>
</span>
<a href="/Scratch/en/blog/Haskell-the-Hard-Way/">Learn Haskell Fast and Hard <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>
</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">8</span>
<span class="month">Feb</span>
<span class="year">2012</span>
</span>
<a href="/Scratch/en/blog/Haskell-the-Hard-Way/">Learn Haskell Fast and Hard <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">15</span>
<span class="month">Jan</span>
<span class="year">2012</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">8</span>
<span class="month">Feb</span>
<span class="year">2012</span>
</span>
<a href="/Scratch/en/blog/Haskell-the-Hard-Way/">Learn Haskell Fast and Hard <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">15</span>
<span class="month">Jan</span>
<span class="year">2012</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">8</span>
<span class="month">Feb</span>
<span class="year">2012</span>
</span>
<a href="/Scratch/en/blog/Haskell-the-Hard-Way/">Learn Haskell Fast and Hard <span class="nicer">»</span></a>
</li>
<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="typography" class="list"><h4>typography</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">Feb</span>
<span class="year">2012</span>
</span>
<a href="/Scratch/en/blog/Typography-and-the-Web/">Typography and the Web <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">2</span>
<span class="month">Feb</span>
<span class="year">2012</span>
</span>
<a href="/Scratch/en/blog/Typography-and-the-Web/">Typography and the Web <span class="nicer">»</span></a>
</li>
<li style="line-height: 3em; margin: 0;">
<span class="date">
<span class="day">15</span>
<span class="month">Jan</span>
<span class="year">2012</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">15</span>
<span class="month">Jan</span>
<span class="year">2012</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_2012').slideToggle()">[2012]</h4><ul id="archives_2012"><li><span class="date">
<span class="day">8</span>
<span class="month">Feb</span>
<span class="year">2012</span>
</span> <a href="/Scratch/en/blog/Haskell-the-Hard-Way/">Learn Haskell Fast and Hard<span class="nicer">»</span></a></li><li><span class="date">
<span class="day">2</span>
<span class="month">Feb</span>
<span class="year">2012</span>
</span> <a href="/Scratch/en/blog/Typography-and-the-Web/">Typography and the Web<span class="nicer">»</span></a></li><li><span class="date">
<span class="day">15</span>
<span class="month">Jan</span>
<span class="year">2012</span>
</span> <a href="/Scratch/en/blog/Yesod-tutorial-for-newbies/">Haskell web programming<span class="nicer">»</span></a></li></ul><script type="text/javascript">$('#archives_2012').hide()</script><h4 class="button" onclick="$('#archives_2011').slideToggle()">[2011]</h4><ul id="archives_2011"><li><span class="date">
<span class="day">20</span>
<span class="month">Oct</span>
<span class="year">2011</span>
</span> <a href="/Scratch/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: 04/26/2012
</div>
<div>
Entirely done with
<a href="http://www.vim.org">Vim</a>
and
<a href="http://nanoc.stoneship.org">nanoc</a>
</div>
</div>
</div>
</body>
</html>