scratch/output/Scratch/en/blog/feed/feed.xml
Yann Esposito (Yogsototh) 7b5cfbf3e0 Updated content
2010-08-23 15:34:35 +02:00

918 lines
53 KiB
XML

<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<id>http://yannesposito.com/</id>
<title>Yogsototh's last blogs entries</title>
<updated>2010-08-23T13:05:13Z</updated>
<link rel="alternate" href="http://yannesposito.com/"/>
<link rel="self" href="http://feeds.feedburner.com/yannespositocomen"/>
<author>
<name>Yann Esposito</name>
<uri>http://yannesposito.com</uri>
</author>
<entry>
<id>tag:yannesposito.com,2010-08-23:/Scratch/en/blog/2010-08-23-Now-heberged-on-heroku/</id>
<title type="html">Now heberged on heroku</title>
<published>2010-08-23T13:05:13Z</published>
<updated>2010-08-23T13:05:13Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2010-08-23-Now-heberged-on-heroku/"/>
<content type="html">&lt;h1 class="first" id="now-on-herokuhttpherokucom"&gt;Now on &lt;a href="http://heroku.com"&gt;Heroku&lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;I now changed my hosting to &lt;a href="http://heroku.com"&gt;Heroku&lt;/a&gt;.
I believe it will be far more reliable.&lt;/p&gt;
&lt;p&gt;But as you should know my website is completely static.
I use &lt;a href="http://nanoc.stoneship.org/"&gt;nanoc&lt;/a&gt; to generate it.
But here is the conf to make it work on heroku.&lt;/p&gt;
&lt;p&gt;The root of my files is &lt;code&gt;/output&lt;/code&gt;. You only need to create a &lt;code&gt;config.ru&lt;/code&gt; file:&lt;/p&gt;
&lt;div class="code"&gt;&lt;div class="file"&gt;&lt;a href="/Scratch/en/blog/2010-08-23-Now-heberged-on-heroku/code/config.ru"&gt; &amp;#x27A5; config.ru &lt;/a&gt;&lt;/div&gt;&lt;div class="withfile"&gt;
&lt;pre class="twilight"&gt;
&lt;span class="Keyword"&gt;require&lt;/span&gt; &lt;span class="String"&gt;&lt;span class="String"&gt;'&lt;/span&gt;rubygems&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2010-08-11:/Scratch/en/blog/2010-07-09-Indecidabilities/</id>
<title type="html">Undecidabilities (part 1)</title>
<published>2010-08-11T08:04:31Z</published>
<updated>2010-08-11T08:04:31Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2010-07-09-Indecidabilities/"/>
<content type="html">
&lt;div class="intro"&gt;
&lt;p&gt;&lt;span class="sc"&gt;&lt;abbr title="Too long; don't read"&gt;tl;dr&lt;/abbr&gt;: &lt;/span&gt; I pretend to create a world to give examples of different meanings behind the word &lt;em&gt;undecidability&lt;/em&gt;:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Undecidability due to measure errors, &lt;/li&gt;
&lt;li&gt;Big errors resulting from small initial measure error,&lt;/li&gt;
&lt;li&gt;Fractal undecidability&amp;nbsp;;&lt;/li&gt;
&lt;li&gt;Logic Undecidability.&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="corps"&gt;
&lt;h1 class="first" id="the-undecidabilities"&gt;The Undecidabilities&lt;/h1&gt;
&lt;div class="intro"&gt;
&lt;p&gt;If a demiurge made our world, he certainly had a great sense of humor.
After this read, you should be convinced.
I&amp;rsquo;ll pretend to be him.
I&amp;rsquo;ll create a simplified world.
A world that obey to simple mathematical rules.
And I&amp;rsquo;ll ...&lt;/p&gt;&lt;/div&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2010-07-31:/Scratch/en/blog/2010-07-31-New-style-after-holidays/</id>
<title type="html">New style after holidays</title>
<published>2010-07-31T21:59:10Z</published>
<updated>2010-07-31T21:59:10Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2010-07-31-New-style-after-holidays/"/>
<content type="html">&lt;p&gt;Before my holidays many visitors tell me my website was too long to scroll.
This is why I completely changed my website design.
Now all should scroll smoothly on all platforms.
I was inspired by Readability and iBooks&lt;small&gt;&amp;copy;&lt;/small&gt; (the iPhone&lt;small&gt;&amp;copy;&lt;/small&gt; application).&lt;/p&gt;
&lt;p&gt;Tell me what you think of this new design.&lt;/p&gt;
</content>
</entry>
<entry>
<id>tag:yannesposito.com,2010-07-07:/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator/</id>
<title type="html">Do not use CSS gradient with Chrome</title>
<published>2010-07-07T13:43:43Z</published>
<updated>2010-07-07T13:43:43Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator/"/>
<content type="html">&lt;p&gt;Some &lt;a href="http://reddit.com"&gt;Reddit&lt;/a&gt; users reported my website was really long to load and to scroll.
They thinks it was because of the &amp;lsquo;1px shadow&amp;rsquo; I apply on all the text.
I was a bit surprised, because I make some test into a really &lt;em&gt;slow&lt;/em&gt; virtual machine. And all have always worked fine. In fact, what slow down so much are by order of importance:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Radial gradient on Chrome (not in Safari on Mac)&lt;/li&gt;
&lt;li&gt;Box shadows on Firefox and Chrome&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id="gradient"&gt;Gradient&lt;/h2&gt;
&lt;p&gt;On Safari on Mac there is absolutely no rendering time problem. But when I use Chrome under Linux it is almost unusable.&lt;/p&gt;
&lt;p&gt;Safari and Chrome use webkit, when you access my website with javascript enabled, an additionnal browser specific CSS is loaded....&lt;/p&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2010-07-05:/Scratch/en/blog/2010-07-05-Cappuccino-and-Web-applications/</id>
<title type="html">Cappuccino vs jQuery</title>
<published>2010-07-05T11:49:04Z</published>
<updated>2010-07-05T11:49:04Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2010-07-05-Cappuccino-and-Web-applications/"/>
<content type="html">
&lt;div class="intro"&gt;
&lt;p&gt;&lt;abbr class="sc" title="Too long; don't read"&gt;tl;dr&lt;/abbr&gt;:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Tried to make &lt;a href="http://yannesposito.com/Softwares/YPassword.html"&gt;YPassword&lt;/a&gt; in jQuery and with Cappuccino.&lt;/li&gt;
&lt;li&gt;Cappuccino nice in desktop browser but 1.4MB, not compatible with iPhone.&lt;/li&gt;
&lt;li&gt;jQuery not as nice as the Cappuccino version but 106KB. iPhone compatible.&lt;/li&gt;
&lt;li&gt;I&amp;rsquo;ll give a try to Dashcode 3.&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;hr /&gt;
&lt;div class="intro"&gt;
&lt;p&gt;Before start, I must say I know Cappuccino and jQuery are no more comparable than Cocoa and the C++ standard library. One is oriented for user interface while the other is and helper for low level programming.
Nonetheless I used these two to make the same web application. This is why I compare the expe...&lt;/p&gt;&lt;/div&gt;&lt;/hr&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2010-06-18:/Scratch/en/blog/2010-06-19-jQuery-popup-the-easy-way/</id>
<title type="html">jQuery popup the easy way</title>
<published>2010-06-18T22:44:50Z</published>
<updated>2010-06-18T22:44:50Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2010-06-19-jQuery-popup-the-easy-way/"/>
<content type="html">&lt;p&gt;Some source code on this blog can be downloaded.
Most of time, the code is larger than the &lt;code&gt;div&lt;/code&gt; bloc.
This is why I use a method to show this code in a large jQuery popup. &lt;/p&gt;
&lt;p&gt;You can try clicking the following code&amp;nbsp;; remark that the content is cutted a bit after &lt;code&gt;z-index&lt;/code&gt;:&lt;/p&gt;
&lt;div class="code"&gt;&lt;div class="file"&gt;&lt;a href="/Scratch/en/blog/2010-06-19-jQuery-popup-the-easy-way/code/essai.js"&gt; &amp;#x27A5; essai.js &lt;/a&gt;&lt;/div&gt;&lt;div class="withfile"&gt;
&lt;pre class="twilight"&gt;
&lt;span class="Comment"&gt;&lt;span class="Comment"&gt;//&lt;/span&gt; --- code popup ---&lt;/span&gt;
&lt;span class="Storage"&gt;function&lt;/span&gt; &lt;span class="Entity"&gt;openPopup&lt;/span&gt;() {
&lt;span class="Keyword"&gt;$&lt;/span&gt;(&lt;span class="Variable"&gt;this&lt;/span&gt;).clone(&lt;span class="Constant"&gt;false&lt;/span&gt;).appendTo(&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2010-06-17:/Scratch/en/blog/2010-06-17-hide-yourself-to-analytics/</id>
<title type="html">Hide Yourself to your Analytics</title>
<published>2010-06-17T14:37:22Z</published>
<updated>2010-06-17T14:37:22Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2010-06-17-hide-yourself-to-analytics/"/>
<content type="html">&lt;p&gt;This is a way not to count your own visits to your blog.
First you should look on how &lt;a href="/Scratch/en/blog/2010-06-17-track-events-with-google-analytics"&gt;I handle analytics&lt;/a&gt;. All analytics are handled in one javascript file, this make things really convenient.&lt;/p&gt;
&lt;p&gt;Then you need to know my method use the &lt;code&gt;jquery-cookie&lt;/code&gt;.&lt;/p&gt;
&lt;p&gt;I check if the key &lt;code&gt;admin&lt;/code&gt; is not set in the cookie before adding the visit.&lt;/p&gt;
&lt;pre class="twilight"&gt;
&lt;span class="Storage"&gt;var&lt;/span&gt; admin &lt;span class="Keyword"&gt;=&lt;/span&gt; &lt;span class="Keyword"&gt;$&lt;/span&gt;.&lt;span class="SupportConstant"&gt;cookie&lt;/span&gt;(&lt;span class="String"&gt;&lt;span class="String"&gt;'&lt;/span&gt;admin&lt;span class="String"&gt;'&lt;/span&gt;&lt;/span&gt;);
&lt;span class="Keyword"&gt;if&lt;/span&gt; (&lt;span class="Keyword"&gt;!&lt;/span&gt; admin) {
...&lt;/pre&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2010-06-17:/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/</id>
<title type="html">Track Events with Google Analytics</title>
<published>2010-06-17T12:41:36Z</published>
<updated>2010-06-17T12:41:36Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/"/>
<content type="html">&lt;p&gt;Here is how to track all clicks on your website using google analytics asynchronously.&lt;/p&gt;
&lt;p&gt;First in your &lt;span class="sc"&gt;html&lt;/span&gt; you need to use &lt;a href="http://jquery.com"&gt;jQuery&lt;/a&gt; and a javscript file I named &lt;code&gt;yga.js&lt;/code&gt;:&lt;/p&gt;
&lt;pre class="twilight"&gt;
&lt;span class="EmbeddedSource"&gt; &lt;span class="EmbeddedSource"&gt;&amp;lt;&lt;/span&gt;&lt;span class="MetaTagInline"&gt;script&lt;/span&gt; &lt;span class="MetaTagInline"&gt;type&lt;/span&gt;=&lt;span class="String"&gt;&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;text/javascript&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;&lt;/span&gt; &lt;span class="MetaTagInline"&gt;src&lt;/span&gt;=&lt;span class="String"&gt;&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;jquery.js&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;&lt;/span&gt;&lt;span class="EmbeddedSource"&gt;&amp;gt;&lt;/span&gt;&lt;span class="EmbeddedSource"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="MetaTagInline"&gt;scr...&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2010-06-15:/Scratch/en/blog/2010-06-15-Get-my-blog-engine/</id>
<title type="html">Get my blog engine</title>
<published>2010-06-15T08:56:32Z</published>
<updated>2010-06-15T08:56:32Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2010-06-15-Get-my-blog-engine/"/>
<content type="html">&lt;p&gt;I published a &lt;em&gt;light&lt;/em&gt; version of my blog engine based on &lt;a href="http://nanoc.stoneship.org"&gt;nanoc&lt;/a&gt; yesterday night. By &lt;em&gt;light&lt;/em&gt;, I mean a lighter, more portable CSS (without round border).
You can get it on &lt;a href="http://github.com/yogsototh/nanoc3_blog"&gt;github.com&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;What this system provide?&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;All &lt;a href="http://nanoc.stoneship.org"&gt;nanoc&lt;/a&gt; advantages,&lt;/li&gt;
&lt;li&gt;Easy multi-language handling,&lt;/li&gt;
&lt;li&gt;Syntax Coloration for most languages,&lt;/li&gt;
&lt;li&gt;&lt;a href="http://intensedebate.org"&gt;intenseDebate&lt;/a&gt; comments integration (asynchronous)&amp;nbsp;;&lt;/li&gt;
&lt;li&gt;Portable with and without javascript, XHTML Strict 1.0 / CSS3,&lt;/li&gt;
&lt;li&gt;Write in markdown format (no HTML editing needed),&lt;/li&gt;
&lt;li&gt;Typographic ameliorations (no &amp;lsquo;:&amp;rsquo; ...&lt;/li&gt;&lt;/ul&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2010-06-14:/Scratch/en/blog/2010-06-14-multi-language-choices/</id>
<title type="html">multi language choices</title>
<published>2010-06-14T14:14:57Z</published>
<updated>2010-06-14T14:14:57Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2010-06-14-multi-language-choices/"/>
<content type="html">&lt;p&gt;I translate most of my blog entries in French and English.
Most people advice me to have one file per language. Generally it ends with:&lt;/p&gt;
&lt;pre class="twilight"&gt;
Bonjour,
voici un exemple de texte en fran&#231;ais.
[image](url)
&lt;/pre&gt;
&lt;pre class="twilight"&gt;
Hello,
here is an example of english text.
[image](url)
&lt;/pre&gt;
&lt;p&gt;This way of handling translations force you to write completely an article in one language, copy it, and translate it.&lt;/p&gt;
&lt;p&gt;However, most of time, there are common parts like images, source code, etc&amp;hellip;
When I want to correct some mistake on these parts, I have to make twice the work. With sometimes adding another mistake in only one language.&lt;/p&gt;
&lt;p&gt;This is why I preferred to handle it differently.
I use &lt;em&gt;tags&lt;/em&gt; on a single file.
Finally my files...&lt;/p&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2010-05-24:/Scratch/en/blog/2010-05-24-Trees--Pragmatism-and-Formalism/</id>
<title type="html">Trees; Pragmatism and Formalism</title>
<published>2010-05-24T18:05:14Z</published>
<updated>2010-05-24T18:05:14Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2010-05-24-Trees--Pragmatism-and-Formalism/"/>
<content type="html">
&lt;div class="intro"&gt;
&lt;p&gt;&lt;abbr title="Too Long; Don't Read"&gt;&lt;span class="sc"&gt;tl;dr&lt;/span&gt;&lt;/abbr&gt;: &lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;I tried to program a simple filter&lt;/li&gt;
&lt;li&gt;Was blocked 2 days&lt;/li&gt;
&lt;li&gt;Then stopped working like an engineer monkey&lt;/li&gt;
&lt;li&gt;Used a pen and a sheet of paper&lt;/li&gt;
&lt;li&gt;Made some math.&lt;/li&gt;
&lt;li&gt;Crushed the problem in 10 minutes&lt;/li&gt;
&lt;li&gt;Conclusion: The pragmatism shouldn&amp;rsquo;t mean &amp;ldquo;never use theory&amp;rdquo;.&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;h2 id="abstract-longer-than-abbr-titletoo-long-dont-readsctldrscabbr"&gt;Abstract (longer than &lt;abbr title="Too Long; Don't Read"&gt;&lt;span class="sc"&gt;tl;dr&lt;/span&gt;&lt;/abbr&gt;)&lt;/h2&gt;
&lt;p&gt;For my job, I needed to resolve a problem. It first seems not too hard.
Then I started working directly on my program.
I entered in the &lt;em&gt;infernal&lt;/em&gt;: ...&lt;/p&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2010-05-19:/Scratch/en/blog/2010-05-19-How-to-cut-HTML-and-repair-it/</id>
<title type="html">How to repair a cutted XML?</title>
<published>2010-05-19T20:20:34Z</published>
<updated>2010-05-19T20:20:34Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2010-05-19-How-to-cut-HTML-and-repair-it/"/>
<content type="html">&lt;p&gt;For my main page, you can see, a list of my latest blog entry. And you have the first part of each article. To accomplish that, I needed to include the begining of the entry and to cut it somewhere. But now, I had to repair this cutted HTML.&lt;/p&gt;
&lt;p&gt;Here is an example:&lt;/p&gt;
&lt;pre class="twilight"&gt;
&lt;span class="MetaTagAll"&gt;&lt;span class="MetaTagAll"&gt;&amp;lt;&lt;/span&gt;&lt;span class="MetaTagAll"&gt;div&lt;/span&gt; &lt;span class="MetaTagAll"&gt;class&lt;/span&gt;=&lt;span class="String"&gt;&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;corps&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;&lt;/span&gt;&lt;span class="MetaTagAll"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class="MetaTagAll"&gt;&lt;span class="MetaTagAll"&gt;&amp;lt;&lt;/span&gt;&lt;span class="MetaTagAll"&gt;div&lt;/span&gt; &lt;span class="MetaTagAll"&gt;class&lt;/span&gt;=&lt;span class="String"&gt;&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;intro&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2010-05-17:/Scratch/en/blog/2010-05-17-at-least-this-blog-revive/</id>
<title type="html">I live again!</title>
<published>2010-05-17T11:25:51Z</published>
<updated>2010-05-17T11:25:51Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2010-05-17-at-least-this-blog-revive/"/>
<content type="html">&lt;p&gt;Hi all!&lt;/p&gt;
&lt;blockquote cite="http://www.madore.org/~david/weblog/2010-05.html#d.2010-05-12.1752"&gt;
&lt;p&gt;The more you wait to do something, the more difficult it is to start doing it.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;I had to write another post for this blog. I had added many article idea in my todolist. But, I made many other things, and I&amp;rsquo;ve always said (until now), I&amp;rsquo;ll do this later. What changed my mind is the haunt of this simple remark about how to be productive in programming. &lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Stop write &lt;code&gt;TODO&lt;/code&gt; in your code and make it now!&lt;br /&gt;
You&amp;rsquo;ll be surprised by the results.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;In short:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Just do it!&lt;/strong&gt; ou &lt;strong&gt;Juste fait le&lt;/strong&gt; comme auraient dit les nuls.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Final...&lt;/p&gt;&lt;/blockquote&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2010-03-23:/Scratch/en/blog/2010-03-23-Encapsulate-git/</id>
<title type="html">Encapsulate git</title>
<published>2010-03-23T20:37:36Z</published>
<updated>2010-03-23T20:37:36Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2010-03-23-Encapsulate-git/"/>
<content type="html">&lt;div class="intro"&gt;
Here is a solution to maintain divergent branches in git. Because it is easy to merge by mistake. I give a script that encapsulate git in order to forbid some merge and warn you some merge should be dangerous.
&lt;/div&gt;
&lt;h2 id="how-to-protect-against-your-own-dumb"&gt;how to protect against your own dumb&lt;/h2&gt;
&lt;p&gt;I work on a project in which some of my git branches should remain divergent. And divergences should grow.&lt;/p&gt;
&lt;p&gt;I also use some branch to contain what is common between projects.&lt;/p&gt;
&lt;p&gt;Say I have some branches:&lt;/p&gt;
&lt;p&gt;master: common to all branches
dev: branch devoted to unstable development
client: branch with features for all client but not general enough for master
clientA: project adapted for client A
clientB: project adapted for client B&lt;/p&gt;
&lt;p&gt;Her...&lt;/p&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2010-03-22:/Scratch/en/blog/2010-03-22-Git-Tips/</id>
<title type="html">Git Tips</title>
<published>2010-03-22T08:42:27Z</published>
<updated>2010-03-22T08:42:27Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2010-03-22-Git-Tips/"/>
<content type="html">&lt;h2 class="first" id="clone-from-github-behind-an-evil-firewall"&gt;clone from github behind an evil firewall&lt;/h2&gt;
&lt;p&gt;Standard:&lt;/p&gt;
&lt;div&gt;&lt;pre class="twilight"&gt;
git clone git@github.com:yogsototh/project.git
&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Using HTTPS port:&lt;/p&gt;
&lt;div&gt;&lt;pre class="twilight"&gt;
git clone git+ssh://git@github.com:443/yogsototh/project.git
&lt;/pre&gt;&lt;/div&gt;
&lt;h2 id="clone-all-branches"&gt;clone all branches&lt;/h2&gt;
&lt;p&gt;&lt;code&gt;git clone&lt;/code&gt; can only fetch the master branch.&lt;/p&gt;
&lt;p&gt;If you don&amp;rsquo;t have much branches, you can simply use clone your project and then use the following command:&lt;/p&gt;
&lt;div&gt;&lt;pre class="twilight"&gt;
git branch --track local_branch remote_branch
&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;for example:&lt;/p&gt;
&lt;div&gt;&lt;pre class="twilight"&gt;
$ git clone git@github:yogsototh/example.git
$ git branch
master *
$ git ...&lt;/pre&gt;&lt;/div&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2010-02-23:/Scratch/en/blog/2010-02-23-When-regexp-is-not-the-best-solution/</id>
<title type="html">When regexp is not the best solution</title>
<published>2010-02-23T08:09:52Z</published>
<updated>2010-02-23T08:09:52Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2010-02-23-When-regexp-is-not-the-best-solution/"/>
<content type="html">&lt;p&gt;Regular expression are really useful. Unfortunately, they are not always the best way of doing things.
Particularly when transformations you want to make are easy.&lt;/p&gt;
&lt;p&gt;I wanted to know how to get file extension from filename the fastest way possible. There is 3 natural way of doing this:&lt;/p&gt;
&lt;div&gt;&lt;pre class="twilight"&gt;
&lt;span class="Comment"&gt;&lt;span class="Comment"&gt;#&lt;/span&gt; regexp&lt;/span&gt;
str.&lt;span class="Entity"&gt;match&lt;/span&gt;(&lt;span class="StringRegexp"&gt;&lt;span class="StringRegexp"&gt;/&lt;/span&gt;&lt;/span&gt;&lt;span class="StringRegexp"&gt;&lt;span class="StringRegexp"&gt;&lt;span class="StringRegexp"&gt;[&lt;/span&gt;^.&lt;span class="StringRegexp"&gt;]&lt;/span&gt;&lt;/span&gt;*$&lt;/span&gt;&lt;span class="StringRegexp"&gt;&lt;span class="StringRegexp"&gt;/&lt;/span&gt;&lt;/span&gt;);
ext&lt;span class="Keyword"&gt;=&lt;/span&gt;&lt;span class="Variable"&gt;&lt;span class="Variable"&gt;...&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2010-02-18:/Scratch/en/blog/2010-02-18-split-a-file-by-keyword/</id>
<title type="html">split a file by keyword</title>
<published>2010-02-18T13:29:14Z</published>
<updated>2010-02-18T13:29:14Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2010-02-18-split-a-file-by-keyword/"/>
<content type="html">&lt;p&gt;Strangely enough, I didn&amp;rsquo;t find any built-in tool to split a file by keyword. I made one myself in &lt;code&gt;awk&lt;/code&gt;. I put it here mostly for myself. But it could also helps someone else.
The following code split a file for each line containing the word &lt;code&gt;UTC&lt;/code&gt;.&lt;/p&gt;
&lt;div&gt;&lt;pre class="twilight"&gt;
&lt;span class="Comment"&gt;&lt;span class="Comment"&gt;#&lt;/span&gt;!/usr/bin/env awk&lt;/span&gt;
&lt;span class="Entity"&gt;BEGIN&lt;/span&gt;{i=0;}
&lt;span class="StringRegexp"&gt;&lt;span class="StringRegexp"&gt;/&lt;/span&gt;UTC&lt;span class="StringRegexp"&gt;/&lt;/span&gt;&lt;/span&gt; {
i+=1;
FIC=&lt;span class="SupportFunction"&gt;sprintf&lt;/span&gt;(&lt;span class="String"&gt;&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;fic.%03d&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;&lt;/span&gt;,i);
}
{&lt;span class="SupportFunction"&gt;print&lt;/span&gt; &lt;span class="Variable"&gt;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2010-02-16:/Scratch/en/blog/2010-02-16-All-but-something-regexp--2-/</id>
<title type="html">Pragmatic Regular Expression Exclude (2)</title>
<published>2010-02-16T08:33:21Z</published>
<updated>2010-02-16T08:33:21Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2010-02-16-All-but-something-regexp--2-/"/>
<content type="html">&lt;p&gt;In my &lt;a href="previouspost"&gt;previous post&lt;/a&gt; I had given some trick to match all except something. On the same idea, the trick to match the smallest possible string. Say you want to match the string between &amp;lsquo;a&amp;rsquo; and &amp;lsquo;b&amp;rsquo;, for example, you want to match:&lt;/p&gt;
&lt;pre class="twilight"&gt;
a.....&lt;span class="Constant"&gt;&lt;strong&gt;a......b&lt;/strong&gt;&lt;/span&gt;..b..a....&lt;span class="Constant"&gt;&lt;strong&gt;a....b&lt;/strong&gt;&lt;/span&gt;...
&lt;/pre&gt;
&lt;p&gt;Here are two common errors and a solution:&lt;/p&gt;
&lt;pre class="twilight"&gt;
/a.*b/
&lt;span class="Constant"&gt;&lt;strong&gt;a.....a......b..b..a....a....b&lt;/strong&gt;&lt;/span&gt;...
&lt;/pre&gt;
&lt;p&gt;The first error is to use the &lt;em&gt;evil&lt;/em&gt; &lt;code&gt;.*&lt;/code&gt;. Because you will match from the first to the last.&lt;/p&gt;
&lt;pre class="twilight"&gt;
/a.*?b/
&lt;span class="Constant"&gt;&lt;strong&gt;...&lt;/strong&gt;&lt;/span&gt;&lt;/pre&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2010-02-15:/Scratch/en/blog/2010-02-15-All-but-something-regexp/</id>
<title type="html">Pragmatic Regular Expression Exclude</title>
<published>2010-02-15T09:16:12Z</published>
<updated>2010-02-15T09:16:12Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2010-02-15-All-but-something-regexp/"/>
<content type="html">&lt;p&gt;Sometimes you cannot simply write:&lt;/p&gt;
&lt;div&gt;&lt;pre class="twilight"&gt;
&lt;span class="Keyword"&gt;if&lt;/span&gt; str.&lt;span class="Entity"&gt;match&lt;/span&gt;(regexp) &lt;span class="Keyword"&gt;and&lt;/span&gt;
&lt;span class="Keyword"&gt;not&lt;/span&gt; str.&lt;span class="Entity"&gt;match&lt;/span&gt;(other_regexp)
do_something
&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;and you have to make this behaviour with only one regular expression. The problem is the complementary of regular languages is not regular. Then, for some expression it is absolutely not impossible.&lt;/p&gt;
&lt;p&gt;But sometimes with some simple regular expression it should be possible&lt;sup&gt;&lt;a href="#note1"&gt;&amp;dagger;&lt;/a&gt;&lt;/sup&gt;. Say you want to match everything containing the some word say &lt;code&gt;bull&lt;/code&gt; but don&amp;rsquo;t want to match &lt;code&gt;bullshit&lt;/code&gt;. Here is a nice way to do that:&lt;/p&gt;...</content>
</entry>
<entry>
<id>tag:yannesposito.com,2010-01-12:/Scratch/en/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/</id>
<title type="html">antialias font in Firefox under Ubuntu</title>
<published>2010-01-12T14:36:40Z</published>
<updated>2010-01-12T14:36:40Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/"/>
<content type="html">&lt;p&gt;How to stop using bad Microsoft&#169; font under Ubuntu Linux in order to user nice anti aliased font under Firefox.&lt;/p&gt;
&lt;p&gt;Just modify the &lt;code&gt;/etc/fonts/local.conf&lt;/code&gt; with the following code: &lt;/p&gt;
&lt;div&gt;
&lt;div class="code"&gt;&lt;div class="file"&gt;&lt;a href="/Scratch/en/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/code/local.conf"&gt; &amp;#x27A5; local.conf &lt;/a&gt;&lt;/div&gt;&lt;div class="withfile"&gt;
&lt;pre class="twilight"&gt;
&lt;span class="DoctypeXmlProcessing"&gt;&lt;span class="DoctypeXmlProcessing"&gt;&amp;lt;?&lt;/span&gt;&lt;span class="DoctypeXmlProcessing"&gt;xml&lt;/span&gt;&lt;span class="DoctypeXmlProcessing"&gt; version&lt;/span&gt;=&lt;span class="DoctypeXmlProcessing"&gt;&lt;span class="DoctypeXmlProcessing"&gt;&amp;quot;&lt;/span&gt;1.0&lt;span class="DoctypeXmlProcessing"&gt;&amp;quot;&lt;/span&gt;&lt;/span&gt;&lt;span class="DoctypeXmlProcessing"&gt;?&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2010-01-04:/Scratch/en/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/</id>
<title type="html">Change default shell on Mac OS X</title>
<published>2010-01-04T10:31:47Z</published>
<updated>2010-01-04T10:31:47Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/"/>
<content type="html">&lt;p&gt;I just found a way to change the default shell on Mac OS X. This note is mostly for me, but somebody else should find it useful. Just launch the following command: &lt;/p&gt;
&lt;div&gt;&lt;pre class="twilight"&gt;
&lt;span class="Keyword"&gt;&amp;gt;&lt;/span&gt; chsh
&lt;/pre&gt;&lt;/div&gt;
</content>
</entry>
<entry>
<id>tag:yannesposito.com,2009-12-14:/Scratch/en/blog/2009-12-14-Git-vs--Bzr/</id>
<title type="html">Git vs. Bzr</title>
<published>2009-12-14T08:46:36Z</published>
<updated>2009-12-14T08:46:36Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2009-12-14-Git-vs--Bzr/"/>
<content type="html">
&lt;div class="intro"&gt;
&lt;p&gt;Why even if I believe &lt;code&gt;git&lt;/code&gt; has many bad point I believe it is the best DCVS around to work with. This is why I first tell why I prefer &lt;a href="http://bazaar-vcs.org"&gt;Bazaar&lt;/a&gt; over &lt;a href="http://git-scm.org"&gt;Git&lt;/a&gt;. Secondly I&amp;rsquo;ll talk about the only advantage of git against Bazaar which lead me to prefer it.&lt;/p&gt;
&lt;/div&gt;
&lt;h2 id="the-dcvs-discovery"&gt;The DCVS discovery&lt;/h2&gt;
&lt;p&gt;Before beginning this article, you should know I come from &lt;em&gt;subversion&lt;/em&gt;. I find subversion to be a really good CVS. But I was converted to the decentralized ones.&lt;/p&gt;
&lt;p&gt;There is two way of perceive version control system. Either you think in term of branches (see the really good article on &lt;/p&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2009-12-06:/Scratch/en/blog/2009-12-06-iphone-call-filter/</id>
<title type="html">iphone call filter</title>
<published>2009-12-06T09:35:34Z</published>
<updated>2009-12-06T09:35:34Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2009-12-06-iphone-call-filter/"/>
<content type="html">&lt;p&gt;It is unbelievable you cannot filter your call with an iPhone! The only reason I see for that is a negotiation with phone operator to force users to get phone advertising. It is simple unacceptable.&lt;/p&gt;
&lt;p&gt;I&amp;rsquo;m a &#955; iPhone&amp;rsquo;s user. The only way to filter your call and to manage blacklist is to &lt;em&gt;jailbreak&lt;/em&gt; your iPhone. And I don&amp;rsquo;t want to do that. Then, if like me you find it unacceptable, just write a line to Apple: &lt;a href="http://www.apple.com/feedback/iphone.html"&gt;http://www.apple.com/feedback/iphone.html&lt;/a&gt;&lt;/p&gt;
</content>
</entry>
<entry>
<id>tag:yannesposito.com,2009-11-12:/Scratch/en/blog/2009-11-12-Git-for-n00b/Git-pour-quoi-faire/</id>
<title type="html">Git for n00b</title>
<published>2009-11-12T09:39:54Z</published>
<updated>2009-11-12T09:39:54Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2009-11-12-Git-for-n00b/Git-pour-quoi-faire/"/>
<content type="html">&lt;h1 class="first" id="gitgit-for-what"&gt;&lt;a href="http://git-scm.org" title="Git"&gt;Git&lt;/a&gt; for what?&lt;/h1&gt;
&lt;div class="intro"&gt;
&lt;p&gt;If you just want to use &lt;a href="http://git-scm.org" title="Git"&gt;Git&lt;/a&gt; &lt;strong&gt;immediately&lt;/strong&gt;, just read dark part. You read this part later to understand correctly foundations of version systems and not doing strange things.&lt;/p&gt;
&lt;/div&gt;
&lt;p&gt;&lt;a href="http://git-scm.org" title="Git"&gt;Git&lt;/a&gt; is a &lt;abbr title="Decentralized Concurent Versions System"&gt;DCVS&lt;/abbr&gt;, which means a Decentralized Concurrent Versions System. Let&amp;rsquo;s analyze each part of this long term:&lt;/p&gt;
&lt;h3 id="versions-system"&gt;Versions System&lt;/h3&gt;
&lt;p&gt;Firstly, versions system manage files.
When somebody work with files without a versions system, the following happens frequently:&lt;/p&gt;
...</content>
</entry>
<entry>
<id>tag:yannesposito.com,2009-11-12:/Scratch/en/blog/2009-11-12-Git-for-n00b/commandes-avancees/</id>
<title type="html">Git for n00b</title>
<published>2009-11-12T09:39:54Z</published>
<updated>2009-11-12T09:39:54Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2009-11-12-Git-for-n00b/commandes-avancees/"/>
<content type="html">&lt;h1 class="first" id="command-list"&gt;Command List&lt;/h1&gt;
&lt;h2 id="command-for-each-functionality"&gt;Command for each functionality&lt;/h2&gt;
&lt;p&gt;In the first part, we saw the list of resolved problem by &lt;a href="http://git-scm.org" title="Git"&gt;Git&lt;/a&gt;. To resume &lt;a href="http://git-scm.org" title="Git"&gt;Git&lt;/a&gt; should do:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;get others modifications,&lt;/li&gt;
&lt;li&gt;send modifications to others,&lt;/li&gt;
&lt;li&gt;get back in time,&lt;/li&gt;
&lt;li&gt;list differences between each version,&lt;/li&gt;
&lt;li&gt;name some versions in order to refer easily to them,&lt;/li&gt;
&lt;li&gt;write an historic of modifications,&lt;/li&gt;
&lt;li&gt;know who did what and when,&lt;/li&gt;
&lt;li&gt;manage conflicts,&lt;/li&gt;
&lt;li&gt;easily manage branches.&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id="get-others-modifications"&gt;get others modifications&lt;/h3&gt;
&lt;div&gt;&lt;pre class="twilight"&gt;
$ g...&lt;/pre&gt;&lt;/div&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2009-11-12:/Scratch/en/blog/2009-11-12-Git-for-n00b/</id>
<title type="html">Git for n00b</title>
<published>2009-11-12T09:39:54Z</published>
<updated>2009-11-12T09:39:54Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2009-11-12-Git-for-n00b/"/>
<content type="html">
&lt;div class="intro"&gt;
&lt;p&gt;A detailed tutorial of &lt;a href="http://git-scm.org"&gt;Git&lt;/a&gt; for people knowing very few about versions systems. You&amp;rsquo;ll understand utility of such program and how we use modern version control system. I try to stay as pragmatic as possible.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="corps"&gt;
&lt;h1 class="first" id="begin-with-conclusion"&gt;Begin with conclusion&lt;/h1&gt;
&lt;p&gt;Here is the list of sufficient and necessary command to use &lt;a href="http://git-scm.org" title="Git"&gt;Git&lt;/a&gt;. There is very few. It is normal not to understand immediately but it is to gives you an idea. Even if this article is long, 95% of &lt;a href="http://git-scm.org" title="Git"&gt;Git&lt;/a&gt; usage is in these 7 commands:&lt;/p&gt;
&lt;p&gt;Get a project from the web: &lt;/p&gt;
&lt;div&gt;&lt;pre class="twilight"&gt;
git clone ssh...&lt;/pre&gt;&lt;/div&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2009-11-12:/Scratch/en/blog/2009-11-12-Git-for-n00b/c-est-parti-pour-l-aventure/</id>
<title type="html">Git for n00b</title>
<published>2009-11-12T09:39:54Z</published>
<updated>2009-11-12T09:39:54Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2009-11-12-Git-for-n00b/c-est-parti-pour-l-aventure/"/>
<content type="html">&lt;h1 class="first" id="here-we-go"&gt;Here we go!&lt;/h1&gt;
&lt;p&gt;Here is one from many way to use &lt;a href="http://git-scm.org" title="Git"&gt;Git&lt;/a&gt;. This method is sufficient to work on a project. Not there is many other &lt;em&gt;workflows&lt;/em&gt;.&lt;/p&gt;
&lt;h2 id="basic-usage"&gt;Basic usage&lt;/h2&gt;
&lt;p&gt;Work with &lt;a href="http://git-scm.org" title="Git"&gt;Git&lt;/a&gt; immediately:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Get modification done by others &lt;span class="black"&gt;&lt;code&gt;git pull&lt;/code&gt;&lt;/span&gt;,&lt;/li&gt;
&lt;li&gt;See details of these modifications &lt;span class="black"&gt;&lt;code&gt;git log&lt;/code&gt;&lt;/span&gt;,&lt;/li&gt;
&lt;li&gt;Many times:
&lt;ul&gt;
&lt;li&gt;&lt;em&gt;Make an atomic modification&lt;/em&gt;&lt;/li&gt;
&lt;li&gt;Verify details of this modification: &lt;span class="black"&gt;&lt;code&gt;git status&lt;/code&gt;&lt;/span&gt; and &lt;span class="black"&gt;&lt;code&gt;git diff&lt;/code&gt;&lt;/span&gt;,&lt;/li&gt;
&lt;li&gt;Add ...&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2009-11-12:/Scratch/en/blog/2009-11-12-Git-for-n00b/comprendre/</id>
<title type="html">Git for n00b</title>
<published>2009-11-12T09:39:54Z</published>
<updated>2009-11-12T09:39:54Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2009-11-12-Git-for-n00b/comprendre/"/>
<content type="html">&lt;h1 class="first" id="why-git-is-cool"&gt;Why Git is cool?&lt;/h1&gt;
&lt;p&gt;Because with &lt;a href="http://git-scm.org" title="Git"&gt;Git&lt;/a&gt; you can work on many part of some project totally independently. This is the true efficiency of decentralisation.&lt;/p&gt;
&lt;p&gt;Each branch use the same directory. Then you can easily change your branch. You can also change branch when some files are modified. You can then dispatch your work on many different branches and merge them on one master branch at will.&lt;/p&gt;
&lt;p&gt;Using the &lt;code&gt;git rebase&lt;/code&gt; you can decide which modifications should be forget or merged into only one modification.&lt;/p&gt;
&lt;p&gt;What does it mean for real usage? You can focus on coding. For example, you can code, a fix for bug b01 and for bug b02 and code a feature f03. Once finished you can creat...&lt;/p&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2009-11-12:/Scratch/en/blog/2009-11-12-Git-for-n00b/conf-et-install/</id>
<title type="html">Git for n00b</title>
<published>2009-11-12T09:39:54Z</published>
<updated>2009-11-12T09:39:54Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2009-11-12-Git-for-n00b/conf-et-install/"/>
<content type="html">&lt;h1 class="first" id="before-usage-configuration"&gt;Before usage, configuration&lt;/h1&gt;
&lt;h2 id="install"&gt;install&lt;/h2&gt;
&lt;p&gt;Under Linux Ubuntu or Debian:&lt;/p&gt;
&lt;div&gt;&lt;pre class="twilight"&gt;$ sudo apt-get install git
&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Under Mac OS X:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;install &lt;a href="http://macports.org/install.php"&gt;MacPorts&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;install &lt;a href="http://git-scm.org" title="Git"&gt;Git&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;&lt;pre class="twilight"&gt;
$ sudo port selfupdate
$ sudo port install git-core
&lt;/pre&gt;&lt;/div&gt;
&lt;h2 id="global-configuration"&gt;Global configuration&lt;/h2&gt;
&lt;p&gt;Save the following file as your &lt;code&gt;~/.gitconfig&lt;/code&gt;.&lt;/p&gt;
&lt;div&gt;&lt;div class="code"&gt;&lt;div class="file"&gt;&lt;a href="/Scratch/en/blog/2009-11-12-Git-for-n00b/conf-et-install/code/gitconfig"&gt; &amp;#x27A5; gitconfig &lt;/a&gt;&lt;/div&gt;&lt;div class="withfile"&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2009-10-30:/Scratch/en/blog/2009-10-30-How-to-handle-evil-IE/</id>
<title type="html">How to handle evil IE</title>
<published>2009-10-30T20:34:46Z</published>
<updated>2009-10-30T20:34:46Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2009-10-30-How-to-handle-evil-IE/"/>
<content type="html">&lt;p&gt;For developer IE is a nightmare. This is why, I use a method to disable my standard CSS and enable a IE only CSS. I use jQuery to accomplish that.&lt;/p&gt;
&lt;div&gt;&lt;pre class="twilight"&gt;
&lt;span class="Keyword"&gt;$&lt;/span&gt;(&lt;span class="Support"&gt;document&lt;/span&gt;).ready( &lt;span class="Storage"&gt;function&lt;/span&gt;() {
&lt;span class="Keyword"&gt;if&lt;/span&gt; (&lt;span class="Keyword"&gt;$&lt;/span&gt;.browser[&lt;span class="String"&gt;&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;msie&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;&lt;/span&gt;]) {
&lt;span class="Comment"&gt;&lt;span class="Comment"&gt;//&lt;/span&gt; include the ie.js file&lt;/span&gt;
&lt;span class="Keyword"&gt;$&lt;/span&gt;(&lt;span class="String"&gt;&lt;span class="String"&gt;'&lt;/span&gt;head&lt;span class="String"&gt;'&lt;/span&gt;&lt;/span&gt;).append(&lt;span class="String"&gt;&lt;span class="String"&gt;'&lt;/span&gt;&amp;lt;script type=&amp;quot;text/javascr...&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2009-10-28:/Scratch/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/</id>
<title type="html">custom website synchronisation with mobileme (2)</title>
<published>2009-10-28T09:03:30Z</published>
<updated>2009-10-28T09:03:30Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/"/>
<content type="html">&lt;p&gt;I already talked about how &lt;a href="/Scratch/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe"&gt;I synchronized my website with mobileme&lt;/a&gt;. I ameliorated this script in order to make it incremental.&lt;/p&gt;
&lt;p&gt;Here is my new script, it first create a map which associate to each file its hash. After that it compare this file to the remote one. Then for each different file, update the content.&lt;/p&gt;
&lt;p&gt;Even with this script I also have some problem. Mostly due to &amp;lsquo;webdav&amp;rsquo; issues. For example, renaming a folder work really badly (on Linux at least). I use webdavfs. For example:&lt;/p&gt;
&lt;div&gt;&lt;pre class="twilight"&gt;
mv folder folder2
&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;It returns OK and I&amp;rsquo;ve got: &lt;/p&gt;
&lt;div&gt;&lt;pre class="twilight"&gt;
$ ls
folder folder2
&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Booh&amp;hellip;.&lt;/p&gt;
&lt;p&gt;In or...&lt;/p&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2009-10-26:/Scratch/en/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/</id>
<title type="html">Menu waiting to hide himself</title>
<published>2009-10-26T19:56:09Z</published>
<updated>2009-10-26T19:56:09Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/"/>
<content type="html">&lt;p&gt;I discussed &lt;a href="/Scratch/en/blog/2009-10-Focus-vs-Minimalism"&gt;earlier why I prefer to hide my navigation menu&lt;/a&gt;. I finally decided to hide it only after a short time. Just the time needed for a user to see it. But how make it disappear only when it is not used for some time?&lt;/p&gt;
&lt;p&gt;Here is how to accomplish that easily.&lt;/p&gt;
&lt;p&gt;HTML: &lt;/p&gt;
&lt;div&gt;
&lt;pre class="twilight"&gt;
&lt;span class="MetaTagAll"&gt;&lt;span class="MetaTagAll"&gt;&amp;lt;&lt;/span&gt;&lt;span class="MetaTagAll"&gt;div&lt;/span&gt; &lt;span class="MetaTagAll"&gt;&lt;span class="MetaTagAll"&gt;id&lt;/span&gt;&lt;span class="MetaTagAll"&gt;=&lt;/span&gt;&lt;span class="String"&gt;&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;&lt;span class="String"&gt;menuButton&lt;/span&gt;&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="MetaTagAll"&gt;&amp;gt;&lt;span class="MetaTagAll"&gt;&amp;lt;&lt;/span&gt;/&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2009-10-23:/Scratch/en/blog/2009-10-launch-daemon-from-command-line/</id>
<title type="html">launch daemon from command line</title>
<published>2009-10-23T08:53:16Z</published>
<updated>2009-10-23T08:53:16Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2009-10-launch-daemon-from-command-line/"/>
<content type="html">&lt;p&gt;Here is a tip, I don&amp;rsquo;t know why, but I almost always forgot how to do that.&lt;/p&gt;
&lt;p&gt;When you want to launch a command and this command should not be killed after you close your terminal. Here is how to accomplish that from command line: &lt;/p&gt;
&lt;div&gt;&lt;pre class="twilight"&gt;
nohup cmd &lt;span class="Keyword"&gt;&amp;amp;&lt;/span&gt;
&lt;/pre&gt;
&lt;small&gt;where &lt;code&gt;cmd&lt;/code&gt; is your command.&lt;/small&gt;
&lt;/div&gt;
&lt;p&gt;I let this command here for me and I wish it could also help someone.&lt;/p&gt;
</content>
</entry>
<entry>
<id>tag:yannesposito.com,2009-10-22:/Scratch/en/blog/2009-10-Focus-vs-Minimalism/</id>
<title type="html">Focus &amp;gt; Minimalism</title>
<published>2009-10-22T18:45:18Z</published>
<updated>2009-10-22T18:45:18Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2009-10-Focus-vs-Minimalism/"/>
<content type="html">&lt;p&gt;I believe the goal researched by minimalism is &lt;strong&gt;Focus&lt;/strong&gt;. But I don&amp;rsquo;t believe minimalism should be the goal. Focus should be the goal, and I believe minimalism isn&amp;rsquo;t necessary to reach it.&lt;/p&gt;
&lt;p&gt;This is why my design is not minimalist, but I decided to remove most of the navigation stuff of all pages of my website. May be I&amp;rsquo;ll prefer to hide the menu only when you are on blog article. For now, I hide the menu everywhere on the website.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="corps"&gt;
&lt;h2 class="first" id="technical-details"&gt;technical details&lt;/h2&gt;
&lt;p&gt;For those who want the technical details behind the show/hide menu, here is the simple jQuery code.&lt;/p&gt;
&lt;p&gt;The HTML: &lt;/p&gt;
&lt;div&gt;
&lt;pre class="twilight"&gt;
&lt;span class="MetaTagAll"&gt;&lt;span class="MetaTagAll"&gt;&amp;lt;&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2009-10-13:/Scratch/en/blog/2009-10-untaught-git-usage/</id>
<title type="html">Untaught Git usage</title>
<published>2009-10-13T11:10:09Z</published>
<updated>2009-10-13T11:10:09Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2009-10-untaught-git-usage/"/>
<content type="html">&lt;p&gt;&lt;small&gt; &lt;em&gt;I explain why I had so much difficulties to use Git. There is an &amp;ldquo;untaught rule&amp;rdquo; that make hard to work without. Until I read the good document. &lt;/em&gt;&lt;/small&gt;&lt;/p&gt;
&lt;p&gt;&lt;small&gt; &lt;em&gt; &amp;ldquo;Cheap branches&amp;rdquo; aren&amp;rsquo;t designed to be totally isolated branches but rather should follow a &amp;ldquo;Master Branch&amp;rdquo;. There is a &lt;/em&gt;Standard Workflow&lt;em&gt; to follow. If you don&amp;rsquo;t follow it, you prepare yourself with some hard time with Git.&lt;/em&gt; &lt;/small&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;div class="corps"&gt;
&lt;h1 class="first" id="my-way-to-decentralisation"&gt;My way to decentralisation&lt;/h1&gt;
&lt;h3 id="from-svn-to-bazaar"&gt;From SVN to Bazaar&lt;/h3&gt;
&lt;p&gt;I was a huge user of &lt;a href="http://subversion.tigris.org"&gt;subversion (svn)&lt;/a&gt;. Until the day I saw this &lt;/p&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2009-10-03:/Scratch/en/blog/2009-10-How-to-preload-your-site-with-style/</id>
<title type="html">How to preload your site with style</title>
<published>2009-10-03T12:34:11Z</published>
<updated>2009-10-03T12:34:11Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2009-10-How-to-preload-your-site-with-style/"/>
<content type="html">&lt;h2 class="first" id="example"&gt;Example&lt;/h2&gt;
&lt;p&gt;Here is a live example of what appear while loading my pages.&lt;/p&gt;
&lt;div id="demo" style="width:45%; position: relative; height: 8em; background-image: url('/Scratch/css/img/red.jpg'); background-position: 50% 50%; color: #fff; text-align: center; padding-top: 1em; margin-left: auto; margin-right: auto; border: solid 10px rgba(255,255,255,0.7); -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; cursor: pointer; "&gt;
&lt;p&gt;Hello! I've finished loading!&lt;/p&gt;
&lt;p&gt;Click me to see me disapear again.&lt;/p&gt;
&lt;div id="todisapear" style="color: #000; position:absolute;top:0;left:0;text-align: center; padding-top: 1em; width: 100%; background-color: #eee; height: 8em;"&gt;
Loading...
&lt;/div&gt;&lt;/div&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2009-09-28:/Scratch/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/</id>
<title type="html">Disqus versus Intense Debate (Why I switched)</title>
<published>2009-09-28T08:58:20Z</published>
<updated>2009-09-28T08:58:20Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/"/>
<content type="html">&lt;h1 class="first" id="disqushttpdisquscom-vs-intense-debatehttpintensedebatecom"&gt;&lt;a href="http://disqus.com/"&gt;Disqus&lt;/a&gt; &lt;em&gt;vs.&lt;/em&gt; &lt;a href="http://intensedebate.com/"&gt;Intense Debate&lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;I made a blog entry about how I tried to integrate &lt;a href="http://disqus.com"&gt;Disqus&lt;/a&gt;. I had to wait Disqus comment to be displayed before loading correctly my page. This is why I tried to include it in a &amp;ldquo;non-blocking&amp;rdquo; way. Unfortunately, I had &lt;a href="/Scratch/en/blog/11_Load_Disqus_Asynchronously/"&gt;difficulties to make it works correctly&lt;/a&gt;. &lt;/p&gt;
&lt;p&gt;Furthermore, it was not trivial to make comment to be shared between multiple version of the same page (each page has three differents representations, one for each language and one more for the multi-language version).&lt;/p&gt;
...</content>
</entry>
<entry>
<id>tag:yannesposito.com,2009-09-23:/Scratch/en/blog/2009-09-jQuery-Tag-Cloud/</id>
<title type="html">jQuery Tag Cloud</title>
<published>2009-09-23T11:18:26Z</published>
<updated>2009-09-23T11:18:26Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2009-09-jQuery-Tag-Cloud/"/>
<content type="html">&lt;p&gt;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 &lt;a href="nanoc.stoneship.org"&gt;nanoc&lt;/a&gt;.
It is (in my humble opinion) the modern geek way to make a website.
The tagcloud should work for machine with and without javascript.&lt;/p&gt;
&lt;p&gt;This is why I&amp;rsquo;ll give only a Ruby Generator, not a full javascript generator.
But you can easily translate from Ruby to Javascript.&lt;/p&gt;
&lt;p&gt;Here is what you should obtain:&lt;/p&gt;
&lt;/div&gt;
&lt;div class="corps"&gt;
&lt;div&gt;
&lt;script type="text/javascript"&gt;
$(document).ready( function(){$('.list').hide();$('#tagcloud a').removeAttr("href")} );
function tagSelected(id) {
$('.list').hide();
$('#'+id).fadeIn();
$('.ta...&lt;/script&gt;&lt;/div&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2009-09-22:/Scratch/en/blog/2009-09-replace-all-except-some-part/</id>
<title type="html">replace all except some part</title>
<published>2009-09-22T20:13:25Z</published>
<updated>2009-09-22T20:13:25Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2009-09-replace-all-except-some-part/"/>
<content type="html">&lt;p&gt;My problem is simple:&lt;/p&gt;
&lt;p&gt;I want to filter a text except some part of it. I can match easily the part I don&amp;rsquo;t want to be filtered. For example&lt;/p&gt;
&lt;div&gt;
&lt;pre class="twilight"&gt;
...
text
...
BEGIN not to filter
...
text
...
END not to filter
...
text
...
&lt;/pre&gt;
&lt;/div&gt;
&lt;p&gt;I searched a better way to do that, but the best I can do is using &lt;code&gt;split&lt;/code&gt; and &lt;code&gt;scan&lt;/code&gt;.&lt;/p&gt;
&lt;div&gt;
&lt;pre class="twilight"&gt;
&lt;span class="Keyword"&gt;def&lt;/span&gt; &lt;span class="Entity"&gt;allExceptCode&lt;/span&gt;(&lt;span class="Variable"&gt; f&lt;span class="Variable"&gt;,&lt;/span&gt; content &lt;/span&gt;)
regexp&lt;span class="Keyword"&gt;=&lt;/span&gt;&lt;span class="StringRegexp"&gt;&lt;span class="StringRegexp"&gt;/&lt;/span&gt;&lt;/span&gt;&lt;span class="StringRegexp"&gt;&amp;lt;code&lt;span class="StringRegexp"&gt;&lt;span class="StringRegexp"&gt;[&lt;/span&gt;^&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;</content>
</entry>
<entry>
<id>tag:yannesposito.com,2009-09-17:/Scratch/en/blog/11_Load_Disqus_Asynchronously/</id>
<title type="html">Load Disqus Asynchronously</title>
<published>2009-09-17T21:27:54Z</published>
<updated>2009-09-17T21:27:54Z</updated>
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/11_Load_Disqus_Asynchronously/"/>
<content type="html">&lt;h1 class="first" id="update"&gt;Update&lt;/h1&gt;
&lt;p&gt;In fact this method works for old threads. But it fails to create new post threads. This is why I tried and be conquered by &lt;a href="http://intensedebate.com"&gt;intensedebate&lt;/a&gt;, as you can see in the bottom of this page.&lt;/p&gt;
&lt;p&gt;Remark I didn&amp;rsquo;t have any comment on my blog when I switched. Therefore my lack of influence was a good thing&amp;nbsp;:-).&lt;/p&gt;
&lt;/div&gt;
&lt;div class="corps"&gt;
&lt;p&gt;Before begining, I must state that I &lt;strong&gt;love&lt;/strong&gt; Disqus. &lt;/p&gt;
&lt;p&gt;I know there is a similar blog entry at &lt;a href="http://trephine.org/t/index.php?title=Site_improvements_-_fighting_with_Disqus"&gt;Trephine.org&lt;/a&gt;. Here I just add a straight and easy way to load disqus asynchronously using jQuery. &lt;/p&gt;
&lt;p&gt;I also know there is a jQuery plugin to ma...&lt;/p&gt;</content>
</entry>
</feed>