<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:posterous="http://posterous.com/help/rss/1.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:media="http://search.yahoo.com/mrss/" version="2.0">
  <channel>
    <title>Unicolored</title>
    <link>http://unicolored.posterous.com</link>
    <description>Blog à l'usage des fous</description>
    <generator>posterous.com</generator>
    <link xmlns="http://www.w3.org/2005/Atom" href="http://posterous.com/api/sup_update#f838ff34a" type="application/json" rel="http://api.friendfeed.com/2008/03#sup" />
    
    
    <atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/unicoloblog" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="unicoloblog" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://posterous.superfeedr.com/" /><item>
      <pubDate>Tue, 24 Jan 2012 05:43:51 -0800</pubDate>
      <title>Refonte Web en 30 min</title>
      <link>http://unicolored.posterous.com/refonte-web-en-30-min</link>
      <guid>http://unicolored.posterous.com/refonte-web-en-30-min</guid>
      <description>
        <![CDATA[<p>
	<a href="http://blogs.fanextra.com/articles/30-minute-redesign-76-suruha-freespirit">http://blogs.fanextra.com/articles/30-minute-redesign-76-suruha-freespirit</a>
	
</p>

<p><a href="http://unicolored.posterous.com/refonte-web-en-30-min">Permalink</a> 

	| <a href="http://unicolored.posterous.com/refonte-web-en-30-min#comment">Leave a comment&nbsp;&nbsp;&raquo;</a>

</p>]]>
      </description>
      <posterous:author>
        <posterous:userImage>http://files.posterous.com/user_profile_pics/1782213/stopsopa_all_black.png</posterous:userImage>
        <posterous:profileUrl>http://posterous.com/users/3tkakrGcCHPb</posterous:profileUrl>
        <posterous:firstName>Gilles</posterous:firstName>
        <posterous:lastName>Hoarau</posterous:lastName>
        <posterous:nickName>unicolored</posterous:nickName>
        <posterous:displayName>Gilles Hoarau</posterous:displayName>
      </posterous:author>
    </item>
    <item>
      <pubDate>Tue, 24 Jan 2012 00:08:00 -0800</pubDate>
      <title>Accélère ton Wordpress</title>
      <link>http://unicolored.posterous.com/accelere-ton-wordpress</link>
      <guid>http://unicolored.posterous.com/accelere-ton-wordpress</guid>
      <description>
        <![CDATA[<p>
	<a href="http://wp.tutsplus.com/tutorials/the-ultimate-quickstart-guide-to-speeding-up-your-wordpress-site/">http://wp.tutsplus.com/tutorials/the-ultimate-quickstart-guide-to-speeding-up...</a>
	
</p>

<p><a href="http://unicolored.posterous.com/accelere-ton-wordpress">Permalink</a> 

	| <a href="http://unicolored.posterous.com/accelere-ton-wordpress#comment">Leave a comment&nbsp;&nbsp;&raquo;</a>

</p>]]>
      </description>
      <posterous:author>
        <posterous:userImage>http://files.posterous.com/user_profile_pics/1782213/stopsopa_all_black.png</posterous:userImage>
        <posterous:profileUrl>http://posterous.com/users/3tkakrGcCHPb</posterous:profileUrl>
        <posterous:firstName>Gilles</posterous:firstName>
        <posterous:lastName>Hoarau</posterous:lastName>
        <posterous:nickName>unicolored</posterous:nickName>
        <posterous:displayName>Gilles Hoarau</posterous:displayName>
      </posterous:author>
    </item>
    <item>
      <pubDate>Tue, 27 Sep 2011 07:22:00 -0700</pubDate>
      <title>20 JavaScript Frameworks Worth Checking Out</title>
      <link>http://unicolored.posterous.com/20-javascript-frameworks-worth-checking-out</link>
      <guid>http://unicolored.posterous.com/20-javascript-frameworks-worth-checking-out</guid>
      <description>
        <![CDATA[<p>
	<div class="posterous_bookmarklet_entry">
      <div class='p_embed p_image_embed'>
<img alt="Media_httpd2o0t5hpnwv_gnpsk" height="200" src="http://posterous.com/getfile/files.posterous.com/unicolored/CEdCuzdFrfFiAynkExcaaCenHgdxJshbtewdxzdglIduHfuokFFgobGpkfms/media_httpd2o0t5hpnwv_gnpsk.png.scaled895.png" width="200" />
</div>


<div class="posterous_quote_citation">via <a href="http://feedproxy.google.com/~r/nettuts/~3/MZqwNUnES3I/">feedproxy.google.com</a></div>
    <p></p></div>
	
</p>

<p><a href="http://unicolored.posterous.com/20-javascript-frameworks-worth-checking-out">Permalink</a> 

	| <a href="http://unicolored.posterous.com/20-javascript-frameworks-worth-checking-out#comment">Leave a comment&nbsp;&nbsp;&raquo;</a>

</p>]]>
      </description>
      <posterous:author>
        <posterous:userImage>http://files.posterous.com/user_profile_pics/1782213/stopsopa_all_black.png</posterous:userImage>
        <posterous:profileUrl>http://posterous.com/users/3tkakrGcCHPb</posterous:profileUrl>
        <posterous:firstName>Gilles</posterous:firstName>
        <posterous:lastName>Hoarau</posterous:lastName>
        <posterous:nickName>unicolored</posterous:nickName>
        <posterous:displayName>Gilles Hoarau</posterous:displayName>
      </posterous:author>
    </item>
    <item>
      <pubDate>Fri, 23 Sep 2011 08:46:00 -0700</pubDate>
      <title>Apparat - Song of Los</title>
      <link>http://unicolored.posterous.com/apparat-song-of-los</link>
      <guid>http://unicolored.posterous.com/apparat-song-of-los</guid>
      <description>
        <![CDATA[<p>
	<div class="posterous_bookmarklet_entry">
      <div class='p_embed p_image_embed'>
<img alt="Media_httpwwwfubiznet_gmwmt" height="300" src="http://posterous.com/getfile/files.posterous.com/unicolored/gJggnjIFqwGagGfdDEFrGAEghAvbHuBswkvvfqBBEFDheeCcIyBeldyAwvvp/media_httpwwwfubiznet_gmwmt.png.scaled895.png" width="550" />
</div>


<div class="posterous_quote_citation">via <a href="http://www.fubiz.net/2011/09/22/apparat-song-of-los/">fubiz.net</a></div>
    <p></p></div>
	
</p>

<p><a href="http://unicolored.posterous.com/apparat-song-of-los">Permalink</a> 

	| <a href="http://unicolored.posterous.com/apparat-song-of-los#comment">Leave a comment&nbsp;&nbsp;&raquo;</a>

</p>]]>
      </description>
      <posterous:author>
        <posterous:userImage>http://files.posterous.com/user_profile_pics/1782213/stopsopa_all_black.png</posterous:userImage>
        <posterous:profileUrl>http://posterous.com/users/3tkakrGcCHPb</posterous:profileUrl>
        <posterous:firstName>Gilles</posterous:firstName>
        <posterous:lastName>Hoarau</posterous:lastName>
        <posterous:nickName>unicolored</posterous:nickName>
        <posterous:displayName>Gilles Hoarau</posterous:displayName>
      </posterous:author>
    </item>
    <item>
      <pubDate>Fri, 23 Sep 2011 08:40:00 -0700</pubDate>
      <title>See What You Print</title>
      <link>http://unicolored.posterous.com/see-what-you-print</link>
      <guid>http://unicolored.posterous.com/see-what-you-print</guid>
      <description>
        <![CDATA[<p>
	<div class="posterous_bookmarklet_entry">
      <div class='p_embed p_image_embed'>
<img alt="Media_httpwwwfubiznet_lbtzq" height="308" src="http://posterous.com/getfile/files.posterous.com/unicolored/sIIwrsfeaibrqcqEorczIEDlircqqhpiDCeFxHtoIwGlFmlEJhrlaFxpfbcy/media_httpwwwfubiznet_lBtzq.jpg.scaled895.jpg" width="550" />
</div>


<div class="posterous_quote_citation">via <a href="http://www.fubiz.net/2011/09/22/see-what-you-print/">fubiz.net</a></div>
    <p></p></div>
	
</p>

<p><a href="http://unicolored.posterous.com/see-what-you-print">Permalink</a> 

	| <a href="http://unicolored.posterous.com/see-what-you-print#comment">Leave a comment&nbsp;&nbsp;&raquo;</a>

</p>]]>
      </description>
      <posterous:author>
        <posterous:userImage>http://files.posterous.com/user_profile_pics/1782213/stopsopa_all_black.png</posterous:userImage>
        <posterous:profileUrl>http://posterous.com/users/3tkakrGcCHPb</posterous:profileUrl>
        <posterous:firstName>Gilles</posterous:firstName>
        <posterous:lastName>Hoarau</posterous:lastName>
        <posterous:nickName>unicolored</posterous:nickName>
        <posterous:displayName>Gilles Hoarau</posterous:displayName>
      </posterous:author>
    </item>
    <item>
      <pubDate>Thu, 22 Sep 2011 14:44:00 -0700</pubDate>
      <title>MTV - Struggle</title>
      <link>http://unicolored.posterous.com/mtv-struggle</link>
      <guid>http://unicolored.posterous.com/mtv-struggle</guid>
      <description>
        <![CDATA[<p>
	<div class="posterous_bookmarklet_entry">
      <div class='p_embed p_image_embed'>
<img alt="Media_httpwwwfubiznet_cbvoj" height="316" src="http://posterous.com/getfile/files.posterous.com/unicolored/IgGEFeauAajfJqABtxCsCppreufAAkelxzmrscvlFCdACvdEAxgmcGrdwJfu/media_httpwwwfubiznet_CBvoj.png.scaled895.png" width="550" />
</div>


<div class="posterous_quote_citation">via <a href="http://www.fubiz.net/2011/09/06/mtv-struggle/">fubiz.net</a></div>
    <p></p></div>
	
</p>

<p><a href="http://unicolored.posterous.com/mtv-struggle">Permalink</a> 

	| <a href="http://unicolored.posterous.com/mtv-struggle#comment">Leave a comment&nbsp;&nbsp;&raquo;</a>

</p>]]>
      </description>
      <posterous:author>
        <posterous:userImage>http://files.posterous.com/user_profile_pics/1782213/stopsopa_all_black.png</posterous:userImage>
        <posterous:profileUrl>http://posterous.com/users/3tkakrGcCHPb</posterous:profileUrl>
        <posterous:firstName>Gilles</posterous:firstName>
        <posterous:lastName>Hoarau</posterous:lastName>
        <posterous:nickName>unicolored</posterous:nickName>
        <posterous:displayName>Gilles Hoarau</posterous:displayName>
      </posterous:author>
    </item>
    <item>
      <pubDate>Thu, 22 Sep 2011 11:53:00 -0700</pubDate>
      <title>Royalty Free After Effects Project-Files</title>
      <link>http://unicolored.posterous.com/royalty-free-after-effects-project-files</link>
      <guid>http://unicolored.posterous.com/royalty-free-after-effects-project-files</guid>
      <description>
        <![CDATA[<p>
	<div class="posterous_bookmarklet_entry">
      <div class='p_embed p_image_embed'>
<img alt="Media_httpwwwaedudeco_eedca" height="180" src="http://posterous.com/getfile/files.posterous.com/unicolored/hqrwvatDiqiqbqCwztssEFrmjyClrDJEJzyqebdBuFvGHhGhyltFFCiyyptx/media_httpwwwaedudeco_eEdca.png.scaled895.png" width="282" />
</div>


<div class="posterous_quote_citation">via <a href="http://www.aedude.com/projects">aedude.com</a></div>
    <p></p></div>
	
</p>

<p><a href="http://unicolored.posterous.com/royalty-free-after-effects-project-files">Permalink</a> 

	| <a href="http://unicolored.posterous.com/royalty-free-after-effects-project-files#comment">Leave a comment&nbsp;&nbsp;&raquo;</a>

</p>]]>
      </description>
      <posterous:author>
        <posterous:userImage>http://files.posterous.com/user_profile_pics/1782213/stopsopa_all_black.png</posterous:userImage>
        <posterous:profileUrl>http://posterous.com/users/3tkakrGcCHPb</posterous:profileUrl>
        <posterous:firstName>Gilles</posterous:firstName>
        <posterous:lastName>Hoarau</posterous:lastName>
        <posterous:nickName>unicolored</posterous:nickName>
        <posterous:displayName>Gilles Hoarau</posterous:displayName>
      </posterous:author>
    </item>
    <item>
      <pubDate>Wed, 21 Sep 2011 23:19:00 -0700</pubDate>
      <title>Enomeks — Hazardous Material</title>
      <link>http://unicolored.posterous.com/enomeks-hazardous-material</link>
      <guid>http://unicolored.posterous.com/enomeks-hazardous-material</guid>
      <description>
        <![CDATA[<p>
	<div class="posterous_bookmarklet_entry">
      <div class='p_embed p_image_embed'>
<a href="http://posterous.com/getfile/files.posterous.com/unicolored/fHehxxtgpIoEyzIdhGeBIoAxclfAmhmfGqemdIfcrCiGieegtqjkIgguiqHp/media_httpcache1bigca_telEf.jpg.scaled1000.jpg"><img alt="Media_httpcache1bigca_telef" height="503" src="http://posterous.com/getfile/files.posterous.com/unicolored/fHehxxtgpIoEyzIdhGeBIoAxclfAmhmfGqemdIfcrCiGieegtqjkIgguiqHp/media_httpcache1bigca_telEf.jpg.scaled895.jpg" width="895" /></a>
</div>
<div class="posterous_quote_citation">via <a href="http://enomeks.bigcartel.com/product/hazardous-material">enomeks.bigcartel.com</a></div>
    <p></p></div>
	
</p>

<p><a href="http://unicolored.posterous.com/enomeks-hazardous-material">Permalink</a> 

	| <a href="http://unicolored.posterous.com/enomeks-hazardous-material#comment">Leave a comment&nbsp;&nbsp;&raquo;</a>

</p>]]>
      </description>
      <posterous:author>
        <posterous:userImage>http://files.posterous.com/user_profile_pics/1782213/stopsopa_all_black.png</posterous:userImage>
        <posterous:profileUrl>http://posterous.com/users/3tkakrGcCHPb</posterous:profileUrl>
        <posterous:firstName>Gilles</posterous:firstName>
        <posterous:lastName>Hoarau</posterous:lastName>
        <posterous:nickName>unicolored</posterous:nickName>
        <posterous:displayName>Gilles Hoarau</posterous:displayName>
      </posterous:author>
    </item>
    <item>
      <pubDate>Wed, 21 Sep 2011 23:06:00 -0700</pubDate>
      <title>TrendsNow | Réseau Ferré de France</title>
      <link>http://unicolored.posterous.com/trendsnow-reseau-ferre-de-france</link>
      <guid>http://unicolored.posterous.com/trendsnow-reseau-ferre-de-france</guid>
      <description>
        <![CDATA[<p>
	<div class="posterous_bookmarklet_entry">
      <div class='p_embed p_image_embed'>
<img alt="Media_httpwwwtrendsno_fbwvw" height="253" src="http://posterous.com/getfile/files.posterous.com/unicolored/kpdFoljIiEHxFGnIDkefbxyjGoFCwcdjolkGHutuupBvsEmzfmlBtsqyokFF/media_httpwwwtrendsno_Fbwvw.jpg.scaled895.jpg" width="600" />
</div>


<div class="posterous_quote_citation">via <a href="http://www.trendsnow.net/2011/09/reseau-ferre-de-france.html">trendsnow.net</a></div>
    <p>La vidéo + le making of</p></div>
	
</p>

<p><a href="http://unicolored.posterous.com/trendsnow-reseau-ferre-de-france">Permalink</a> 

	| <a href="http://unicolored.posterous.com/trendsnow-reseau-ferre-de-france#comment">Leave a comment&nbsp;&nbsp;&raquo;</a>

</p>]]>
      </description>
      <posterous:author>
        <posterous:userImage>http://files.posterous.com/user_profile_pics/1782213/stopsopa_all_black.png</posterous:userImage>
        <posterous:profileUrl>http://posterous.com/users/3tkakrGcCHPb</posterous:profileUrl>
        <posterous:firstName>Gilles</posterous:firstName>
        <posterous:lastName>Hoarau</posterous:lastName>
        <posterous:nickName>unicolored</posterous:nickName>
        <posterous:displayName>Gilles Hoarau</posterous:displayName>
      </posterous:author>
    </item>
    <item>
      <pubDate>Wed, 22 Jun 2011 02:45:26 -0700</pubDate>
      <title>21h15 rue emile zola pdt la fête de la musique</title>
      <link>http://unicolored.posterous.com/21h15-rue-emile-zola-pdt-la-fete-de-la-musiqu</link>
      <guid>http://unicolored.posterous.com/21h15-rue-emile-zola-pdt-la-fete-de-la-musiqu</guid>
      <description>
        <![CDATA[<p>
	<div class='p_embed p_image_embed'>
<img alt="2011-06-21_21" height="1193" src="http://posterous.com/getfile/files.posterous.com/unicolored/0HClSjFpPEhQ8WnEb4KuGrI7CzFQYE2V1OoFGmLyQqz9yczQMNB9QDD4HBWA/2011-06-21_21.18.22.jpg.scaled895.jpg" width="895" />
</div>

	
</p>

<p><a href="http://unicolored.posterous.com/21h15-rue-emile-zola-pdt-la-fete-de-la-musiqu">Permalink</a> 

	| <a href="http://unicolored.posterous.com/21h15-rue-emile-zola-pdt-la-fete-de-la-musiqu#comment">Leave a comment&nbsp;&nbsp;&raquo;</a>

</p>]]>
      </description>
      <posterous:author>
        <posterous:userImage>http://files.posterous.com/user_profile_pics/1782213/stopsopa_all_black.png</posterous:userImage>
        <posterous:profileUrl>http://posterous.com/users/3tkakrGcCHPb</posterous:profileUrl>
        <posterous:firstName>Gilles</posterous:firstName>
        <posterous:lastName>Hoarau</posterous:lastName>
        <posterous:nickName>unicolored</posterous:nickName>
        <posterous:displayName>Gilles Hoarau</posterous:displayName>
      </posterous:author>
    </item>
    <item>
      <pubDate>Mon, 18 Apr 2011 01:59:01 -0700</pubDate>
      <title>Nettoyage des crenaux et gouttieres</title>
      <link>http://unicolored.posterous.com/nettoyage-des-crenaux-et-gouttieres</link>
      <guid>http://unicolored.posterous.com/nettoyage-des-crenaux-et-gouttieres</guid>
      <description>
        <![CDATA[<p>
	<div class='p_embed p_image_embed'>
<a href="http://posterous.com/getfile/files.posterous.com/unicolored/3fo20C39iSOFnY0xNW1LGHNVuMkJSKJVGN5Po0addBwk7whFpsDa6oQqoyFO/DSC_0023_edit0.jpg.scaled.1000.jpg"><img alt="Dsc_0023_edit0" height="671" src="http://posterous.com/getfile/files.posterous.com/unicolored/V3HG5xEjtYuzVxuf8gkq3yYcoQGVt2UVEQgQo1V1sp5tqglW9uKd43zWvzAU/DSC_0023_edit0.jpg.scaled895.jpg" width="895" /></a>
</div>
<p></p><p>Rue Emile zola bloquée en bas et Ulbach inversée</p>
	
</p>

<p><a href="http://unicolored.posterous.com/nettoyage-des-crenaux-et-gouttieres">Permalink</a> 

	| <a href="http://unicolored.posterous.com/nettoyage-des-crenaux-et-gouttieres#comment">Leave a comment&nbsp;&nbsp;&raquo;</a>

</p>]]>
      </description>
      <posterous:author>
        <posterous:userImage>http://files.posterous.com/user_profile_pics/1782213/stopsopa_all_black.png</posterous:userImage>
        <posterous:profileUrl>http://posterous.com/users/3tkakrGcCHPb</posterous:profileUrl>
        <posterous:firstName>Gilles</posterous:firstName>
        <posterous:lastName>Hoarau</posterous:lastName>
        <posterous:nickName>unicolored</posterous:nickName>
        <posterous:displayName>Gilles Hoarau</posterous:displayName>
      </posterous:author>
    </item>
    <item>
      <pubDate>Wed, 06 Apr 2011 12:28:34 -0700</pubDate>
      <title>21h03 au centre ville</title>
      <link>http://unicolored.posterous.com/21h03-au-centre-ville</link>
      <guid>http://unicolored.posterous.com/21h03-au-centre-ville</guid>
      <description>
        <![CDATA[<p>
	<p><div class='p_embed p_image_embed'>
<img alt="1042124853" height="306" src="http://posterous.com/getfile/files.posterous.com/mysite-ituo/kxAnmgavgrbyheybbfECewvewDarFEyjliDCAbsfaxnayvgfsHqEHHchAbtf/1042124853.jpg.scaled895.jpg" width="408" />
</div>
</p>
	
</p>

<p><a href="http://unicolored.posterous.com/21h03-au-centre-ville">Permalink</a> 

	| <a href="http://unicolored.posterous.com/21h03-au-centre-ville#comment">Leave a comment&nbsp;&nbsp;&raquo;</a>

</p>]]>
      </description>
      <posterous:author>
        <posterous:userImage>http://files.posterous.com/user_profile_pics/1782213/stopsopa_all_black.png</posterous:userImage>
        <posterous:profileUrl>http://posterous.com/users/3tkakrGcCHPb</posterous:profileUrl>
        <posterous:firstName>Gilles</posterous:firstName>
        <posterous:lastName>Hoarau</posterous:lastName>
        <posterous:nickName>unicolored</posterous:nickName>
        <posterous:displayName>Gilles Hoarau</posterous:displayName>
      </posterous:author>
    </item>
    <item>
      <pubDate>Sun, 21 Mar 2010 08:04:54 -0700</pubDate>
      <title>40 of the Most Interesting and Creative Guerrilla and Ambient Advertising Campaigns | Web Design Tutorials and Inspiration | Learn Photoshop Online | Creative Inspiration | Web Resources</title>
      <link>http://unicolored.posterous.com/40-of-the-most-interesting-and-creative-guerr</link>
      <guid>http://unicolored.posterous.com/40-of-the-most-interesting-and-creative-guerr</guid>
      <description>
        <![CDATA[<p>
	<div class="posterous_bookmarklet_entry">
      <div class='p_embed p_image_embed'>
<img alt="Media_httpdesigntutor_ojxql" height="560" src="http://posterous.com/getfile/files.posterous.com/unicolored/AaDoFqtlqexCAzDusCcEpHpmqnfyzhbCetFhcmjgfznxurcIonFBcwbpsHmG/media_httpdesigntutor_ojxql.jpg.scaled895.jpg" width="420" />
</div>
<div class="posterous_quote_citation">via <a href="http://designtutorials4u.com/40-of-the-most-interesting-and-creative-guerilla-and-ambient-advertising-campaigns/">designtutorials4u.com</a></div>
    <p></p></div>
	
</p>

<p><a href="http://unicolored.posterous.com/40-of-the-most-interesting-and-creative-guerr">Permalink</a> 

	| <a href="http://unicolored.posterous.com/40-of-the-most-interesting-and-creative-guerr#comment">Leave a comment&nbsp;&nbsp;&raquo;</a>

</p>]]>
      </description>
      <posterous:author>
        <posterous:userImage>http://files.posterous.com/user_profile_pics/1782213/stopsopa_all_black.png</posterous:userImage>
        <posterous:profileUrl>http://posterous.com/users/3tkakrGcCHPb</posterous:profileUrl>
        <posterous:firstName>Gilles</posterous:firstName>
        <posterous:lastName>Hoarau</posterous:lastName>
        <posterous:nickName>unicolored</posterous:nickName>
        <posterous:displayName>Gilles Hoarau</posterous:displayName>
      </posterous:author>
    </item>
    <item>
      <pubDate>Thu, 11 Mar 2010 09:08:22 -0800</pubDate>
      <title>L’infrastructure VDM : MySQL</title>
      <link>http://unicolored.posterous.com/linfrastructure-vdm-mysql</link>
      <guid>http://unicolored.posterous.com/linfrastructure-vdm-mysql</guid>
      <description>
        <![CDATA[<p>
	<div class="posterous_bookmarklet_entry">
      <blockquote><div>
			<h3>L&#8217;infrastructure VDM : MySQL</h3>
			<p>Par Maxime, le 10 mars 2010.</p>

			<div>
				<p>Depuis des mois je promets une série d&#8217;articles qui ne va peut-être pas intéresser grand monde, mais qui aura le mérite d&#8217;exister et de soulager ma conscience (ma mère m&#8217;a dit que ce n&#8217;était pas joli de ne pas tenir ses promesses).</p>
<p>Contrairement à ce que certains laissent penser, je fais quelque chose de mes journées. Je suis développeur Web, mais aussi administrateur système. Créer puis s&#8217;occuper de l&#8217;hébergement de sites comme VDM et FML n&#8217;arrive pas tous les jours, et j&#8217;ai gagné beaucoup d&#8217;expérience ces 12 derniers mois en montant une infrastructure qui accueille chaque jour <em>plus de 3 millions de visiteurs</em>.</p>
<p><a href="http://maxime.sh/wp-content/uploads/2010/03/betacie_network.png" target="_blank"><img src="http://maxime.sh/wp-content/uploads/2010/03/betacie_network-500.png" border="0" alt="betacie_network.png" /></a></p><p><br /><em>L&#8217;infrastructure que j&#8217;ai montée pour VDM/FML</em></p>
<p>Dans cette série de billets (normalement trois en comptant celui là), je vais vous raconter ce qui se passe derrière les URL viedemerde.fr et fmylife.com, qui représentent 98% du trafic de l&#8217;infrastructure d&#8217;hébergement de ma société, Beta&#038;Cie. Ces articles n&#8217;ont pas pour vocation de me vanter ou de dire au monde entier que ma solution est la meilleure, c&#8217;est juste ma solution et elle marche bien jusqu&#8217;à maintenant.</p>
<p>Passons au premier sujet : <strong>Les serveurs MySQL</strong>.</p>
<h3>Réplication circulaire</h3>
<p><a href="http://maxime.sh/wp-content/uploads/2010/03/tv8n.png" target="_blank"><img src="http://maxime.sh/wp-content/uploads/2010/03/tv8n-500.png" border="0" alt="tv8n.png" /></a></p><p><br /><em>Mes sept petits bouts de chou.</em></p>
<p>Comme le montre le schéma, mes sept serveurs sont configurés en réplication circulaire. C&#8217;est à dire que chacun est maître et esclave à la fois (pas de connotations sexuelles ici, merci !). s1 est donc maître sur s2, mais il est esclave de s7.</p>
<p>Cette configuration a l&#8217;avantage de bien fonctionner derrière un <em>load balancer</em> puisque chaque serveur a le droit d&#8217;écriture. C&#8217;est donc transparent pour le développeur qui n&#8217;a qu&#8217;à renseigner l&#8217;IP du load balancer dans sa connexion à MySQL et travailler comme s&#8217;il n&#8217;avait qu&#8217;un seul serveur.</p>
<p>L&#8217;inconvénient est un inconvénient de taille. Comme les requêtes s&#8217;exécutent comme dans une ronde, si un serveur plante, toute la ronde est cassée et plus rien ne se réplique. Il faut donc avoir du bon matériel, et au cas où ça arrive quand même, <a href="http://maxime.sh/2009/12/le-monitoring-cette-belle-activite/" target="_blank">agir très vite</a> pour éviter que les utilisateurs ne râlent :)</p>
<p>Une petite astuce pour éviter que votre réplication ne s&#8217;arrête pour des raisons connes : Je fais ignorer par mes serveurs systématiquement les erreurs 1062 (nouvelle entrée avec le même ID) et 1053 (déclenchée quand le serveur maître s&#8217;éteint ou redémarre) :</p>
<div class="CodeRay">
  <div class="code"><pre>slave-skip-errors=1062,1053</pre></div>
</div>

<p>Pour diminuer les latences de réplication il est aussi important d&#8217;avoir un bon réseau&#8230;</p>
<h3>Réseau VLAN</h3>
<p>Au delà de l&#8217;onomatopée, un VLAN est l&#8217;abréviation de Réseau Local Virtuel (RLV ça le faisait pas, hein ?). Il permet de créer un réseau indépendant du reste des machines du réseau où est hébergée l&#8217;infrastructure. Concrètement chaque serveur possède deux interfaces physiques :</p>
<div class="CodeRay">
  <div class="code"><pre># ifconfig
eth0      Link encap:Ethernet  HWaddr 00:30:48:b9:42:e2
          inet addr:91.191.146.199  Bcast:91.191.146.255  Mask:255.255.255.192

eth1      Link encap:Ethernet  HWaddr 00:30:48:b9:42:e3
          inet addr:10.191.146.199  Bcast:10.191.146.255  Mask:255.255.255.0</pre></div>
</div>

<p>eth0 a l&#8217;adresse IP 91.191.146.199 qui est atteignable de l&#8217;extérieur du réseau, alors que eth1 a l&#8217;adresse IP 10.191.146.199 qui est interne au VLAN et qui par conséquent ne peut communiquer qu&#8217;avec ses copines du même VLAN qu&#8217;elle.</p>
<p>Avoir ses serveurs en VLAN diminue donc la latence entre les serveurs, la réplication se fait plus rapidement et avec plus de sécurité puisqu&#8217;aucun paquet ne sort de votre réseau local. Deux avantages indéniables qui devraient vous faire quitter OVH choisir un hébergeur qui fait du VLAN ! En effet les réseaux virtuels se configurent au niveau des routeurs/switches, il faut donc choisir un hébergeur qui puisse le prendre en charge.</p>
<h3>Disques SSD</h3>
<p>Pour économiser un certain nombre de machines dans ma réplication circulaire et ainsi réduire le nombre de défaillances matérielles, j&#8217;ai très vite décidé d&#8217;utiliser du SSD pour héberger les données de mes bases. Au début j&#8217;ai eu des X25-M chez OVH (mon ancien hébergeur), qui est le moyen de gamme du SSD, puis je suis passé récemment au X25-E, la version haut de gamme, comme le montre ce <a href="http://www.sd-france.com/news-200908/24/disques-ssd-intel-x25-e.html" target="_blank">benchmark par SD-France</a>, mon gentil hébergeur :</p>
<p><a href="http://maxime.sh/wp-content/uploads/2010/03/20090824-test-ssd-graph-ecriture.gif" target="_blank"><img src="http://maxime.sh/wp-content/uploads/2010/03/20090824-test-ssd-graph-ecriture.gif" border="0" alt="20090824-test-ssd-graph-ecriture.gif" /></a></p><p></p>
<p>Le X25-E dépasse largement tous ses concurrents en terme d&#8217;écriture et de lecture de disque. Cela assure évidemment un meilleur temps de réponse sur les requêtes, différence qui se ressent lorsque l&#8217;on traite <strong>15 000 requêtes par seconde</strong>&#8230;</p>
<p>Les deux inconvénients de cette méthode :</p>
<ul>
<li>La capacité. La plus grande taille disponible est 64 Go, ce qui peut paraître beaucoup pour de simples bases de données, mais qui se remplit vite quand le site repose sur beaucoup d&#8217;anecdotes / commentaires et surtout votes.</li>
<li>Le prix. Les disques SSD X25-E sont encore très chers, même s&#8217;ils économisent parfois de nouvelles machines, je me fais taper quand j&#8217;en demande des nouveaux :D</li>
</ul>
<h3>Optimisations</h3>
<p>Comme le disque SSD est déjà pas mal occupé à traiter les requêtes SQL, la copie des résultats de SELECT sur les bases temporaires dans <span>/tmp</span> (configuration par défaut) est fortement ralentie. En parallèle la RAM n&#8217;est en général pas utilisée à fond. Il est donc judicieux d&#8217;utiliser la RAM restante comme espace pour les fichiers temporaires, grâce au système de fichier <em>tmpfs</em> :</p>
<div class="CodeRay">
  <div class="code"><pre>mkdir /tmpfs
mount tmpfs /tmpfs -t tmpfs</pre></div>
</div>

<p>Vérifiez que votre nouveau répertoire fonctionne correctement, puis modifiez la configuration de votre <span>my.cnf</span> pour la valeur suivante :</p>
<div class="CodeRay">
  <div class="code"><pre>tmpdir = /tmpfs</pre></div>
</div>

<p>Ne pas oublier de rajouter le montage du tmpfs dans votre <span>/etc/fstab</span>, pour éviter les problèmes au reboot :)</p>
<p>Avec tout ceci, nous arrivons à traiter <em>vaguement</em> ces quelques données :</p>
<ul>
<li>2 millions d&#8217;anecdotes, 8000 nouvelles par jour</li>
<li>1,7 million de commentaires, 5000 nouveaux par jour</li>
<li><strong>630 millions de votes</strong>, 850 000 nouveaux par jour</li>
</ul>
<p>Voilà mes petits pandas, je pense avoir couvert pas mal des aspects principaux &laquo;&nbsp;caractéristiques&nbsp;&raquo; de l&#8217;infrastructure au niveau de MySQL. Mais j&#8217;ai sûrement oublié beaucoup de choses, alors n&#8217;hésitez pas si vous avez des questions.</p>
<p>Pas de date pour le prochain article mais j&#8217;espère la semaine prochaine.</p>

								
				<p>
					<small>
						Ce billet a été écrit
												le 10 mars 2010 à 17:35						et rangé dans <a href="http://maxime.sh/category/developpement/" title="Voir tous les articles dans Développement" rel="category tag">Développement</a>,  <a href="http://maxime.sh/category/ma-vie/" title="Voir tous les articles dans Ma vie" rel="category tag">Ma vie</a>,  <a href="http://maxime.sh/category/php/" title="Voir tous les articles dans PHP" rel="category tag">PHP</a>,  <a href="http://maxime.sh/category/web/" title="Voir tous les articles dans Web" rel="category tag">Web</a>.
						Vous pouvez voir toutes les réponses à ce billet via le flux <a href="http://maxime.sh/2010/03/linfrastructure-vdm-mysql/feed/">RSS 2.0</a>.

													You can skip to the end and leave a response. Pinging is currently not allowed.

						
					</small>
				</p>

			</div>
		</div></blockquote>

<div class="posterous_quote_citation">via <a href="http://maxime.sh/2010/03/linfrastructure-vdm-mysql/">maxime.sh</a></div>
    <p></p></div>
	
</p>

<p><a href="http://unicolored.posterous.com/linfrastructure-vdm-mysql">Permalink</a> 

	| <a href="http://unicolored.posterous.com/linfrastructure-vdm-mysql#comment">Leave a comment&nbsp;&nbsp;&raquo;</a>

</p>]]>
      </description>
      <posterous:author>
        <posterous:userImage>http://files.posterous.com/user_profile_pics/1782213/stopsopa_all_black.png</posterous:userImage>
        <posterous:profileUrl>http://posterous.com/users/3tkakrGcCHPb</posterous:profileUrl>
        <posterous:firstName>Gilles</posterous:firstName>
        <posterous:lastName>Hoarau</posterous:lastName>
        <posterous:nickName>unicolored</posterous:nickName>
        <posterous:displayName>Gilles Hoarau</posterous:displayName>
      </posterous:author>
    </item>
    <item>
      <pubDate>Thu, 11 Mar 2010 09:08:10 -0800</pubDate>
      <title>Ikea squatte le métro</title>
      <link>http://unicolored.posterous.com/ikea-squatte-le-metro</link>
      <guid>http://unicolored.posterous.com/ikea-squatte-le-metro</guid>
      <description>
        <![CDATA[<p>
	<div class="posterous_bookmarklet_entry">
      <div class='p_embed p_image_embed'>
<img alt="Media_httpwwwjournald_hfbtb" height="333" src="http://posterous.com/getfile/files.posterous.com/unicolored/csjfvemsrsoldxIkvCrnlvBjbAybqJxcwfHampekxbkApoFfJzgopIebmHbD/media_httpwwwjournald_HFBtb.jpg.scaled895.jpg" width="500" />
</div>


<div class="posterous_quote_citation">via <a href="http://feedproxy.google.com/~r/LeJournalDuGeek/~3/00ycBb6aSuE/">feedproxy.google.com</a></div>
    <p></p></div>
	
</p>

<p><a href="http://unicolored.posterous.com/ikea-squatte-le-metro">Permalink</a> 

	| <a href="http://unicolored.posterous.com/ikea-squatte-le-metro#comment">Leave a comment&nbsp;&nbsp;&raquo;</a>

</p>]]>
      </description>
      <posterous:author>
        <posterous:userImage>http://files.posterous.com/user_profile_pics/1782213/stopsopa_all_black.png</posterous:userImage>
        <posterous:profileUrl>http://posterous.com/users/3tkakrGcCHPb</posterous:profileUrl>
        <posterous:firstName>Gilles</posterous:firstName>
        <posterous:lastName>Hoarau</posterous:lastName>
        <posterous:nickName>unicolored</posterous:nickName>
        <posterous:displayName>Gilles Hoarau</posterous:displayName>
      </posterous:author>
    </item>
    <item>
      <pubDate>Fri, 26 Feb 2010 08:52:54 -0800</pubDate>
      <title>Download ComparePSD - compare Photoshop PSD files layer-by-layer - PixelNovel</title>
      <link>http://unicolored.posterous.com/download-comparepsd-compare-photoshop-psd-fil</link>
      <guid>http://unicolored.posterous.com/download-comparepsd-compare-photoshop-psd-fil</guid>
      <description>
        <![CDATA[<p>
	<div class="posterous_bookmarklet_entry">
      <div class='p_embed p_image_embed'>
<img alt="Media_httppixelnovelc_cacic" height="334" src="http://getfile3.posterous.com/getfile/files.posterous.com/unicolored/iiImEchnDgrgtmpggEBjdxwenwjlpobfleAJEznJInqJupzrDFeavfkDJkhp/media_httppixelnovelc_cAciC.gif.scaled895.gif" width="491" />
</div>


<div class="posterous_quote_citation">via <a href="http://pixelnovel.com/comparepsd/">pixelnovel.com</a></div>
    <p></p></div>
	
</p>

<p><a href="http://unicolored.posterous.com/download-comparepsd-compare-photoshop-psd-fil">Permalink</a> 

	| <a href="http://unicolored.posterous.com/download-comparepsd-compare-photoshop-psd-fil#comment">Leave a comment&nbsp;&nbsp;&raquo;</a>

</p>]]>
      </description>
      <posterous:author>
        <posterous:userImage>http://files.posterous.com/user_profile_pics/1782213/stopsopa_all_black.png</posterous:userImage>
        <posterous:profileUrl>http://posterous.com/users/3tkakrGcCHPb</posterous:profileUrl>
        <posterous:firstName>Gilles</posterous:firstName>
        <posterous:lastName>Hoarau</posterous:lastName>
        <posterous:nickName>unicolored</posterous:nickName>
        <posterous:displayName>Gilles Hoarau</posterous:displayName>
      </posterous:author>
    </item>
    <item>
      <pubDate>Tue, 23 Feb 2010 23:55:41 -0800</pubDate>
      <title>50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms)</title>
      <link>http://unicolored.posterous.com/50-useful-coding-techniques-css-layouts-visua-9</link>
      <guid>http://unicolored.posterous.com/50-useful-coding-techniques-css-layouts-visua-9</guid>
      <description>
        <![CDATA[<p>
	<div class="posterous_bookmarklet_entry">
      <div class='p_embed p_image_embed'>
<img alt="Media_httpmediasmashi_yqben" height="300" src="http://posterous.com/getfile/files.posterous.com/unicolored/xwCHdkawFvwtwvGeimzayzjvHjakrstlFzxrdfIkhBqAtznijIrrqCphvcEd/media_httpmediasmashi_yqbEn.jpg.scaled895.jpg" width="480" />
</div>


<div class="posterous_quote_citation">via <a href="http://www.smashingmagazine.com/2010/02/18/50-css-and-javascript-techniques-for-layouts-forms-and-visual-effects/">smashingmagazine.com</a></div>
    <p></p></div>
	
</p>

<p><a href="http://unicolored.posterous.com/50-useful-coding-techniques-css-layouts-visua-9">Permalink</a> 

	| <a href="http://unicolored.posterous.com/50-useful-coding-techniques-css-layouts-visua-9#comment">Leave a comment&nbsp;&nbsp;&raquo;</a>

</p>]]>
      </description>
      <posterous:author>
        <posterous:userImage>http://files.posterous.com/user_profile_pics/1782213/stopsopa_all_black.png</posterous:userImage>
        <posterous:profileUrl>http://posterous.com/users/3tkakrGcCHPb</posterous:profileUrl>
        <posterous:firstName>Gilles</posterous:firstName>
        <posterous:lastName>Hoarau</posterous:lastName>
        <posterous:nickName>unicolored</posterous:nickName>
        <posterous:displayName>Gilles Hoarau</posterous:displayName>
      </posterous:author>
    </item>
    <item>
      <pubDate>Tue, 23 Feb 2010 23:52:52 -0800</pubDate>
      <title>Deserres Art Store</title>
      <link>http://unicolored.posterous.com/deserres-art-store</link>
      <guid>http://unicolored.posterous.com/deserres-art-store</guid>
      <description>
        <![CDATA[<p>
	<div class="posterous_bookmarklet_entry">
      <div class='p_embed p_image_embed'>
<img alt="Media_httpwwwfubiznet_jcxcy" height="742" src="http://posterous.com/getfile/files.posterous.com/unicolored/pcAsmdAICsrggrjyatIjGFmcrvjGpulkrcIEppdIcqizFrJEhggGFysqivFj/media_httpwwwfubiznet_JCxcy.jpg.scaled895.jpg" width="550" />
</div>


<div class="posterous_quote_citation">via <a href="http://www.fubiz.net/2010/02/22/deserres-art-store/">fubiz.net</a></div>
    <p></p></div>
	
</p>

<p><a href="http://unicolored.posterous.com/deserres-art-store">Permalink</a> 

	| <a href="http://unicolored.posterous.com/deserres-art-store#comment">Leave a comment&nbsp;&nbsp;&raquo;</a>

</p>]]>
      </description>
      <posterous:author>
        <posterous:userImage>http://files.posterous.com/user_profile_pics/1782213/stopsopa_all_black.png</posterous:userImage>
        <posterous:profileUrl>http://posterous.com/users/3tkakrGcCHPb</posterous:profileUrl>
        <posterous:firstName>Gilles</posterous:firstName>
        <posterous:lastName>Hoarau</posterous:lastName>
        <posterous:nickName>unicolored</posterous:nickName>
        <posterous:displayName>Gilles Hoarau</posterous:displayName>
      </posterous:author>
    </item>
    <item>
      <pubDate>Tue, 23 Feb 2010 23:50:26 -0800</pubDate>
      <title>A Day in Paris | Fubiz™</title>
      <link>http://unicolored.posterous.com/a-day-in-paris-fubizTM</link>
      <guid>http://unicolored.posterous.com/a-day-in-paris-fubizTM</guid>
      <description>
        <![CDATA[<p>
	<div class="posterous_bookmarklet_entry">
      <object data="http://vimeo.com/moogaloop.swf?clip_id=8967457&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" height="281" width="500"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=8967457&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /></object>

<div class="posterous_quote_citation">via <a href="http://www.fubiz.net/2010/02/23/a-day-in-paris/">fubiz.net</a></div>
    <p></p></div>
	
</p>

<p><a href="http://unicolored.posterous.com/a-day-in-paris-fubizTM">Permalink</a> 

	| <a href="http://unicolored.posterous.com/a-day-in-paris-fubizTM#comment">Leave a comment&nbsp;&nbsp;&raquo;</a>

</p>]]>
      </description>
      <posterous:author>
        <posterous:userImage>http://files.posterous.com/user_profile_pics/1782213/stopsopa_all_black.png</posterous:userImage>
        <posterous:profileUrl>http://posterous.com/users/3tkakrGcCHPb</posterous:profileUrl>
        <posterous:firstName>Gilles</posterous:firstName>
        <posterous:lastName>Hoarau</posterous:lastName>
        <posterous:nickName>unicolored</posterous:nickName>
        <posterous:displayName>Gilles Hoarau</posterous:displayName>
      </posterous:author>
    </item>
    <item>
      <pubDate>Tue, 23 Feb 2010 06:39:07 -0800</pubDate>
      <title>Realistically Light and Render Interior Scenes using 3ds Max and Vray</title>
      <link>http://unicolored.posterous.com/realistically-light-and-render-interior-scene</link>
      <guid>http://unicolored.posterous.com/realistically-light-and-render-interior-scene</guid>
      <description>
        <![CDATA[<p>
	<div class="posterous_bookmarklet_entry">
      <blockquote><div><div> <img src="http://cgtuts.s3.cdn.plus.org/123_Vray_Interior/low.jpg" alt="" /><h3>Realistically Light and Render Interior Scenes using 3ds Max and Vray <small>Feb 19th in <a href="http://cg.tutsplus.com/category/tutorials/3d-art/" title="View all posts in 3D Art" rel="category tag">3D Art</a>, <a href="http://cg.tutsplus.com/category/tutorials/autodesk-3ds-max/" title="View all posts in Autodesk 3Ds Max" rel="category tag">Autodesk 3Ds Max</a>, <a href="http://cg.tutsplus.com/category/tutorials/lighting-tutorials/" title="View all posts in Lighting" rel="category tag">Lighting</a>, <a href="http://cg.tutsplus.com/category/tutorials/rendering/" title="View all posts in Rendering" rel="category tag">Rendering</a> by <a href="http://cg.tutsplus.com/author/pratik-gulati/" title="Posts by Pratik Gulati">Pratik Gulati</a> </small></h3><div><p>Discover the secrets behind properly lighting and rendering interior scenes with 3ds Max and Vray in this easy to follow, step by step walkthrough.  Scene setup, modeling, texturing, lighting, and rendering for realistic output will all be discussed, so there is literally something in here for everyone!</p></div><p></p></div></div></blockquote>
    <p></p></div>
	
</p>

<p><a href="http://unicolored.posterous.com/realistically-light-and-render-interior-scene">Permalink</a> 

	| <a href="http://unicolored.posterous.com/realistically-light-and-render-interior-scene#comment">Leave a comment&nbsp;&nbsp;&raquo;</a>

</p>]]>
      </description>
      <posterous:author>
        <posterous:userImage>http://files.posterous.com/user_profile_pics/1782213/stopsopa_all_black.png</posterous:userImage>
        <posterous:profileUrl>http://posterous.com/users/3tkakrGcCHPb</posterous:profileUrl>
        <posterous:firstName>Gilles</posterous:firstName>
        <posterous:lastName>Hoarau</posterous:lastName>
        <posterous:nickName>unicolored</posterous:nickName>
        <posterous:displayName>Gilles Hoarau</posterous:displayName>
      </posterous:author>
    </item>
  </channel>
</rss>

