<?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>web2ajax &#187; web design</title>
	<atom:link href="http://www.web2ajax.fr/tag/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.web2ajax.fr</link>
	<description>Tout l&#039;actualité du Web2.0 et de l&#039;AJAX</description>
	<lastBuildDate>Thu, 10 Feb 2011 00:25:37 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
	<atom:link rel='hub' href='http://www.web2ajax.fr/?pushpress=hub'/>
		<item>
		<title>Amazing HTML5 use : The Man From Hollywood</title>
		<link>http://www.web2ajax.fr/2010/04/09/amazing-html5-use-the-man-from-hollywood/</link>
		<comments>http://www.web2ajax.fr/2010/04/09/amazing-html5-use-the-man-from-hollywood/#comments</comments>
		<pubDate>Fri, 09 Apr 2010 16:38:35 +0000</pubDate>
		<dc:creator>Guillaume DE LA RUE</dc:creator>
				<category><![CDATA[Css]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[gradients]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[kinetic]]></category>
		<category><![CDATA[safari]]></category>
		<category><![CDATA[transforms]]></category>
		<category><![CDATA[transitions]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[webkit]]></category>

		<guid isPermaLink="false">http://www.web2ajax.fr/?p=352</guid>
		<description><![CDATA[Voilà un effet typographique plus qu'impressionnant !En effet The Man From Hollywood créé par Tyler Gaw reprend les dialogues de Pulp Fiction pour les animer en un clip kinétique de toute splendeur.Il utilise pour ça les propriétés css3 spécifiques pour le moment à Safari et Chrome (webkit) : gradients, transforms, transition.Un petit peu de jQuery [...]]]></description>
			<content:encoded><![CDATA[<div class="entry"><div class='post-thumbnail' ><a href='http://www.web2ajax.fr/2010/04/09/amazing-html5-use-the-man-from-hollywood/' title='Permanent link to Amazing HTML5 use : The Man From Hollywood'><img src='http://www.web2ajax.fr/thumb.php?i=http://www.web2ajax.fr/wp-content/uploads/2010/04/kinetic-css-300x165.png&w=200' alt='Amazing HTML5 use : The Man From Hollywood'  /></a></div>
<div class="content">Voilà un effet typographique plus qu'impressionnant !<br><br>En effet The Man From Hollywood créé par Tyler Gaw reprend les dialogues de Pulp Fiction pour les animer en un clip kinétique de toute splendeur.<br><br>Il utilise pour ça les propriétés css3 spécifiques pour le moment à Safari et Chrome (webkit) : gradients, transforms, transition.<br><br>Un petit peu de jQuery pour animer tout ça et jouer la bande audio, pour obtenir un résultat de toute beauté.<br><br>Il utilise une fonction que j'aime bien : <br><br>[sourcecode]<br>	// Add or remove class names to advance the scene at the specified time<br>	//<br>	direct: function (actor, direction, delay)<br>	{<br>		var a = $(actor);<br>		setTimeout(function ()<br>		{<br>			if (a.hasClass(direction))<br>			{<br>				a.removeClass(direction);<br>			}<br>			else<br>			{<br>				a.addClass(direction);<br>				HOLLYWOOD.helpers.logDirection(direction);<br>			}<br>			<br>		}, delay);<br>	},<br>[/sourcecode]<br><br>Ensuite, pour animer, il a juste définit des classes comme 'spotlight', 'actions', 'end', un timeout bien réglé et le tour est joué.<br><br>Bon, Tyler à dû se prendre la tête comme il faut pour câler les images, le son etc... Mais quand on voit le résultat... Bravo !<br><br>Vu sur ajaxian.</div></div><div class="buttons"><div class="go_demo"><a href="http://www.tylergaw.com/lab/themanfromhollywood/" target="_blank" title="Link to demo page of Amazing HTML5 use : The Man From Hollywood"><img src="https://s3.amazonaws.com/web2ajax/Web2ajax_v2/img/button_demo.png" width="198" height="60"></a></div></div>
	<div class="clearfix"></div>

<p>Related posts:<ol><li>&nbsp;<a href='http://www.web2ajax.fr/2008/04/16/inserez-des-indicateurs-de-chargement-directement-en-javascript/' rel='bookmark' title='Insérez des indicateurs de chargement directement en JavaScript !!'>Insérez des indicateurs de chargement directement en JavaScript !!</a></li>
<li>&nbsp;<a href='http://www.web2ajax.fr/2008/02/03/facebook-like-jquery-and-autosuggest-search-engine/' rel='bookmark' title='FaceBook Like &#8211; jQuery and autosuggest Search Engine'>FaceBook Like &#8211; jQuery and autosuggest Search Engine</a></li>
<li>&nbsp;<a href='http://www.web2ajax.fr/2010/03/13/amazing-jquery-htc-hero-widget/' rel='bookmark' title='Amazing jQuery HTC HERO Widget !!'>Amazing jQuery HTC HERO Widget !!</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.web2ajax.fr/2010/04/09/amazing-html5-use-the-man-from-hollywood/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Website Optimization : Compress Images with punyPNG</title>
		<link>http://www.web2ajax.fr/2010/03/31/website-optimization-compress-images-with-punypng-2/</link>
		<comments>http://www.web2ajax.fr/2010/03/31/website-optimization-compress-images-with-punypng-2/#comments</comments>
		<pubDate>Tue, 30 Mar 2010 23:13:06 +0000</pubDate>
		<dc:creator>Guillaume DE LA RUE</dc:creator>
				<category><![CDATA[optimization]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[compress images]]></category>
		<category><![CDATA[image processing]]></category>
		<category><![CDATA[jpeg compression]]></category>
		<category><![CDATA[png images]]></category>
		<category><![CDATA[punypng]]></category>
		<category><![CDATA[smashit]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[website optimization]]></category>

		<guid isPermaLink="false">http://www.web2ajax.fr/?p=314</guid>
		<description><![CDATA[Perhaps you already know smushit, the Yahoo! service that compress your png files without alterate them. First in the domain, the service has some inconvenients as multiple images upload.With PunyPNG, no problem : you can upload up to 50 files and download a zip archive containing all optimized images.And it's not all : fully supports [...]]]></description>
			<content:encoded><![CDATA[<div class="entry"><div class='post-thumbnail' ><a href='http://www.web2ajax.fr/2010/03/31/website-optimization-compress-images-with-punypng-2/' title='Permanent link to Website Optimization : Compress Images with punyPNG'><img src='http://www.web2ajax.fr/thumb.php?i=http://www.web2ajax.fr/wp-content/uploads/2010/03/punyPNG.png&w=200' alt='Website Optimization : Compress Images with punyPNG'  /></a></div>
<div class="content">Perhaps you already know smushit, the Yahoo! service that compress your png files without alterate them. <br><br>First in the domain, the service has some inconvenients as multiple images upload.<br><br>With PunyPNG, no problem : you can upload up to 50 files and download a zip archive containing all optimized images.<br><br>And it's not all : fully supports for PNG, .GIF, .JPG, no problem of transparency.<br><br>The icing on the cake : once registered, you can use punyPNG's API.<br>For example, if you want to optimize a single image (in a batch for example), simply call :<br>[sourcecode]<br>http://www.gracepointafterfive.com/punypng/api/optimize?img=http://www.conradchu.com/images/portfolio/targets.gif&key=fe79db612343cbc781d4faddd22990d282e24e75c<br>[/sourcecode]<br><br>Will return in JSON : <br>[sourcecode]<br>{&quot;savings_bytes&quot;: 7149, &quot;original_url&quot;: &quot;http://www.conradchu.com/images/portfolio/targets.gif&quot;, &quot;original_size&quot;: 35071, &quot;optimized_url&quot;: &quot;http://www.gracepointafterfive.com/punypng/attachments/eb1955a35625ea97e107132cbd49b65840d35532/targets.gif.png&quot;, &quot;group_id&quot;: &quot;&quot;, &quot;savings_percent&quot;: 21, &quot;optimized_size&quot;: 27922}<br>[/sourcecode]<br><br>Web2ajaX images are optimized with PunyPNG, and I find no degradation, adopted ? <br><br>Click on 'Visit Link' to have more infos.</div></div><div class="buttons"><div class="go_visit"><a href="http://www.gracepointafterfive.com/punypng-making-the-web-a-more-puny-place" target="_blank" title="Visit the cited website in Website Optimization : Compress Images with punyPNG"><img src="https://s3.amazonaws.com/web2ajax/Web2ajax_v2/img/button_goto.png" width="198" height="60"></a></div></div>
	<div class="clearfix"></div>

<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://www.web2ajax.fr/2010/03/31/website-optimization-compress-images-with-punypng-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FaceBook Like &#8211; jQuery and autosuggest Search Engine</title>
		<link>http://www.web2ajax.fr/2008/02/03/facebook-like-jquery-and-autosuggest-search-engine/</link>
		<comments>http://www.web2ajax.fr/2008/02/03/facebook-like-jquery-and-autosuggest-search-engine/#comments</comments>
		<pubDate>Sun, 03 Feb 2008 16:29:33 +0000</pubDate>
		<dc:creator>Guillaume DE LA RUE</dc:creator>
				<category><![CDATA[autosuggest]]></category>
		<category><![CDATA[Css]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Mes travaux]]></category>
		<category><![CDATA[search engine]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web2.0]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[autocomplete jquery]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[how to]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://web2ajax.fr/2008/02/03/facebook-like-jquery-and-autosuggest-search-engine/</guid>
		<description><![CDATA[FaceBook Autosuggest Like is a powerful jQuery plugin to transform an input field into a real time autocompletion search engine, designed like facebook one.This plugin require jQuery libs and the autocompletion plugin 'Bsn Autosuggest".On custom side, make an ajax request and build search plugins to categorize your results.Features : - Autocomplete and ajax support - [...]]]></description>
			<content:encoded><![CDATA[<div class="entry"><div class='post-thumbnail' ><a href='http://www.web2ajax.fr/2008/02/03/facebook-like-jquery-and-autosuggest-search-engine/' title='Permanent link to FaceBook Like &#8211; jQuery and autosuggest Search Engine'><img src='http://www.web2ajax.fr/thumb.php?i=http://www.web2ajax.fr/wp-content/uploads/2008/02/facebook_searchengine.png&w=200' alt='FaceBook Like &#8211; jQuery and autosuggest Search Engine'  /></a></div>
<div class="content">FaceBook Autosuggest Like is a powerful jQuery plugin to transform an input field into a real time autocompletion search engine, designed like facebook one.<br><br>This plugin require jQuery libs and the autocompletion plugin 'Bsn Autosuggest".<br><br>On custom side, make an ajax request and build search plugins to categorize your results.<br><br>Features : <br>- Autocomplete and ajax support <br>- Database search <br>- Support search plugins <br>- Support cache <br>- Cross Browser support ( IE > 5.5, FireFox, Safari, Opera ) <br><br>I let u see the demo...<br>Have Fun !</div></div><div class="buttons"><div class="go_demo"><a href="http://www.web2ajax.fr/examples/facebook_searchengine/" target="_blank" title="Link to demo page of FaceBook Like &#8211; jQuery and autosuggest Search Engine"><img src="https://s3.amazonaws.com/web2ajax/Web2ajax_v2/img/button_demo.png" width="198" height="60"></a></div></div>
	<div class="clearfix"></div>

<p>Related posts:<ol><li>&nbsp;<a href='http://www.web2ajax.fr/2010/10/04/developpement-dun-application-facebook-le-grand-quizz-du-sport/' rel='bookmark' title='Développement d&#8217;un application facebook : &#8216;Le Grand Quizz du Sport&#8217;'>Développement d&#8217;un application facebook : &#8216;Le Grand Quizz du Sport&#8217;</a></li>
<li>&nbsp;<a href='http://www.web2ajax.fr/2010/03/05/genius-menu-jquery-plugin-like-macos-dock-menu-effect/' rel='bookmark' title='Genius Menu &#8211; jQuery plugin Like MacOS Dock Menu Effect'>Genius Menu &#8211; jQuery plugin Like MacOS Dock Menu Effect</a></li>
<li>&nbsp;<a href='http://www.web2ajax.fr/2011/01/13/patator-facebook-game-in-canvas-and-html5/' rel='bookmark' title='PATATOR : Facebook Game in Canvas and HTML5'>PATATOR : Facebook Game in Canvas and HTML5</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.web2ajax.fr/2008/02/03/facebook-like-jquery-and-autosuggest-search-engine/feed/</wfw:commentRss>
		<slash:comments>202</slash:comments>
		</item>
		<item>
		<title>Ouverture du Blog !!</title>
		<link>http://www.web2ajax.fr/2007/08/20/ouverture-du-blog/</link>
		<comments>http://www.web2ajax.fr/2007/08/20/ouverture-du-blog/#comments</comments>
		<pubDate>Mon, 20 Aug 2007 15:25:48 +0000</pubDate>
		<dc:creator>Guillaume DE LA RUE</dc:creator>
				<category><![CDATA[Mes travaux]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[ouverture]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[Web2.0]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://start5g.ovh.net/~webajax/2007/08/20/ouverture-du-blog/</guid>
		<description><![CDATA[Développeur de profession et avant tout accro aux nouvelles technologies du web, j'ai décidé d'ouvrir www.web2ajax.fr afin de vous faire partager mes lectures, trouvailles et expériences personnelles. Parce qu'il serait prétentieux de vous dire que toute l'actualité du web2.0 passera par Web2Ajax.fr, je souhaite en tout cas faire en sorte que ce site devienne incontournable [...]]]></description>
			<content:encoded><![CDATA[<div class="entry"><div class='post-thumbnail' ><a href='http://www.web2ajax.fr/2007/08/20/ouverture-du-blog/' title='Permanent link to Ouverture du Blog !!'><img src='http://www.web2ajax.fr/thumb.php?i=http://start5g.ovh.net/~webajax/usr_files/blog/3.1_logoGraphic.gif&w=200' alt='Ouverture du Blog !!'  /></a></div>
<div class="content">Développeur de profession et avant tout accro aux nouvelles technologies du web, j'ai décidé d'ouvrir www.web2ajax.fr afin de vous faire partager mes lectures, trouvailles et expériences personnelles. <br><br>Parce qu'il  serait prétentieux de vous dire que toute l'actualité du web2.0 passera par Web2Ajax.fr, je souhaite en tout cas faire en sorte que ce site devienne incontournable et une aide précieuse pour les développeurs.  Alors à très bientôt et n'hésitez pas à repasser dans le coin et participer aux sujets.</div></div><div class="buttons"></div>
	<div class="clearfix"></div>

<p>Related posts:<ol><li>&nbsp;<a href='http://www.web2ajax.fr/2010/03/19/new-blog-design-on-web2ajax/' rel='bookmark' title='New Blog Design on web2ajax !'>New Blog Design on web2ajax !</a></li>
<li>&nbsp;<a href='http://www.web2ajax.fr/2007/09/18/dans-la-serie-generateurs-web20/' rel='bookmark' title='Dans la série Générateurs Web2.0'>Dans la série Générateurs Web2.0</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.web2ajax.fr/2007/08/20/ouverture-du-blog/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic page generated in 0.933 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2012-02-04 12:51:49 -->
<!-- Compression = gzip -->
