<?xml version="1.0" encoding="UTF-8"?>
<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/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Casus Belli le blog &#187; web</title>
	<atom:link href="http://www.casusbelli.fr/cb_blog/tag/web/feed" rel="self" type="application/rss+xml" />
	<link>http://www.casusbelli.fr/cb_blog</link>
	<description>Agence de communication interactive. Marketing on-line, conception et réalisation de plateformes web.</description>
	<lastBuildDate>Fri, 03 Sep 2010 09:21:54 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>IRL 2.0</title>
		<link>http://www.casusbelli.fr/cb_blog/design/irl-2-0-3180</link>
		<comments>http://www.casusbelli.fr/cb_blog/design/irl-2-0-3180#comments</comments>
		<pubDate>Tue, 15 Jun 2010 08:37:00 +0000</pubDate>
		<dc:creator>LaChose</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Divers et variés]]></category>
		<category><![CDATA[2.0]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[hype]]></category>
		<category><![CDATA[like]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.casusbelli.fr/cb_blog/?p=3180</guid>
		<description><![CDATA[

Vous en rêviez, l&#8217;agence de design digital britannique Nation l&#8217;a fait ! Elle vient en effet d&#8217;avoir une idée aussi simple que géniale : inventer un tampon spécial pour &#8220;liker&#8221; toutes sortes de documents papier, comme sur Facebook!
Voilà de quoi satisfaire les furieux du &#8220;J&#8217;aime&#8221; dans la vraie vie&#8230;
]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.casusbelli.fr/cb_blog/uploads/2010/06/Facebook-Like-Button-Goes-Physical-1.jpg"  rel="lightbox[roadtrip]"><img class="size-medium wp-image-3181  aligncenter" title="Facebook-Like-Button-Goes-Physical-1" src="http://www.casusbelli.fr/cb_blog/uploads/2010/06/Facebook-Like-Button-Goes-Physical-1-300x200.jpg" alt="" width="300" height="200" /></a></p>
<p style="text-align: center;"><a href="http://www.casusbelli.fr/cb_blog/uploads/2010/06/Facebook-Like-Button-Goes-Physical-21.jpg"  rel="lightbox[roadtrip]"><img class="size-medium wp-image-3183  aligncenter" title="Facebook-Like-Button-Goes-Physical-2" src="http://www.casusbelli.fr/cb_blog/uploads/2010/06/Facebook-Like-Button-Goes-Physical-21-300x200.jpg" alt="" width="300" height="200" /></a></p>
<p>Vous en rêviez, l&#8217;agence de design digital britannique Nation l&#8217;a fait ! Elle vient en effet d&#8217;avoir une idée aussi simple que géniale : inventer un tampon spécial pour &#8220;liker&#8221; toutes sortes de documents papier, comme sur Facebook!</p>
<p>Voilà de quoi satisfaire les furieux du &#8220;J&#8217;aime&#8221; dans la vraie vie&#8230;</p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fwww.casusbelli.fr%2Fcb_blog%2Fdesign%2Firl-2-0-3180&amp;linkname=IRL%202.0" target="_blank"><img src="http://www.casusbelli.fr/cb_blog/wp-content/share.png" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://www.casusbelli.fr/cb_blog/design/irl-2-0-3180/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Fonts API</title>
		<link>http://www.casusbelli.fr/cb_blog/webtrends/google-fonts-api-3034</link>
		<comments>http://www.casusbelli.fr/cb_blog/webtrends/google-fonts-api-3034#comments</comments>
		<pubDate>Thu, 20 May 2010 08:46:43 +0000</pubDate>
		<dc:creator>0z</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Webtrends]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[typographie]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.casusbelli.fr/cb_blog/?p=3034</guid>
		<description><![CDATA[


















.fontDemo {
font-size:1.3em;
float:left;
width:165px;
height:30px;
}
.cantarell{
font-family: 'Cantarell', sans-serif;
}
.cardo{
font-family: 'Cardo', serif;
}
.crimson_text{
font-family: 'Crimson Text', serif;
}
.droid_sans{
font-family: 'Droid Sans', sans-serif;
}
.droid_sans_mono{
font-family: 'Droid Sans Mono', monospace;
}
.droid_serif{
font-family: 'Droid Serif', serif;
}
.imFell{
font-family: 'IM Fell English', serif;
}
.inconsolata{
font-family: 'Inconsolata', monospace;
}
.josefin{
font-family: 'Josefin Sans Std Light', sans-serif;
}
.lobster{
font-family: 'Lobster', serif;
}
.molengo{
font-family: 'Molengo', monospace;
}
.nobile{
font-family: 'Nobile', sans-serif;
}
.sortsMillGoudy{
font-family: 'OFL Sorts Mill Goudy TT', serif;
}
.oldStandard{
font-family: 'Old Standard TT', monospace;
}
.reenieBeanie{
font-family: 'Reenie Beanie', sans-serif;
}
.tangerine{
font-family: 'Tangerine', serif;
}
.vollkorn{
font-family: 'Vollkorn', monospace;
}
.yanoneKaffeesatz{
font-family: 'Yanone Kaffeesatz', [...]]]></description>
			<content:encoded><![CDATA[<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Cantarell">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Cardo">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Crimson+Text">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Sans">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Serif">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=IM+Fell+English">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Inconsolata">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lobster">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Molengo">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Nobile">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=OFL+Sorts+Mill+Goudy+TT">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Old+Standard+TT">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Reenie+Beanie">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Vollkorn">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz">
<style type="text/css" media="screen">
.fontDemo {
font-size:1.3em;
float:left;
width:165px;
height:30px;
}
.cantarell{
font-family: 'Cantarell', sans-serif;
}
.cardo{
font-family: 'Cardo', serif;
}
.crimson_text{
font-family: 'Crimson Text', serif;
}
.droid_sans{
font-family: 'Droid Sans', sans-serif;
}
.droid_sans_mono{
font-family: 'Droid Sans Mono', monospace;
}
.droid_serif{
font-family: 'Droid Serif', serif;
}
.imFell{
font-family: 'IM Fell English', serif;
}
.inconsolata{
font-family: 'Inconsolata', monospace;
}
.josefin{
font-family: 'Josefin Sans Std Light', sans-serif;
}
.lobster{
font-family: 'Lobster', serif;
}
.molengo{
font-family: 'Molengo', monospace;
}
.nobile{
font-family: 'Nobile', sans-serif;
}
.sortsMillGoudy{
font-family: 'OFL Sorts Mill Goudy TT', serif;
}
.oldStandard{
font-family: 'Old Standard TT', monospace;
}
.reenieBeanie{
font-family: 'Reenie Beanie', sans-serif;
}
.tangerine{
font-family: 'Tangerine', serif;
}
.vollkorn{
font-family: 'Vollkorn', monospace;
}
.yanoneKaffeesatz{
font-family: 'Yanone Kaffeesatz', sans-serif;
}
</style>
<p></p>
<div>
<p class="fontDemo cantarell">Cantarell</p>
<p class="fontDemo cardo">Cardo</p>
<p class="fontDemo crimson_text">Crimson Text</p>
<p class="fontDemo droid_sans">Droid Sans</p>
<p class="fontDemo droid_sans_mono">Droid Sans Mono</p>
<p class="fontDemo droid_serif">Droid Serif</p>
<p class="fontDemo imFell">IM Fell</p>
<p class="fontDemo inconsolata">Inconsolata</p>
<p class="fontDemo josefin">Josefin Sans</p>
<p class="fontDemo lobster">Lobster</p>
<p class="fontDemo molengo">Molengo</p>
<p class="fontDemo nobile">Nobile</p>
<p class="fontDemo sortsMillGoudy">Sorts Mill Goudy</p>
<p class="fontDemo oldStandard">Old Standard</p>
<p class="fontDemo reenieBeanie">Reenie Beanie</p>
<p class="fontDemo tangerine">Tangerine</p>
<p class="fontDemo vollkorn">Vollkorn</p>
<p class="fontDemo yanoneKaffeesatz">Yanone Kaffeesatz</p>
<p style="clear:both;">
</div>
<div>
<p>Parmi les grandes annonces du Google I/O hier, <a href="http://code.google.com/intl/fr-FR/apis/webfonts/" title="Google Font API">une nouvelle API</a> permet l&#8217;embarquement de <a href="http://code.google.com/webfonts" title="Répertoire de fonts">18 fonts Open Source</a> hébergées sur les serveurs Google. Compatible avec IE6 et avec tous les navigateurs modernes, cette nouvelle API a été développée conjointement avec les gens de <a href="http://typekit.com/" title="TypeKit">TypeKit</a>.</p>
<p>Au niveau code, c&#8217;est extrêmement simple :</p>
<dl>
<dt>Un lien vers l&#8217;API avec le nom de la font souhaitée</dt>
<dd style="margin:0;padding:0;">
<pre class="inconsolata">
&lt;link rel="stylesheet" type="text/css"
    href="http://fonts.googleapis.com/css?family=Cantarell"&gt;
</pre>
</dd>
<dt>Une référence avec un <code class="inconsolata">font-family</code> dans la feuille CSS avec le nom de la font</dt>
<dd style="margin:0;padding:0;">
<pre class="inconsolata">
.cantarell{
  font-family: 'Cantarell', sans-serif;
}
</pre>
</dd>
</dl>
<p>Voilà qui va donner un vent de fraicheur dans le paysage morne de la typographie sur le web.</p>
<p><small>Le code de cette page est affiché en Inconsolata, et le tableau des fonts en début d&#8217;article utilise la nouvelle Font API.</small></p>
</div>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fwww.casusbelli.fr%2Fcb_blog%2Fwebtrends%2Fgoogle-fonts-api-3034&amp;linkname=Google%20Fonts%20API" target="_blank"><img src="http://www.casusbelli.fr/cb_blog/wp-content/share.png" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://www.casusbelli.fr/cb_blog/webtrends/google-fonts-api-3034/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>No page fold</title>
		<link>http://www.casusbelli.fr/cb_blog/graphisme/no-page-fold-2188</link>
		<comments>http://www.casusbelli.fr/cb_blog/graphisme/no-page-fold-2188#comments</comments>
		<pubDate>Fri, 18 Dec 2009 10:43:07 +0000</pubDate>
		<dc:creator>Zbi</dc:creator>
				<category><![CDATA[Graphisme]]></category>
		<category><![CDATA[minimalisme]]></category>
		<category><![CDATA[typographie]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.casusbelli.fr/cb_blog/?p=2188</guid>
		<description><![CDATA[
Expérimentation graphique minimaliste. &#8220;There is no page fold&#8220;
]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.casusbelli.fr/cb_blog/uploads/2009/12/image-11.png"  rel="lightbox[roadtrip]"><img class="size-full wp-image-2189 aligncenter" title="welcome, there is no page fold" src="http://www.casusbelli.fr/cb_blog/uploads/2009/12/image-11.png" alt="" width="500" height="99" /></a></p>
<p>Expérimentation graphique minimaliste. &#8220;<a href="http://www.thereisnopagefold.com/">There is no page fold</a>&#8220;</p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fwww.casusbelli.fr%2Fcb_blog%2Fgraphisme%2Fno-page-fold-2188&amp;linkname=No%20page%20fold" target="_blank"><img src="http://www.casusbelli.fr/cb_blog/wp-content/share.png" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://www.casusbelli.fr/cb_blog/graphisme/no-page-fold-2188/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Convergences</title>
		<link>http://www.casusbelli.fr/cb_blog/webtrends/convergences-2017</link>
		<comments>http://www.casusbelli.fr/cb_blog/webtrends/convergences-2017#comments</comments>
		<pubDate>Fri, 20 Nov 2009 11:33:26 +0000</pubDate>
		<dc:creator>0z</dc:creator>
				<category><![CDATA[Hard Geeking]]></category>
		<category><![CDATA[Webtrends]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[Cloud]]></category>
		<category><![CDATA[developpement]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[litl]]></category>
		<category><![CDATA[microsoft]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.casusbelli.fr/cb_blog/?p=2017</guid>
		<description><![CDATA[
A l&#8217;heure où Google, annonce son OS entièrement dans le Cloud (basé sur Google Chrome), afin de simplifier l&#8217;ordinateur, une petite société présente un nouvel OS litl, lui aussi dématérialisé et lui aussi destiné aux netbooks.
Le phénomène n&#8217;est pas nouveau entre gOS, Moblin et dernièrement Jolycloud, plusieurs itérations de Linux ont déjà entamé ce saut [...]]]></description>
			<content:encoded><![CDATA[<p><object width="480" height="295"><param name="movie" value="http://www.youtube.com/v/0QRO3gKj3qw&#038;hl=fr_FR&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/0QRO3gKj3qw&#038;hl=fr_FR&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="295"></embed></object></p>
<p>A l&#8217;heure où Google, annonce son <a href="http://googleblog.blogspot.com/2009/11/releasing-chromium-os-open-source.html" title="Google OS">OS</a> entièrement dans le <a href="http://fr.wikipedia.org/wiki/Cloud_computing">Cloud</a> (basé sur Google Chrome), afin de simplifier l&#8217;ordinateur, une petite société présente un nouvel OS <a href="http://www.litl.com/" title="litl">litl</a>, lui aussi dématérialisé et lui aussi destiné aux netbooks.</p>
<p>Le phénomène n&#8217;est pas nouveau entre <a href="http://www.thinkgos.com/" title="good OS">gOS</a>, <a href="http://moblin.org/" title="Moblin">Moblin</a> et dernièrement <a href="http://www.jolicloud.com/" title="Jolycloud">Jolycloud</a>, plusieurs itérations de Linux ont déjà entamé ce saut vers la dématérialisation. Quant au fait de baser le gestionnaire de fenêtre de l&#8217;os sur un navigateur, <a href="http://symphonyos.com/cms/" title="Symphony Os">SymphonyOS</a> avait été précurseur en utilisant le moteur Gecko pour gérer son <em>&#8220;application manager&#8221;</em> Orchestra.</p>
<p>La nouveauté pour ces deux nouveaux venus, réside dans le fait que l&#8217;os est réduit à sa plus simple expression. Un <a href="http://fr.wikipedia.org/wiki/Basic_Input_Output_System">bios</a>, un <a href="http://fr.wikipedia.org/wiki/Noyau_de_système_d%27exploitation">kernel</a> (linux pour Chrome OS), un <a href="http://fr.wikipedia.org/wiki/Navigateur_web" title="le logiciel que vous utilisez pour lire cet article">browser</a>. Le disque de stockage ? Ce n&#8217;est plus qu&#8217;un immense cache pour le navigateur et les webapps au travers de mécanismes tels que le futur <a href="http://en.wikipedia.org/wiki/DOM_storage">DOM storage</a> du W3C. Les fichiers utilisés par le système sont eux en lecture seule, protégés des influences extérieurs, pour Chrome OS, par une vérification de leur intégrité au démarage et la capicité pour Chrome d&#8217;isoler chaque <em>&#8220;application&#8221;</em> dans une <a href="http://fr.wikipedia.org/wiki/Sandbox_(sécurité_informatique)">sandbox</a>. Quand a l&#8217;utilisation elle-même du système au jour le jour, certains concepts se rapprochent de <a href="http://www.casusbelli.fr/cb_blog/design/10gui-1798">10/GUI</a>.</p>
<p>Bien sûr la clé de cette évolution reste la qualité des webapps. Dèjà mis en avant par Apple lors du lancement de l&#8217;iphone en 2007, les webapps vont évoluer de plus en plus, pour finalement atteindre le statut de véritable <em>&#8220;logiciel&#8221;</em>. Et ce même dans les communautés de développeurs dis classique. La suite <a href="http://aviary.com/">Aviary</a>, les webapps de <a href="http://280north.com/">280 North</a> (280 Slides, un keynote pour le web ou le futur Atlas, une webapp pour écrire des webapps), et bien d&#8217;autres&#8230;, préfigurent déjà de l&#8217;apparence de ce futur environnement.</p>
<p>Que l&#8217;on croit à la justesse de cette évolution ou pas, là n&#8217;est pas la question. Google, Microsoft, Apple, Yahoo, Facebook&#8230; ont déjà créé ce nuage au dessus de nos têtes. Bientôt cela ne sera même plus une question de choix pour l&#8217;utilisateur lambda. Quant aux dévéloppeurs, regardez le taux d&#8217;adoption de <a href="http://fr.wikipedia.org/wiki/Git">git</a> et de son <a href="http://github.com/">github</a>.</p>
<p>L&#8217;élément essentiel pour que cette alchimie fonctionne ? Sans doute le respect des standards, pour que les développeurs webs cessent de passer la grande majorité de leur temps à s&#8217;assurer que leur projet va fonctionner dans tous les environnements et qu&#8217;ils puissent se focaliser d&#8217;avantage sur l&#8217;aspect qualitatif. Avec les annonces faites avant-hier par Microsoft à propos d&#8217;<a href="http://www.techspot.com/news/37012-microsoft-reveals-first-internet-explorer-9-details.html">internet explorer 9</a> et du support du HTML 5, les choses vont dans le bon sens. Reste a espérer que l&#8217;adoption de windows seven sera assez importante dans les entreprises pour que les taux d&#8217;utilisations des versions 6 et 7 de ce navigateur soient réduits à néant (sans compter la perspective juteuse de tous ces sites intranets optimisés pour ces versions devenus obsolètes).</p>
<p>Notre métier est encore une fois en pleine mutation et plus encore que jamais il faut rester curieux face à ces nouveaux développements.</p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fwww.casusbelli.fr%2Fcb_blog%2Fwebtrends%2Fconvergences-2017&amp;linkname=Convergences" target="_blank"><img src="http://www.casusbelli.fr/cb_blog/wp-content/share.png" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://www.casusbelli.fr/cb_blog/webtrends/convergences-2017/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>20 sites vintages</title>
		<link>http://www.casusbelli.fr/cb_blog/webtrends/20-sites-vintages-1535</link>
		<comments>http://www.casusbelli.fr/cb_blog/webtrends/20-sites-vintages-1535#comments</comments>
		<pubDate>Thu, 03 Sep 2009 08:12:04 +0000</pubDate>
		<dc:creator>Zbi</dc:creator>
				<category><![CDATA[Webtrends]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[vintage]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.casusbelli.fr/cb_blog/?p=1535</guid>
		<description><![CDATA[1994. 1996. 2001.
Vous souvenez-vous, la première fois où l&#8217;on vous a parlé de google, ce nouveau moteur de recherche?
Vous souvenez-vous, la lente descente des images en 56k, les forfait limités à 20h, le doux bruit du modem, AOL, netscape, les forums qui tâchent, la comic sans ms jaune sur fond noir, les gifs?



Apple, 1996


Google, 1996.


Facebook, [...]]]></description>
			<content:encoded><![CDATA[<p>1994. 1996. 2001.<br />
Vous souvenez-vous, la première fois où l&#8217;on vous a parlé de google, ce nouveau moteur de recherche?<br />
Vous souvenez-vous, la lente descente des images en 56k, les forfait limités à 20h, le doux bruit du modem, AOL, netscape, les forums qui tâchent, la comic sans ms jaune sur fond noir, les gifs?<br />
<span id="more-1535"></span><br />
<br />
<a href="http://www.casusbelli.fr/cb_blog/uploads/2009/09/apple_1473503a.jpg"  rel="lightbox[roadtrip]"><img src="http://www.casusbelli.fr/cb_blog/uploads/2009/09/apple_1473503a.jpg" alt="" title="apple 1996" width="460" height="300" class="alignnone size-full wp-image-1536" /></a><br />
Apple, 1996<br />
<br />
<a href="http://www.casusbelli.fr/cb_blog/uploads/2009/09/google_1473879a.jpg"  rel="lightbox[roadtrip]"><img src="http://www.casusbelli.fr/cb_blog/uploads/2009/09/google_1473879a.jpg" alt="" title="google 1996" width="460" height="300" class="alignnone size-full wp-image-1537" /></a><br />
Google, 1996.<br />
<br />
<a href="http://www.casusbelli.fr/cb_blog/uploads/2009/09/facebook_1473443a.jpg"  rel="lightbox[roadtrip]"><img src="http://www.casusbelli.fr/cb_blog/uploads/2009/09/facebook_1473443a.jpg" alt="" title="facebook_1473443a" width="460" height="300" class="alignnone size-full wp-image-1538" /></a><br />
Facebook, 2004.<br />
<br />
&#8220;<a href="http://www.telegraph.co.uk/technology/6125914/How-20-popular-websites-looked-when-they-launched.html">How 20 popular websites looked when they launched</a>&#8221; est un bon retour en arrière pour ceux qui se sentent nostalgique u &#8220;vous avez un nouveau message&#8221;.</p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fwww.casusbelli.fr%2Fcb_blog%2Fwebtrends%2F20-sites-vintages-1535&amp;linkname=20%20sites%20vintages" target="_blank"><img src="http://www.casusbelli.fr/cb_blog/wp-content/share.png" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://www.casusbelli.fr/cb_blog/webtrends/20-sites-vintages-1535/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>De la 3d dans les css</title>
		<link>http://www.casusbelli.fr/cb_blog/webtrends/de-la-3d-dans-les-css-1458</link>
		<comments>http://www.casusbelli.fr/cb_blog/webtrends/de-la-3d-dans-les-css-1458#comments</comments>
		<pubDate>Fri, 17 Jul 2009 08:48:43 +0000</pubDate>
		<dc:creator>0z</dc:creator>
				<category><![CDATA[Divers et variés]]></category>
		<category><![CDATA[Webtrends]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[safari]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[youtube]]></category>

		<guid isPermaLink="false">http://www.casusbelli.fr/cb_blog/?p=1458</guid>
		<description><![CDATA[
Sur le front de la guerre des browsers, Webkit (le moteur interne de Safari) est très souvent en avance sur ses concurrents. Après le support des balise médias du html5, le 100% sur le test Acid3, Apple s&#8217;attaque à un domaine réservé aux plugins (comme Flash ou dernièrement google avec O3D), la gestion des transformations [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.casusbelli.fr/cb_blog/uploads/2009/07/mighty-cubes.png"  rel="lightbox[roadtrip]"><img class="size-full wp-image-1459 alignnone" title="mighty-cubes 3D transformation CSS in webkit browser" src="http://www.casusbelli.fr/cb_blog/uploads/2009/07/mighty-cubes.png" alt="3D transformation CSS in webkit browser" width="436" height="183" /></a></p>
<p>Sur le front de la guerre des browsers, <a title="webkit browser home page" href="http://webkit.org" target="_blank">Webkit</a> (le moteur interne de Safari) est très souvent en avance sur ses concurrents. Après le support des balise médias du html5, le 100% sur le test Acid3, Apple s&#8217;attaque à un domaine réservé aux plugins (comme Flash ou dernièrement google avec <a title="google O3D" href="http://code.google.com/intl/fr-FR/apis/o3d/" target="_blank">O3D</a>), la gestion des transformations 3d entièrement grâce au css.<span id="more-1458"></span></p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/3R6sb4NO25E&amp;hl=en&amp;fs=1&amp;" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/3R6sb4NO25E&amp;hl=en&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>Réservées dans un premier temps au possesseur d&#8217;iPhone et d&#8217;iPod Touch sous OS3.0, ces fonctions css de transformation 3d sont maintenant disponibles dans les dernières builds du navigateur.  Pour les plus aventureux, il faut être sous Léopard au minimum (OSX 10.5) et télécharger <a title="webkit browser home page" href="http://webkit.org" target="_blank">Webkit</a> ( <a href="http://nightly.webkit.org/">WebKit nightly build 45754</a> au minimum). Pour tous les détails techniques voir l&#8217;article sur <a title="Webkit blog Surfin'Safari" href="http://webkit.org/blog/386/3d-transforms/" target="_blank">Surfin&#8217; Safari</a> avec différentes démos et surtout <a title="Satine Webkit Experimentation" href="http://satine.org" target="_blank">satine.org</a> pour la démonstration live de Snow Stack qui est bluffante de rapidité.</p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fwww.casusbelli.fr%2Fcb_blog%2Fwebtrends%2Fde-la-3d-dans-les-css-1458&amp;linkname=De%20la%203d%20dans%20les%20css" target="_blank"><img src="http://www.casusbelli.fr/cb_blog/wp-content/share.png" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://www.casusbelli.fr/cb_blog/webtrends/de-la-3d-dans-les-css-1458/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Safari 4 beta</title>
		<link>http://www.casusbelli.fr/cb_blog/webtrends/safari-4-beta-1132</link>
		<comments>http://www.casusbelli.fr/cb_blog/webtrends/safari-4-beta-1132#comments</comments>
		<pubDate>Wed, 25 Feb 2009 09:09:45 +0000</pubDate>
		<dc:creator>Zbi</dc:creator>
				<category><![CDATA[Webtrends]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[mac]]></category>
		<category><![CDATA[safari]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.casusbelli.fr/cb_blog/?p=1132</guid>
		<description><![CDATA[
Apple vient de sortir la beta de son nouveau navigateur web, Safari 4. Tables en haut, à la Google chrome, coverflow pour l&#8217;historique, outils pour les développeurs, fonts non limitées aux traditionnelles websafe (enfin!), plus rapide, plus sur, le nouvel opus de Safari est prometteur. À teste, pour ceux qui préfèrent les pommes.
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.casusbelli.fr/cb_blog/uploads/2009/02/whatsnew-hero-20090217.png"  rel="lightbox[roadtrip]"><img class="alignnone size-full wp-image-1133" title="whatsnew-hero-20090217" src="http://www.casusbelli.fr/cb_blog/uploads/2009/02/whatsnew-hero-20090217.png" alt="" width="500" height="210" /></a></p>
<p>Apple vient de sortir la <a href="http://www.apple.com/safari/" target="_blank">beta de son nouveau navigateur web</a>, Safari 4. Tables en haut, à la Google chrome, coverflow pour l&#8217;historique, outils pour les développeurs, fonts non limitées aux traditionnelles websafe (enfin!), plus rapide, plus sur, le nouvel opus de Safari est prometteur. À teste, pour ceux qui préfèrent les pommes.</p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fwww.casusbelli.fr%2Fcb_blog%2Fwebtrends%2Fsafari-4-beta-1132&amp;linkname=Safari%204%20beta" target="_blank"><img src="http://www.casusbelli.fr/cb_blog/wp-content/share.png" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://www.casusbelli.fr/cb_blog/webtrends/safari-4-beta-1132/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Promenons nous dans le web</title>
		<link>http://www.casusbelli.fr/cb_blog/graphisme/promenons-nous-dans-le-web-563</link>
		<comments>http://www.casusbelli.fr/cb_blog/graphisme/promenons-nous-dans-le-web-563#comments</comments>
		<pubDate>Tue, 23 Sep 2008 07:45:18 +0000</pubDate>
		<dc:creator>Shinoo</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Graphisme]]></category>
		<category><![CDATA[E]]></category>
		<category><![CDATA[site]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.casus-belli.fr/blog/?p=563</guid>
		<description><![CDATA[
Voici Yoowalk, une manière intéressante de se promener sur le web ^^.
Les sites sont présentés sous forme de cube, et l&#8217;on peut donc si déplacer à sa guise dans une cityweb. Et communiquer avec les autres utilisateurs.
Amusez vous bien&#8230;
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.casusbelli.fr/cb_blog/uploads/yoowalk.png"  title="yoowalk.png" rel="lightbox[roadtrip]"><img src="http://www.casusbelli.fr/cb_blog/uploads/yoowalk.png" alt="yoowalk.png" /></a></p>
<p>Voici <a href="http://www.yoowalk.com">Yoowalk</a>, une manière intéressante de se promener sur le web ^^.</p>
<p>Les sites sont présentés sous forme de cube, et l&#8217;on peut donc si déplacer à sa guise dans une cityweb. Et communiquer avec les autres utilisateurs.</p>
<p>Amusez vous bien&#8230;</p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fwww.casusbelli.fr%2Fcb_blog%2Fgraphisme%2Fpromenons-nous-dans-le-web-563&amp;linkname=Promenons%20nous%20dans%20le%20web" target="_blank"><img src="http://www.casusbelli.fr/cb_blog/wp-content/share.png" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://www.casusbelli.fr/cb_blog/graphisme/promenons-nous-dans-le-web-563/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web design Dashboard</title>
		<link>http://www.casusbelli.fr/cb_blog/webtrends/web-design-dashboard-424</link>
		<comments>http://www.casusbelli.fr/cb_blog/webtrends/web-design-dashboard-424#comments</comments>
		<pubDate>Tue, 29 Jul 2008 12:17:21 +0000</pubDate>
		<dc:creator>Zbi</dc:creator>
				<category><![CDATA[Vie de la boîte]]></category>
		<category><![CDATA[Webtrends]]></category>
		<category><![CDATA[dashboard]]></category>
		<category><![CDATA[ressources]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.casus-belli.fr/blog/?p=424</guid>
		<description><![CDATA[ 
Aujourd&#8217;hui, rien de glamour, mais de l&#8217;utile (pour changer).Ce site comporte des centaines de ressources concernant le web design, le web marketing, la maintenance et le développement.Un bon dashboard à noter dans ses tablettes&#8230; 
]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"> <img src="http://www.casusbelli.fr/cb_blog/uploads/84.jpg" alt="84.jpg" /></p>
<p>Aujourd&#8217;hui, rien de glamour, mais de l&#8217;utile (pour changer).<a href="http://www.agencytool.com/dashboard/" target="_blank">Ce site</a> comporte des centaines de ressources concernant le web design, le web marketing, la maintenance et le développement.Un bon dashboard à noter dans ses tablettes&#8230; </p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fwww.casusbelli.fr%2Fcb_blog%2Fwebtrends%2Fweb-design-dashboard-424&amp;linkname=Web%20design%20Dashboard" target="_blank"><img src="http://www.casusbelli.fr/cb_blog/wp-content/share.png" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://www.casusbelli.fr/cb_blog/webtrends/web-design-dashboard-424/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Hybride, brute, imparfaite&#8230;</title>
		<link>http://www.casusbelli.fr/cb_blog/webtrends/hybride-boite-a-idees-brute-imparfaite-267</link>
		<comments>http://www.casusbelli.fr/cb_blog/webtrends/hybride-boite-a-idees-brute-imparfaite-267#comments</comments>
		<pubDate>Thu, 15 May 2008 09:11:34 +0000</pubDate>
		<dc:creator>Stilgar</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Graphisme]]></category>
		<category><![CDATA[Webtrends]]></category>
		<category><![CDATA[publicité]]></category>
		<category><![CDATA[Art]]></category>
		<category><![CDATA[communication]]></category>
		<category><![CDATA[expérimental]]></category>
		<category><![CDATA[Trends]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.casus-belli.fr/blog/?p=267</guid>
		<description><![CDATA[
Qualificatifs repris pêle mêle sur le site de l&#8217;agence H, bras armé de la comm du groupe Havas et pilotée par Benoît Devarrieux, Gilbert Scher et Christophe Lafarge. Une sorte d&#8217;ovni internet qui tient à la fois de la profession de foi, de démonstration et de mise en abime sur le pour qui/pourquoi/comment de la [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img src="http://www.casusbelli.fr/cb_blog/uploads/h.jpg" alt="H" /></p>
<p>Qualificatifs repris pêle mêle sur le <a target="_blank" href="http://www.h-paris.com/">site</a> de l&#8217;agence H, bras armé de la comm du groupe Havas et pilotée par Benoît Devarrieux, Gilbert Scher et Christophe Lafarge. Une sorte d&#8217;ovni internet qui tient à la fois de la profession de foi, de démonstration et de mise en abime sur le pour qui/pourquoi/comment de la pub. A voir et à suivre&#8230;</p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fwww.casusbelli.fr%2Fcb_blog%2Fwebtrends%2Fhybride-boite-a-idees-brute-imparfaite-267&amp;linkname=Hybride%2C%20brute%2C%20imparfaite%26%238230%3B" target="_blank"><img src="http://www.casusbelli.fr/cb_blog/wp-content/share.png" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://www.casusbelli.fr/cb_blog/webtrends/hybride-boite-a-idees-brute-imparfaite-267/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
