<?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>Gatellier.be &#187; diaporama</title>
	<atom:link href="http://www.gatellier.be/blog/tags/marin/diaporama/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.gatellier.be/blog</link>
	<description>Interwebs with passion.</description>
	<lastBuildDate>Thu, 01 Jul 2010 12:17:25 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
	<atom:link rel='hub' href='http://www.gatellier.be/blog/?pushpress=hub'/>
		<item>
		<title>Gucci 2.0 avec protype et script.aculo.us</title>
		<link>http://www.gatellier.be/blog/gucci-20-avec-prototype-et-scriptaculous/</link>
		<comments>http://www.gatellier.be/blog/gucci-20-avec-prototype-et-scriptaculous/#comments</comments>
		<pubDate>Wed, 23 Aug 2006 08:05:22 +0000</pubDate>
		<dc:creator>Marin</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[browsing]]></category>
		<category><![CDATA[diaporama]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[web2.0]]></category>

		<guid isPermaLink="false">http://www.gatellier.be/blog/?p=128</guid>
		<description><![CDATA[Gucci, fabriquant et vendeur de luxe, vient de redesigner son site. Au menu, pas de flash mais l'utilisation des librairies prototype et script.aculo.us. Le site tout en largeur est tout en transitions (scroll, apparitions,...), les pages de galerie peuvent être mises en favoris, mon dieu que c'est bien fait. (bon, être riche et avoir mauvais [...]]]></description>
			<content:encoded><![CDATA[<p><strong><a href="http://www.gucci.com">Gucci, fabriquant et vendeur de luxe</a></strong>, vient de redesigner son site. Au menu, pas de flash mais l'utilisation des librairies <a href="http://prototype.conio.net/">prototype</a> et <a href="http://script.aculo.us/">script.aculo.us</a>.</p>
<p style="text-align:center;"><a href="/blog/?pp_album=1&#038;pp_image=gucci_bag.png"><img alt="Accessoires pour chiens sur Gucci.com" title="Accessoires pour chiens sur Gucci.com" src="/blog/wp-content/photos/gucci_bag.png" /></a></p>
<p>Le site tout en largeur est tout en transitions (scroll, apparitions,...), les pages de galerie peuvent être mises en favoris, mon dieu que c'est bien fait.</p>

<p><small>(bon, être riche et avoir mauvais goût - cf <a href="http://www.gucci.com/int/uk-english/int/fall-winter-06/gifts/#fw06_gf_146404_F0D30_9756">la veste pour toutou</a>)</small></p>

<p>A voir absolument.</p>
<h4>Liens relatifs :</h4>
<ul>
	<li><a href="http://www.gucci.com">le site Gucci</a></li>
	<li>télécharger la librairie javascript <a href="http://prototype.conio.net/">prototype</a></li>
	<li>télécharger la librairie javascript <a href="http://script.aculo.us/">script.aculo.us</a></li>
	<li>via: <a href="http://ajaxian.com/archives/gucci-relaunches-on-scriptaculous/trackback/">Ajaxian</a></li>
</ul><hr />
<p><small>© Marin for <a href="http://www.gatellier.be/blog">Gatellier.be</a>, 2006. |
<a href="http://www.gatellier.be/blog/gucci-20-avec-prototype-et-scriptaculous/">Permalink</a> |
<a href="http://www.gatellier.be/blog/gucci-20-avec-prototype-et-scriptaculous/#comments">3 comments</a> |
Add to
<a href="http://del.icio.us/post?url=http://www.gatellier.be/blog/gucci-20-avec-prototype-et-scriptaculous/&title=Gucci 2.0 avec protype et script.aculo.us">del.icio.us</a>
<br/>
Post tags: <br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.gatellier.be/blog/gucci-20-avec-prototype-et-scriptaculous/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Gmail Skins: plus de fonctionnalités pour Gmail</title>
		<link>http://www.gatellier.be/blog/gmail-skins-plus-de-fonctionnalites-pour-gmail/</link>
		<comments>http://www.gatellier.be/blog/gmail-skins-plus-de-fonctionnalites-pour-gmail/#comments</comments>
		<pubDate>Thu, 27 Jul 2006 13:19:14 +0000</pubDate>
		<dc:creator>Marin</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Google Maps]]></category>
		<category><![CDATA[Google Picasa]]></category>
		<category><![CDATA[browsing]]></category>
		<category><![CDATA[diaporama]]></category>
		<category><![CDATA[utilitaire]]></category>

		<guid isPermaLink="false">http://www.gatellier.be/blog/?p=120</guid>
		<description><![CDATA[Changer les couleurs de sa boîte à messages, ajouter des images de votre Picasa web album (ou des émoticônes) dans vos emails, cacher certains élements (tel la boîte d'invitation),... Icônes ajoutées dans la barre d'outils par Gmail Skins Tout cela est possible (et bien plus encore: voir la liste des possibilités) sur Firefox grâce à [...]]]></description>
			<content:encoded><![CDATA[<p>Changer les couleurs de sa boîte à messages, ajouter des images de votre Picasa web album (ou des émoticônes) dans vos emails, cacher certains élements (tel la boîte d'invitation),...</p>

<p style="text-align:center;"><a href="/blog/?pp_album=1&#038;pp_image=gmail_skin_toolbar.png"><img border="0" title="Icônes ajoutées dans la barre d'outils par Gmail Skins" alt="Icônes ajoutées dans la barre d'outils par Gmail Skins" src="/blog/wp-content/photos/gmail_skin_toolbar.png" /><br />
Icônes ajoutées dans la barre d'outils par Gmail Skins</a></p>

<p>Tout cela est possible (et bien plus encore: <a hreflang="en" href="http://gmailskins.mozdev.org/">voir la liste des possibilités</a>) sur Firefox grâce à l'extension <a hreflang="en" href="http://gmailskins.mozdev.org/"><strong>Gmail Skins</strong></a>.</p>

<p style="text-align:center;"><a href="/blog/?pp_album=1&#038;pp_image=gmail_skin_choose_image.png"><img border="0" title="Choix de ses photos Picasa web album dans Gmail" alt="Choix de ses photos Picasa web album dans Gmail" src="/blog/wp-content/photos/gmail_skin_choose_image.png" /><br />
Choix de ses photos Picasa web album dans Gmail</a></p>

<p>Une fois installée, vous verrez une option supplémentaire dans Gmail: en haut a droite: le lien « Settings » puis le dernier Tab « Gmail Skins ».</p>

<p>Configurez à votre guise ! Encore une extension adoptée.</p>

<p>PS : Il me reste encore assez d'invitations Gmail. Qui en veut ?</p>
<h4>Lien relatifs :</h4>
<ul>
	<li><a hreflang="en" href="https://addons.mozilla.org/firefox/2127/">Télécharger l'extension Gmail Skins</a></li>
	<li><a href="http://pagead2.googlesyndication.com/pagead/iclk?sa=l&#038;num=0&#038;client=ca-ref-pub-4535722282721319&#038;adurl=http://services.google.com/toolbar/firefox%3Fai%3DBEtsMp7nIRPinFMmiiQKk7enZBdGe8heFqfzPAcWNtwEAEAEgtIWGBkCIEEiiOVCD49ECoAG1lcj9A7IBEHd3dy5nYXRlbGxpZXIuYmXIAQLaAR1odHRwOi8vd3d3LmdhdGVsbGllci5iZS9ibG9nL4ACAZUCSFFCCg&#038;ai=Bgdymp7nIRPinFMmiiQKk7enZBdGe8heFqfzPAcWNtwEAEAEgtIWGBkCIEEiiOVCYsvul-f____8BoAG1lcj9A7IBEHd3dy5nYXRlbGxpZXIuYmXIAQLaAR1odHRwOi8vd3d3LmdhdGVsbGllci5iZS9ibG9nL4ACAZUCSFFCCg">Télécharger Firefox (lien sponsorisé)</a></li>
	<li><a href="http://pagead2.googlesyndication.com/pagead/iclk?sa=l&#038;num=0&#038;client=ca-ref-pub-4535722282721319&#038;adurl=http://services.google.com/picasa_referrals_fr.html%3Fai%3DBhgI_p7nIRJbfF5LsigKD14nRBYznohXorcj7AcWNtwEAEAEgtIWGBkCIEEiZOVCLyNyxBKABsrun_QOyARB3d3cuZ2F0ZWxsaWVyLmJlyAEC2gEdaHR0cDovL3d3dy5nYXRlbGxpZXIuYmUvYmxvZy_gAQKAAgGVAjA6Qgo&#038;ai=B1QYfp7nIRJbfF5LsigKD14nRBYznohXorcj7AcWNtwEAEAEgtIWGBkCIEEiZOVDk26O0BKABsrun_QOyARB3d3cuZ2F0ZWxsaWVyLmJlyAEC2gEdaHR0cDovL3d3dy5nYXRlbGxpZXIuYmUvYmxvZy_gAQKAAgGVAjA6Qgo">Télécharger Picasa (lien sponsorisé)</a></li>
	<li><a href="http://picasaweb.google.com/woozeu">Voir mon Picasa web album</a></li>
</ul><hr />
<p><small>© Marin for <a href="http://www.gatellier.be/blog">Gatellier.be</a>, 2006. |
<a href="http://www.gatellier.be/blog/gmail-skins-plus-de-fonctionnalites-pour-gmail/">Permalink</a> |
<a href="http://www.gatellier.be/blog/gmail-skins-plus-de-fonctionnalites-pour-gmail/#comments">No comment</a> |
Add to
<a href="http://del.icio.us/post?url=http://www.gatellier.be/blog/gmail-skins-plus-de-fonctionnalites-pour-gmail/&title=Gmail Skins: plus de fonctionnalités pour Gmail">del.icio.us</a>
<br/>
Post tags: <br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.gatellier.be/blog/gmail-skins-plus-de-fonctionnalites-pour-gmail/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Voyage au Japon &#8211; 1 an après</title>
		<link>http://www.gatellier.be/blog/voyage-au-japon-1-an-apres/</link>
		<comments>http://www.gatellier.be/blog/voyage-au-japon-1-an-apres/#comments</comments>
		<pubDate>Mon, 15 May 2006 18:44:36 +0000</pubDate>
		<dc:creator>Marin</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Japon]]></category>
		<category><![CDATA[XML]]></category>
		<category><![CDATA[XSLT]]></category>
		<category><![CDATA[diaporama]]></category>

		<guid isPermaLink="false">http://www.gatellier.be/blog/?p=107</guid>
		<description><![CDATA[Le 16 mai 2005, nous partions pour un voyage au Japon. Au menu du programme: rendre visite à Laureline (et ses bombyx), découvrir le Pays du Soleil Levant, Tokyo, Kyoto, Suzuka, Hiroshima, Tsukuba, Nagoya, ... Un an après, j'ai enfin trié les quelques 1000 photos que j'avais prises là-bas. Elles seront mises en ligne au [...]]]></description>
			<content:encoded><![CDATA[<p>Le 16 mai 2005, nous partions pour un voyage au Japon. Au menu du programme: rendre visite à <a href="http://linou.blogspot.com">Laureline (et ses bombyx)</a>, découvrir le Pays du Soleil Levant, Tokyo, Kyoto, Suzuka, Hiroshima, Tsukuba, Nagoya, ...</p>
<p style="text-align:center;"><a title="Première étape de notre voyage au Japon: Tsukuba et Tokyo" href="http://www.gatellier.be/photo/#id=japon1"><img title="écolières japonnaises dans les rues de Tokyo" alt="écolières japonnaises dans les rues de Tokyo" src="/photo/gallery/200605-voyage-japon-1/resize/DSC03759.jpg" /></a></p>
<p>Un an après, j'ai enfin trié les quelques 1000 photos que j'avais prises là-bas. Elles seront mises en ligne au fur et à mesure.</p>
<p>Un peu de technique quand même: le <a title="Mon article sur les diaporamas" href="/blog/diaporama-html-javascript-flash-slideshowpro/"><em>diaporama en flash</em></a> est créé via SlideshowPro. Une version <em><a title="Mon article sur les xml et xsl" href="/blog/rss-pour-les-humains-xsl-et-votre-xml-est-lisible/">xml lisible</a></em> est aussi disponnible.</p>

<p>Si vous voulez des photos, <a title="Laissez moi un message si vous voulez des photos" href="/blog/voyage-au-japon-1-an-apres#respond">faites moi signe</a>&nbsp;!</p>
<h4>Liens relatifs:</h4>
<ul>
	<li>le <a title="Photos du voyage au pays du soleil levant" href="/photo/#id=japon1">diaporama en flash (première partie sur quatre) de notre voyage au Japon</a>,</li>
	<li>la version lisible <strong><a title="la version lisible du xml employé dans mon diaporama flash" href="/photo/images.xml">xml du diaporama</a></strong> (le fichier employé par le diaporama),</li>
	<li>l'<a title="Mon article sur les diaporamas" href="/blog/diaporama-html-javascript-flash-slideshowpro/">article sur les diaporamas</a>,</li>
	<li>l'<a title="Mon article sur les xml et xsl" href="/blog/rss-pour-les-humains-xsl-et-votre-xml-est-lisible/">article sur les xml lisibles</a>,</li>
	<li><a title="Diaporama en flash" href="http://www.slideshowpro.net/">Slideshowpro</a></li>
</ul><hr />
<p><small>© Marin for <a href="http://www.gatellier.be/blog">Gatellier.be</a>, 2006. |
<a href="http://www.gatellier.be/blog/voyage-au-japon-1-an-apres/">Permalink</a> |
<a href="http://www.gatellier.be/blog/voyage-au-japon-1-an-apres/#comments">4 comments</a> |
Add to
<a href="http://del.icio.us/post?url=http://www.gatellier.be/blog/voyage-au-japon-1-an-apres/&title=Voyage au Japon &#8211; 1 an après">del.icio.us</a>
<br/>
Post tags: <br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.gatellier.be/blog/voyage-au-japon-1-an-apres/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Carnets de voyages 2.0</title>
		<link>http://www.gatellier.be/blog/carnets-de-voyages-20/</link>
		<comments>http://www.gatellier.be/blog/carnets-de-voyages-20/#comments</comments>
		<pubDate>Sun, 14 May 2006 15:34:47 +0000</pubDate>
		<dc:creator>Marin</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[browsing]]></category>
		<category><![CDATA[diaporama]]></category>
		<category><![CDATA[geotagging]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[web2.0]]></category>

		<guid isPermaLink="false">http://www.gatellier.be/blog/?p=106</guid>
		<description><![CDATA[Vous voulez faire un tour du monde ou suivre les traces d'autres aventuriers? Le service proposé par TripTracker.net est dans l'air du temps: une communauté, des partages de photos, de l'Ajax, une carte du monde par satellite, des flux rss, un usage des géotags, et ce site est encore en beta... Prochain achat: un système [...]]]></description>
			<content:encoded><![CDATA[<p>Vous voulez faire un <a title="le tour du monde de Pierre Polet" href="http://www.tourdumonde.be/">tour du monde</a> ou suivre les traces d'autres aventuriers? Le service proposé par <a title="Carnets de voyages 2.0 sur TripTracker" href="http://www.triptracker.net/"><strong>TripTracker.net</strong></a> est dans l'air du temps:</p>
<p style="text-align:center;"><a title="Carnets de voyages 2.0 sur TripTracker" href="/blog/?pp_album=1&#038;pp_image=triptacker_beta_logo.gif"><img alt="Logo TripTracker" title="Logo TripTracker" src="/blog/wp-content/photos/triptacker_beta_logo.gif" /></a></p>
<p>une <a title="exemple de communayté" href="http://www.habbo.com/">communauté</a>, des <a href="http://www.flickr.com/">partages de photos</a>, de l'<a title="Rico framework" href="http://www.openrico.org/">Ajax</a>, une <a title="vue de l'Europe par Google Maps" href="http://maps.google.com/?ll=50.176898,4.394531&#038;spn=42.208643,59.501953&#038;t=k&#038;om=1">carte du monde par satellite</a>, des <a title="partage de groupes de flux rss" href="http://share.opml.org/">flux rss</a>, un <a title="Répartition des ouvriers du web" href="http://webworkers.excargot.net/">usage</a> <a title="le site de référence: GeoURL" href="http://geourl.org/">des</a> <a title="Moteur de recherche par géolocalisation" href="http://geotags.com/">géotags</a>, et ce site est encore en beta...</p>

Prochain achat: un système gps.<hr />
<p><small>© Marin for <a href="http://www.gatellier.be/blog">Gatellier.be</a>, 2006. |
<a href="http://www.gatellier.be/blog/carnets-de-voyages-20/">Permalink</a> |
<a href="http://www.gatellier.be/blog/carnets-de-voyages-20/#comments">One comment</a> |
Add to
<a href="http://del.icio.us/post?url=http://www.gatellier.be/blog/carnets-de-voyages-20/&title=Carnets de voyages 2.0">del.icio.us</a>
<br/>
Post tags: <br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.gatellier.be/blog/carnets-de-voyages-20/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Diaporama sur internet html, javascript ou flash?</title>
		<link>http://www.gatellier.be/blog/diaporama-html-javascript-flash-slideshowpro/</link>
		<comments>http://www.gatellier.be/blog/diaporama-html-javascript-flash-slideshowpro/#comments</comments>
		<pubDate>Sat, 18 Feb 2006 17:45:18 +0000</pubDate>
		<dc:creator>Marin</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[XML]]></category>
		<category><![CDATA[browsing]]></category>
		<category><![CDATA[diaporama]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://www.gatellier.be/blog/?p=94</guid>
		<description><![CDATA[Je me demande toujours quel est le meilleur moyen pour afficher une série de photos sur un site web: Il y a plusieurs solutions possible: une page html reprenant avec des vignettes à cliquer qui pointe vers, à chaque fois, vers une autre page reprenant le détail de la photo. Avantage: un très bon référencement. [...]]]></description>
			<content:encoded><![CDATA[<p>Je me demande toujours quel est le meilleur moyen pour afficher une série de photos sur un site web:</p>
<p>Il y a plusieurs solutions possible:</p>
<ul>
	<li><em>une page html</em> reprenant avec des vignettes à cliquer qui pointe vers, à chaque fois, vers une autre page reprenant le détail de la photo.<a target="_top" title="Diaporama Pupius.co.uk" href="http://pupius.co.uk/photos/travel/vietnam/hanoi/"><img width="450" height="438" class="centered" alt="Diaporama Pupius.co.uk" src="http://www.gatellier.be/blog/wp-content/photos/pupius_co_uk.jpg" /></a><br />
<br />
<strong>Avantage</strong>: un très bon référencement.<br />
<strong>Inconvéniant</strong>: peut-être compliqué parce que si on n'emploie pas d'outils pour générer ces pages, le travail peut être fastidieux. -> employer une base de donnée et une technologie server-side<br />
l'ergonomie de l'interface est assez limitée.<br />
<br />
ex: <a href="http://pupius.co.uk/photos/travel/vietnam/hanoi/">pupius</a>, <a href="http://bxl1.free.fr/genval/bruxelles.htm">photos tchorski</a></li>
	<li><em>un diaporama en javascript</em> permet de visualiser toutes les images sur un seul écran<a target="_top" title="Diaporama Couloir.org" href="http://www.couloir.org/js_slideshow/"><img width="450" height="413" class="centered" alt="Diaporama Couloir.org" src="http://www.gatellier.be/blog/wp-content/photos/couloir_org.jpg" /></a><br />
<br />
<strong>Avantage</strong>: l'interface peut être plus ergonomique; toutes les images peuvent tenir dans un écran<br />
<strong>Inconvéniant</strong>: portabilité cross-platform/cross-media, la mise en oeuvre peut-être plus complexe pour des novices.<br />
<br />
ex: <a href="http://www.couloir.org/js_slideshow/">couloir.org</a></li>
	<li><em>un diaporama en flash</em> bien construit pourrait-être la solution idéale. J'ai essayé <a href="http://slideshowpro.net/">slideshowpro.net</a> et, à vrai dire, j'aime bien<a target="_top" title="Diaporama flash photo.gatellier.be" href="http://photo.gatellier.be"><img width="450" height="379" class="centered" alt="Diaporama flash photo.gatellier.be" src="http://www.gatellier.be/blog/wp-content/photos/photo_gatellier_be.jpg" /></a><br />
<br />
<strong>Avantage</strong>: l'interface est complètement modulable, les images sont gérés par un fichier xml, les pages sont "bookmarkables", le player flash est disponible sur beaucoup de plateformes, etc<br />
<strong>Inconvéniant</strong>: <a href="http://slideshowpro.net/">slideshowpro.net</a> est une solution payante ($20) et elle requiert le logiciel Macromedia Flash</li>
</ul>
<p>Verdict? personnellement, je vote pour la solution flash. <a href="/blog/diaporama-html-javascript-flash-slideshowpro/#comments">Et vous?</a></p><hr />
<p><small>© Marin for <a href="http://www.gatellier.be/blog">Gatellier.be</a>, 2006. |
<a href="http://www.gatellier.be/blog/diaporama-html-javascript-flash-slideshowpro/">Permalink</a> |
<a href="http://www.gatellier.be/blog/diaporama-html-javascript-flash-slideshowpro/#comments">12 comments</a> |
Add to
<a href="http://del.icio.us/post?url=http://www.gatellier.be/blog/diaporama-html-javascript-flash-slideshowpro/&title=Diaporama sur internet html, javascript ou flash?">del.icio.us</a>
<br/>
Post tags: <br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.gatellier.be/blog/diaporama-html-javascript-flash-slideshowpro/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
	</channel>
</rss>
