<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="wordpress/2.3" -->
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	>

<channel>
	<title>ACross</title>
	<link>http://blog.romainlaurent.com</link>
	<description></description>
	<pubDate>Wed, 30 Jan 2008 08:56:13 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.3</generator>
	<language>en</language>
			<item>
		<title>Paper Critters</title>
		<link>http://blog.romainlaurent.com/2008/01/29/paper-critters/</link>
		<comments>http://blog.romainlaurent.com/2008/01/29/paper-critters/#comments</comments>
		<pubDate>Tue, 29 Jan 2008 18:00:18 +0000</pubDate>
		<dc:creator>caedes</dc:creator>
		
		<category><![CDATA[Internet]]></category>

		<guid isPermaLink="false">http://blog.romainlaurent.com/2008/01/29/paper-critters/</guid>
		<description><![CDATA[Une gallerie de toyz à faire soi-même !
Voici le mien :



]]></description>
			<content:encoded><![CDATA[<p>Une gallerie de toyz à faire soi-même !</p>
<p>Voici le mien :<br />
<object width="300" height="250">
<param name="FlashVars" value="colony_id=11554" />
<param name="movie" value="http://www.papercritters.com/pc_mpu.swf" /><embed src="http://www.papercritters.com/pc_mpu.swf" FlashVars="colony_id=11554" width="300" height="250" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.romainlaurent.com/2008/01/29/paper-critters/feed/</wfw:commentRss>
		</item>
		<item>
		<title>HTML5, le premier brouillon</title>
		<link>http://blog.romainlaurent.com/2008/01/24/html5-le-premier-brouillon/</link>
		<comments>http://blog.romainlaurent.com/2008/01/24/html5-le-premier-brouillon/#comments</comments>
		<pubDate>Thu, 24 Jan 2008 11:35:08 +0000</pubDate>
		<dc:creator>caedes</dc:creator>
		
		<category><![CDATA[HTML / CSS]]></category>

		<category><![CDATA[Internet]]></category>

		<guid isPermaLink="false">http://blog.romainlaurent.com/2008/01/24/html5-le-premier-brouillon/</guid>
		<description><![CDATA[Le W3C vient de publier le premier brouillon de la future spécification de HTML5. Globalement, HTML5 reprend la majorité des éléments de HTML4. Cependant HTML5 définit aussi nombres de nouveaux éléments :
Structure de documents :
section, article, aside, header, footer, dialog, time&#8230;
Contenus embarqués :
figure, video, audio, canvas&#8230;
Formulaires :
L&#8217;élément input est bien plus étendu : attributs min, [...]]]></description>
			<content:encoded><![CDATA[<p>Le W3C vient de publier <a href="http://www.w3.org/TR/2008/WD-html5-20080122/" target="_blank" hreflang="fr">le premier brouillon de la future spécification de HTML5</a>. Globalement, HTML5 reprend la majorité des éléments de HTML4. Cependant HTML5 définit aussi nombres de nouveaux éléments :</p>
<p><strong>Structure de documents :</strong><br />
<em>section</em>, <em>article</em>, <em>aside</em>, <em>header</em>, <em>footer</em>, <em>dialog</em>, <em>time</em>&#8230;</p>
<p><strong>Contenus embarqués :</strong><br />
<em>figure</em>, <em>video</em>, <em>audio</em>, <em>canvas</em>&#8230;</p>
<p><strong>Formulaires :<br />
</strong>L&#8217;élément <em>input </em>est bien plus étendu : attributs <em>min</em>, <em>max</em>, <em>step</em>, <em>autocomplete</em>, <em>required, valueMissing </em>et <em>defaultValue</em>, ainsi que des cahngements au niveau de l&#8217;attribut <em>type </em>(<em>email, date, datetime, week, month, time, number, range, url</em>). On pourra également utiliser un attribut <em>pattern</em>, à certaines conditions, pour indiquer l&#8217;expression régulière à associer avec ce champs !<br />
Une balise <em>output </em>est metionnée qui serait mis à jour automatiquement en cas de changement de valeur des <em>input</em>, c&#8217;est à dire sans validationdu formulaire !</p>
<p><strong>Interactions avec le navigateur :</strong><br />
De nombreuses API vont également voir le jour avec cette nouvelle mouture HTML qui nous permettront de gérer sans Javascript :</p>
<ul>
<li>les drag-n-drop</li>
<li>les undo-redo</li>
<li>les copier-coller</li>
<li>le stockage de données simple en local (sans cookies)</li>
<li>mais aussi le stockage de données <strong>dans une base de données</strong> en local !!! C&#8217;est à dire que dans une page web, vous pourrez dire au navigateur de créer une base de donnée sur le poste de l&#8217;utilisateur, d&#8217;y stocker ce que vous voulez, et de faire des requêtes SQL. Bien sûr les données sont persistantes et ne s&#8217;effacent pas entre deux pages.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.romainlaurent.com/2008/01/24/html5-le-premier-brouillon/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Le café</title>
		<link>http://blog.romainlaurent.com/2008/01/08/le-cafe/</link>
		<comments>http://blog.romainlaurent.com/2008/01/08/le-cafe/#comments</comments>
		<pubDate>Tue, 08 Jan 2008 11:08:49 +0000</pubDate>
		<dc:creator>caedes</dc:creator>
		
		<category><![CDATA[Internet]]></category>

		<guid isPermaLink="false">http://blog.romainlaurent.com/2008/01/08/le-cafe/</guid>
		<description><![CDATA[Le clip très torréfié d&#8217;une chanson de Oldelaf et Monsieur D, Le café !
Paroles décalées, musiques entraînantes, le graphisme évolue comme le tempo au fil de la chanson, l&#8217;animation est grandiose !




]]></description>
			<content:encoded><![CDATA[<p>Le clip très torréfié d&#8217;une chanson de <a href="http://oldelafetmonsieurd.free.fr/" target="_blank">Oldelaf et Monsieur D</a>, Le café !<br />
Paroles décalées, musiques entraînantes, le graphisme évolue comme le tempo au fil de la chanson, l&#8217;animation est grandiose !</p>
<div><object width="390" height="290">
<param name="movie" value="http://www.dailymotion.com/swf/x2wfqp"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowScriptAccess" value="always"></param><embed src="http://www.dailymotion.com/swf/x2wfqp" type="application/x-shockwave-flash" width="390" height="290" allowFullScreen="true" allowScriptAccess="always"></embed></object></div>
]]></content:encoded>
			<wfw:commentRss>http://blog.romainlaurent.com/2008/01/08/le-cafe/feed/</wfw:commentRss>
		</item>
		<item>
		<title>J&#8217;ai craqué !</title>
		<link>http://blog.romainlaurent.com/2007/12/16/jai-craque/</link>
		<comments>http://blog.romainlaurent.com/2007/12/16/jai-craque/#comments</comments>
		<pubDate>Sun, 16 Dec 2007 13:03:44 +0000</pubDate>
		<dc:creator>caedes</dc:creator>
		
		<category><![CDATA[Humeur]]></category>

		<category><![CDATA[Jeu]]></category>

		<guid isPermaLink="false">http://blog.romainlaurent.com/2007/12/16/jai-craque/</guid>
		<description><![CDATA[Oui, mais pour quel objet ?
]]></description>
			<content:encoded><![CDATA[<p>Oui, mais pour <a href="http://fr.wikipedia.org/wiki/Xbox_360" target="_blank">quel objet</a> ?</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.romainlaurent.com/2007/12/16/jai-craque/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Photoshop en ligne</title>
		<link>http://blog.romainlaurent.com/2007/12/05/photoshop-en-ligne/</link>
		<comments>http://blog.romainlaurent.com/2007/12/05/photoshop-en-ligne/#comments</comments>
		<pubDate>Wed, 05 Dec 2007 11:37:21 +0000</pubDate>
		<dc:creator>caedes</dc:creator>
		
		<category><![CDATA[Internet]]></category>

		<guid isPermaLink="false">http://blog.romainlaurent.com/2007/12/05/photoshop-en-ligne/</guid>
		<description><![CDATA[Comment faire quand Tata Monique vous demande de retoucher ses yeux rouges sur une photo de Noël et qu&#8217;elle ne possède bien sûr pas une licence Photoshop mais juste une connexion ADSL ???
Heureusement deux New-Yorkais (Dave Brushinski et Hugo Van Vuuren) ont la solution :

Quelques fonctionnalitées :

Service de partage de photos (Facebook, Flickr, Picassa, &#8230;)
Ouverture [...]]]></description>
			<content:encoded><![CDATA[<p>Comment faire quand Tata Monique vous demande de retoucher ses yeux rouges sur une photo de Noël et qu&#8217;elle ne possède bien sûr pas une licence Photoshop mais juste une connexion ADSL ???</p>
<p>Heureusement deux New-Yorkais (Dave Brushinski et Hugo Van Vuuren) ont la solution :</p>
<p><a href="http://www.splashup.com" target="_blank"><img src="http://blog.romainlaurent.com/wp-content/uploads/2007/12/logo_splashup.jpg" alt="Logo Splahup" /></a></p>
<p>Quelques fonctionnalitées :</p>
<ul>
<li>Service de partage de photos (Facebook, Flickr, Picassa, &#8230;)</li>
<li>Ouverture de fichier multiple</li>
<li>Gestion des calques et des modes de mélanges</li>
<li>Filtres</li>
<li>Effets de calques</li>
<li>Brosses</li>
<li>Edition de textes</li>
<li>Import depuis une webcam</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.romainlaurent.com/2007/12/05/photoshop-en-ligne/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Quand RegExp et toString font bon ménage.</title>
		<link>http://blog.romainlaurent.com/2007/12/04/quand-regexp-et-tostring-font-bon-menage/</link>
		<comments>http://blog.romainlaurent.com/2007/12/04/quand-regexp-et-tostring-font-bon-menage/#comments</comments>
		<pubDate>Tue, 04 Dec 2007 13:52:44 +0000</pubDate>
		<dc:creator>caedes</dc:creator>
		
		<category><![CDATA[JavaScript]]></category>

		<category><![CDATA[isInt RegExp]]></category>

		<guid isPermaLink="false">http://blog.romainlaurent.com/2007/12/04/quand-regexp-et-tostring-font-bon-menage/</guid>
		<description><![CDATA[Pour vérifier qu&#8217;un nombre est un entier en Javascript, chacun sa méthode. La plus répandue : une boucle for qui vérifie que chaque caratère est un nombre décimal&#8230; Voici donc ma méthode où j&#8217;utilise les expressions régulières.


1
2
3
4
5
6
function isInt &#40;num&#41; &#123;
	var regexp = new RegExp&#40;'^[0-9]+$'&#41;;
	var result = regexp.test&#40;num.toString&#40;&#41;&#41;;
&#160;
	return&#40;result&#41;;
&#125;


Une chose importante à noter est l&#8217;appel à la [...]]]></description>
			<content:encoded><![CDATA[<p>Pour vérifier qu&#8217;un nombre est un entier en Javascript, chacun sa méthode. La plus répandue : une boucle for qui vérifie que chaque caratère est un nombre décimal&#8230; Voici donc ma méthode où j&#8217;utilise les expressions régulières.</p>
<blockquote style="overflow: auto; width: 440px">

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
</pre></td><td class="code"><pre class="javascript"><span style="color: #003366; font-weight: bold;">function</span> isInt <span style="color: #66cc66;">&#40;</span>num<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
	<span style="color: #003366; font-weight: bold;">var</span> regexp = <span style="color: #003366; font-weight: bold;">new</span> RegExp<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'^[0-9]+$'</span><span style="color: #66cc66;">&#41;</span>;
	<span style="color: #003366; font-weight: bold;">var</span> result = regexp.<span style="color: #006600;">test</span><span style="color: #66cc66;">&#40;</span>num.<span style="color: #006600;">toString</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
	<span style="color: #000066; font-weight: bold;">return</span><span style="color: #66cc66;">&#40;</span>result<span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span></pre></td></tr></table></div>

</blockquote>
<p>Une chose importante à noter est l&#8217;appel à la fonction toString() pour pouvoir appliquer une expression régulière, sans ça bonjour les maux de tête !</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.romainlaurent.com/2007/12/04/quand-regexp-et-tostring-font-bon-menage/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Combien de balises HTML pouvez-vous citer en 5 mn ?</title>
		<link>http://blog.romainlaurent.com/2007/11/27/combien-de-balises-html-pouvez-vous-citer-en-5-mn/</link>
		<comments>http://blog.romainlaurent.com/2007/11/27/combien-de-balises-html-pouvez-vous-citer-en-5-mn/#comments</comments>
		<pubDate>Tue, 27 Nov 2007 10:12:08 +0000</pubDate>
		<dc:creator>caedes</dc:creator>
		
		<category><![CDATA[HTML / CSS]]></category>

		<category><![CDATA[Jeu]]></category>

		<guid isPermaLink="false">http://blog.romainlaurent.com/2007/11/27/combien-de-balises-html-pouvez-vous-citer-en-5-mn/</guid>
		<description><![CDATA[51
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.justsayhi.com/bb/html_quiz" id="mingle2_badge" style="background: transparent url('http://assets.justsayhi.com/badges/501/264/html_elements.dt2odzhqns.jpg') no-repeat scroll left top; display: block; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; height: 147px; width: 335px; text-decoration: none; color: #ffffff"><strong id="mingle2_badge_score" style="display: block; padding-left: 125px; padding-top: 44px; font-weight: normal; font-family: Times New Roman,Arial; font-size: 45px">51</strong></a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.romainlaurent.com/2007/11/27/combien-de-balises-html-pouvez-vous-citer-en-5-mn/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Achmed le terroriste mort</title>
		<link>http://blog.romainlaurent.com/2007/11/06/achmed-le-terroriste-mort/</link>
		<comments>http://blog.romainlaurent.com/2007/11/06/achmed-le-terroriste-mort/#comments</comments>
		<pubDate>Tue, 06 Nov 2007 10:32:02 +0000</pubDate>
		<dc:creator>caedes</dc:creator>
		
		<category><![CDATA[Internet]]></category>

		<guid isPermaLink="false">http://blog.romainlaurent.com/2007/11/06/achmed-le-terroriste-mort/</guid>
		<description><![CDATA[C&#8217;est quand même bien mieux que Tatayet !
Achmed le terroriste mort via Koreus

]]></description>
			<content:encoded><![CDATA[<p>C&#8217;est quand même bien mieux que Tatayet !</p>
<p><object type="application/x-shockwave-flash" data="http://www.koreus.com/video/achmed-the-dead-terrorist" height="320" width="400"><embed src="http://www.koreus.com/video/achmed-the-dead-terrorist" type="application/x-shockwave-flash" width="400" height="300"></embed><a href="http://www.koreus.com/video/achmed-the-dead-terrorist.html">Achmed le terroriste mort</a> via <a href="http://www.koreus.com/">Koreus</a>
<param name="movie" value="http://www.koreus.com/video/achmed-the-dead-terrorist"></object></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.romainlaurent.com/2007/11/06/achmed-le-terroriste-mort/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Sony Bravia</title>
		<link>http://blog.romainlaurent.com/2007/10/11/sony-bravia/</link>
		<comments>http://blog.romainlaurent.com/2007/10/11/sony-bravia/#comments</comments>
		<pubDate>Thu, 11 Oct 2007 08:27:55 +0000</pubDate>
		<dc:creator>caedes</dc:creator>
		
		<category><![CDATA[Internet]]></category>

		<guid isPermaLink="false">http://blog.romainlaurent.com/2007/10/11/sony-bravia/</guid>
		<description><![CDATA[Cela fait déjà un bout de temps que Sony réalise de nombreuses pub pour leur gamme de téléviseur LCD HD baptisé Bravia, sur le thème de la couleur. La marque s&#8217;est fait d&#8217;abord remarquer avec cette video en jouant avec des balles rebondissantes :
Pub Sony Bravia (Balles) via Koreus

Puis est venue une autre avec un [...]]]></description>
			<content:encoded><![CDATA[<p>Cela fait déjà un bout de temps que Sony réalise de nombreuses pub pour leur gamme de téléviseur LCD HD baptisé Bravia, sur le thème de la couleur. La marque s&#8217;est fait d&#8217;abord remarquer avec cette video en jouant avec des balles rebondissantes :</p>
<p><object type="application/x-shockwave-flash" data="http://www.koreus.com/video/pub-sony-bravia-balles" height="320" width="400"><a href="http://www.koreus.com//pub-sony-bravia-balles.html">Pub Sony Bravia (Balles)</a> via <a href="http://www.koreus.com/">Koreus</a>
<param name="movie" value="http://www.koreus.com/video/pub-sony-bravia-balles"></object></p>
<p>Puis est venue une autre avec un buzz assez intéressant sur internet et une video impressionnante où Sony se permet de recolorer un quartier de Glasgow :</p>
<p><object type="application/x-shockwave-flash" data="http://www.koreus.com/video/pub-sony-bravia-peinture-immeuble" height="320" width="400"><a href="http://www.koreus.com//pub-sony-bravia-peinture-immeuble.html">Pub Sony Bravia (Peinture sur immeuble)</a> via <a href="http://www.koreus.com/">Koreus</a>
<param name="movie" value="http://www.koreus.com/video/pub-sony-bravia-peinture-immeuble"></object></p>
<p>Dernièrement tout s&#8217;accélère, à la sortie de deux videos et d&#8217;un site internet toujours sur le thème de la couleur, on peut vraiment dire que Sony a réussi sa communication !</p>
<p>Réalisée en stop-motion et entièrement en pâte à modeler !<br />
<object type="application/x-shockwave-flash" data="http://www.koreus.com/video/pub-sony-bravia-play-doh" height="320" width="400"><a href="http://www.koreus.com//pub-sony-bravia-play-doh.html">Pub Sony Bravia (Play-Doh)</a> via <a href="http://www.koreus.com/">Koreus</a>
<param name="movie" value="http://www.koreus.com/video/pub-sony-bravia-play-doh"></object></p>
<p><object type="application/x-shockwave-flash" data="http://www.koreus.com/video/pub-sony-bravia-pyramide" height="320" width="400"><a href="http://www.koreus.com//pub-sony-bravia-pyramide.html">Pub Sony Bravia (Pyramide)</a> via <a href="http://www.koreus.com/">Koreus</a>
<param name="movie" value="http://www.koreus.com/video/pub-sony-bravia-pyramide"></object></p>
<p><a href='http://bravia.sony.eu/bravia.html' title='Sony Bravia - Le site'><img src='http://blog.romainlaurent.com/wp-content/uploads/2007/10/sony-bravia.jpg' alt='Sony Bravia - Le site' /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.romainlaurent.com/2007/10/11/sony-bravia/feed/</wfw:commentRss>
		</item>
		<item>
		<title>La campagne allemande de Renault</title>
		<link>http://blog.romainlaurent.com/2007/10/02/la-campagne-allemande-de-renault/</link>
		<comments>http://blog.romainlaurent.com/2007/10/02/la-campagne-allemande-de-renault/#comments</comments>
		<pubDate>Tue, 02 Oct 2007 13:01:04 +0000</pubDate>
		<dc:creator>caedes</dc:creator>
		
		<category><![CDATA[Internet]]></category>

		<guid isPermaLink="false">http://blog.romainlaurent.com/2007/10/02/la-campagne-allemande-de-renault/</guid>
		<description><![CDATA[C&#8217;est dommage mais je pense pas que ce genre de pub passe par chez nous&#8230; Donc profitez-en ici !




Via 1plus1plus1
]]></description>
			<content:encoded><![CDATA[<p>C&#8217;est dommage mais je pense pas que ce genre de pub passe par chez nous&#8230; Donc profitez-en ici !</p>
<p><object width="425" height="335">
<param name="movie" value="http://www.dailymotion.com/swf/1dYJwddQ4HTvklJ8a"></param>
<param name="allowfullscreen" value="true"></param><embed src="http://www.dailymotion.com/swf/1dYJwddQ4HTvklJ8a" type="application/x-shockwave-flash" width="425" height="335" allowfullscreen="true"></embed></object><br />
<br />
Via <a href="http://oallevi.free.fr/1plus1plus1/?p=468" target="_blank">1plus1plus1</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.romainlaurent.com/2007/10/02/la-campagne-allemande-de-renault/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
