You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

2713 lines
149 KiB

<?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" /> <meta name="keywords" content="jQuery, javascript, web, ruby"> <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="stylesheet" type="text/css" href="/Scratch/css/solarized.css" />
<link rel="stylesheet" type="text/css" href="/Scratch/css/idc.css" />
<link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/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="jQuery Tag Cloud [en]" type="text/html" hreflang="fr" href="/Scratch/fr/blog/2009-09-jQuery-Tag-Cloud/" />
<link rel="alternate" lang="en" xml:lang="en" title="jQuery Tag Cloud" type="text/html" hreflang="en" href="/Scratch/en/blog/2009-09-jQuery-Tag-Cloud/" />
<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
<title>jQuery Tag Cloud</title>
</head>
<body lang="en" class="article">
<script type="text/javascript">// <![CDATA[
document.write('<div id="blackpage"><div>Hi! Start reading while a better style is loading...<img src="/Scratch/img/loading.gif" alt="loading..."/></div></div>');
// ]]>
</script>
<div id="content">
<div id="choix">
<div class="return"><a href="#entete">&darr; Menu &darr;</a></div>
<div id="choixlang"><a href="/Scratch/fr/blog/2009-09-jQuery-Tag-Cloud/" onclick="setLanguage('fr')">en Français</a>
</div>
<div class="flush"></div>
</div>
<div id="titre">
<h1>
jQuery Tag Cloud
</h1>
</div>
<div class="flush"></div>
<div class="flush"></div>
<div id="afterheader">
<div class="corps">
<p>Here is how I done the tag cloud of my blog. It is done mostly in jQuery.
All my site is static and pages are generated with <a href="nanoc.stoneship.org">nanoc</a>.
It is (in my humble opinion) the modern geek way to make a website.
The tagcloud should work for machine with and without javascript.</p>
<p>This is why I&rsquo;ll give only a Ruby Generator, not a full javascript generator.
But you can easily translate from Ruby to Javascript.</p>
<p>Here is what you should obtain:</p>
</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="#category_theory" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('category_theory')" id="tag_category_theory">category&nbsp;theory</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.09375em;" 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.1875em;" class="tagname" onclick="tagSelected('functional')" id="tag_functional">functional</a> <a href="#functor" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('functor')" id="tag_functor">functor</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.28125em;" class="tagname" onclick="tagSelected('haskell')" id="tag_haskell">haskell</a> <a href="#Haskell" style="font-size: 1.09375em;" 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.0em;" class="tagname" onclick="tagSelected('Mac')" id="tag_Mac">Mac</a> <a href="#mac" style="font-size: 1.1875em;" 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="#math" style="font-size: 1.0em;" class="tagname" onclick="tagSelected('math')" id="tag_math">math</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.21875em;" 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.1875em;" 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="category_theory" class="list"><h4>category theory</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">Dec</span>
<span class="year">2012</span>
</span>
<a href="/Scratch/en/blog/Category-Theory-Presentation/">Category Theory Presentation <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">15</span>
<span class="month">Jun</span>
<span class="year">2012</span>
</span>
<a href="/Scratch/en/blog/Haskell-OpenGL-Mandelbrot/">Haskell Progressive Example <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>
</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">15</span>
<span class="month">Jun</span>
<span class="year">2012</span>
</span>
<a href="/Scratch/en/blog/Haskell-OpenGL-Mandelbrot/">Haskell Progressive Example <span class="nicer">»</span></a>
</li>
<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="functor" class="list"><h4>functor</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">Dec</span>
<span class="year">2012</span>
</span>
<a href="/Scratch/en/blog/Category-Theory-Presentation/">Category Theory Presentation <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">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="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">Jun</span>
<span class="year">2012</span>
</span>
<a href="/Scratch/en/blog/Haskell-OpenGL-Mandelbrot/">Haskell Progressive Example <span class="nicer">»</span></a>
</li>
<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="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">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="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="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="math" class="list"><h4>math</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">Dec</span>
<span class="year">2012</span>
</span>
<a href="/Scratch/en/blog/Category-Theory-Presentation/">Category Theory Presentation <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">15</span>
<span class="month">Jun</span>
<span class="year">2012</span>
</span>
<a href="/Scratch/en/blog/Haskell-OpenGL-Mandelbrot/">Haskell Progressive Example <span class="nicer">»</span></a>
</li>
<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) <sp