<?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>JQuery, PHP, html, design... // arnaud-k : un blog de geek &#187; portfolio</title>
	<atom:link href="http://blog.arnaud-k.fr/tag/portfolio/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.arnaud-k.fr</link>
	<description>Le blog JQuery, Html, Web Design</description>
	<lastBuildDate>Thu, 21 Apr 2011 08:10:17 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Web design du jour #23 : Adam Dannaway</title>
		<link>http://blog.arnaud-k.fr/2010/09/21/web-design-du-jour-23-adam-dannaway/</link>
		<comments>http://blog.arnaud-k.fr/2010/09/21/web-design-du-jour-23-adam-dannaway/#comments</comments>
		<pubDate>Tue, 21 Sep 2010 06:44:25 +0000</pubDate>
		<dc:creator>arnaud</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[daily design]]></category>
		<category><![CDATA[portfolio]]></category>

		<guid isPermaLink="false">http://blog.arnaud-k.fr/?p=1855</guid>
		<description><![CDATA[Aujourd&#8217;hui, c&#8217;est un assez gros coup de coeur que le design du portfolio d&#8217;Adam Dannaway. La page d&#8217;accueil représente bien le côté parfois schizophrène dans la création de site web. Avec d&#8217;un côté le graphisme du site et de l&#8217;autre&#160;[...]</p> <p class="read-more"><a class="gray normal" href="http://blog.arnaud-k.fr/2010/09/21/web-design-du-jour-23-adam-dannaway/">Lire la suite&#160;&#62;&#62;</a></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.arnaud-k.fr%2F2010%2F09%2F21%2Fweb-design-du-jour-23-adam-dannaway%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.arnaud-k.fr%2F2010%2F09%2F21%2Fweb-design-du-jour-23-adam-dannaway%2F&amp;source=arnaudk&amp;style=compact&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p style="text-align: left;"><a href="http://www.adhamdannaway.com/"><img class="aligncenter size-full wp-image-1856" title="daily-design-adamdannaway" src="http://blog.arnaud-k.fr/wp-content/uploads/2010/09/daily-design-adamdannaway.jpg" alt="" width="600" height="209" /></a>Aujourd&#8217;hui, c&#8217;est un assez gros coup de coeur que le design du <a href="http://www.adhamdannaway.com/">portfolio d&#8217;Adam Dannaway</a>. La page d&#8217;accueil représente bien <strong>le côté parfois schizophrène dans la création de site web</strong>. Avec d&#8217;un côté le graphisme du site et de l&#8217;autre le développement.</p>
<p style="text-align: left;"><strong>On sent que le site est bien fait, bien fini</strong>. Les légères animations Javascript (faites avec Mootools) apporte un plus. Le <strong>design reste néanmoins assez sobre</strong> avec son fond blanc et ses textes en noir. Ses réalisations sont bien mises en avant.</p>
<p style="text-align: left;">Pour moi, c&#8217;est un site à garder précieusement dans mon Delicious ! <img src='http://blog.arnaud-k.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>


<p>Pas encore de billet sur le même sujet !</p>]]></content:encoded>
			<wfw:commentRss>http://blog.arnaud-k.fr/2010/09/21/web-design-du-jour-23-adam-dannaway/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>2 superbes sites avec du JQuery</title>
		<link>http://blog.arnaud-k.fr/2010/01/13/2-superbes-sites-avec-du-jquery/</link>
		<comments>http://blog.arnaud-k.fr/2010/01/13/2-superbes-sites-avec-du-jquery/#comments</comments>
		<pubDate>Wed, 13 Jan 2010 11:40:02 +0000</pubDate>
		<dc:creator>arnaud</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[arnaud-k]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[portfolio]]></category>

		<guid isPermaLink="false">http://blog.arnaud-k.fr/?p=1550</guid>
		<description><![CDATA[Pour reprendre les (bonnes) habitudes, une petite présentation de deux sites web très réussis graphiquement et qui présente la particularité d&#8217;être animés avec du JQuery. Le premier est le portfolio d&#8217;un web designer australien : Jay Hollywood. Un design sur&#160;[...]</p> <p class="read-more"><a class="gray normal" href="http://blog.arnaud-k.fr/2010/01/13/2-superbes-sites-avec-du-jquery/">Lire la suite&#160;&#62;&#62;</a></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.arnaud-k.fr%2F2010%2F01%2F13%2F2-superbes-sites-avec-du-jquery%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.arnaud-k.fr%2F2010%2F01%2F13%2F2-superbes-sites-avec-du-jquery%2F&amp;source=arnaudk&amp;style=compact&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Pour reprendre les (bonnes) habitudes, une petite présentation de deux sites web très réussis graphiquement et qui présente la particularité d&#8217;être <strong>animés avec du JQuery</strong>.</p>
<p><a href="http://www.jayhollywood.com.au/"><img class="aligncenter size-full wp-image-1551" title="jay-hollywood" src="http://blog.arnaud-k.fr/wp-content/uploads/2010/01/jay-hollywood.jpg" alt="" width="600" height="286" /></a>Le premier est <strong>le portfolio d&#8217;un web designer australien</strong> : <a href="http://www.jayhollywood.com.au/">Jay Hollywood</a>. Un design sur fond gris (toujours classe si bien réalisé !). Le fun commence sur la page d&#8217;accueil avec le slider : l&#8217;effet de mise en avant est vraiment bien fait avec des effets d&#8217;ombre porté et de masque sur les éléments à droite et à gauche. <strong>On retrouve du JQuery sur toutes les pages du site</strong>. Les illustrations de l&#8217;en-tête du site sont toutes nickel je trouve. Enfin je suis également fan du formulaire du contact et du petit effet de transition lorsque l&#8217;on clique sur &laquo;&nbsp;Just saying Hello&nbsp;&raquo;&#8230;</p>
<p><a href="http://indofolio.com/"><img class="aligncenter size-full wp-image-1552" title="indofolio" src="http://blog.arnaud-k.fr/wp-content/uploads/2010/01/indofolio.jpg" alt="" width="600" height="306" /></a>Le deuxième est totalement différent. <a href="http://indofolio.com/">Indofolio</a> <strong>est le portfolio d&#8217;un web designer indien</strong>. Il fait partie des sites web dits horizontaux. Sa particularité (outre son design particulièrement réussi) est dans les effets de transition : <strong>une sorte d&#8217;effet Parallax</strong>. En effet il a donné de la profondeur au site, les images des différents plans ne se déplace pas à la même vitesse. Autre petit effet sympa est le drag&#8217;n'drop sur la partie &laquo;&nbsp;My Network&nbsp;&raquo; pour être redirigé vers la page voulue.</p>
<p>Enfin, je peux également citer <strong>le re-design de mon portfolio</strong> : <a href="http://arnaud-k.fr">arnaud-k.fr</a> (également avec de JQuery) mais j&#8217;y reviendrai bientôt ! <img src='http://blog.arnaud-k.fr/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>


<p>Pas encore de billet sur le même sujet !</p>]]></content:encoded>
			<wfw:commentRss>http://blog.arnaud-k.fr/2010/01/13/2-superbes-sites-avec-du-jquery/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>DeviantArt se lance dans la création de portofolio en ligne</title>
		<link>http://blog.arnaud-k.fr/2009/07/21/deviantart-se-lance-dans-la-creation-de-portofolio-en-ligne/</link>
		<comments>http://blog.arnaud-k.fr/2009/07/21/deviantart-se-lance-dans-la-creation-de-portofolio-en-ligne/#comments</comments>
		<pubDate>Tue, 21 Jul 2009 11:19:35 +0000</pubDate>
		<dc:creator>arnaud</dc:creator>
				<category><![CDATA[news du web]]></category>
		<category><![CDATA[deviantArt]]></category>
		<category><![CDATA[portfolio]]></category>

		<guid isPermaLink="false">http://blog.arnaud-k.fr/?p=923</guid>
		<description><![CDATA[Je suis tombé dessus tout à l&#8217;heure losrque je cherchais une illustration pour mon article sur les applications Iphone sur DeviantArt. DeviantArt annonce donc qu&#8217;il est maintenant possible possible de créer son portfolio sur le site ! Le portfolio peut&#160;[...]</p> <p class="read-more"><a class="gray normal" href="http://blog.arnaud-k.fr/2009/07/21/deviantart-se-lance-dans-la-creation-de-portofolio-en-ligne/">Lire la suite&#160;&#62;&#62;</a></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.arnaud-k.fr%2F2009%2F07%2F21%2Fdeviantart-se-lance-dans-la-creation-de-portofolio-en-ligne%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.arnaud-k.fr%2F2009%2F07%2F21%2Fdeviantart-se-lance-dans-la-creation-de-portofolio-en-ligne%2F&amp;source=arnaudk&amp;style=compact&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><img class="aligncenter size-full wp-image-924" title="portfolio-deviant" src="http://blog.arnaud-k.fr/wp-content/uploads/2009/07/portfolio-deviant.png" alt="portfolio-deviant" width="600" height="200" /></p>
<p>Je suis tombé dessus tout à l&#8217;heure losrque je cherchais une illustration pour mon article sur les <a href="http://blog.arnaud-k.fr/2009/news-du-web/les-meilleurs-applications-iphone-selon-moi/">applications Iphone</a> sur <a href="http://www.deviantart.com">DeviantArt</a>.</p>
<p>DeviantArt annonce donc qu&#8217;il est maintenant possible possible de <a href="http://portfolio.deviantart.com/">créer son portfolio</a> sur le site ! Le portfolio peut ne pas être lié à une galerie DeviantArt et est (apparamment) peu personnalisable graphiquement. Au vu des quelques démonstrations déjà disponibles, et de la vidéo de présentation, les styles sont assez épurés et permettent de mettre pleinement en avant vos créations. La version gratuite est limitée à 100 photos et l&#8217;url du portfolio sera de la forme : http://lepseudo.daportfolio.com</p>
<p>Bien sûr, il existe une version payante qui permet plus de personnalisation, plus de domaines disponibles et permet un nombre illimité de photos.</p>
<p><strong>Si la version gratuite s&#8217;étoffe</strong> (notamment en terme de personnalisation gratuite), <strong>cela peut devenir une bonne solution</strong> pour créer facilement son portfolio sans aucune notion technique. En attendant, les portfolios se ressembleront tous&#8230;</p>


<p>Pas encore de billet sur le même sujet !</p>]]></content:encoded>
			<wfw:commentRss>http://blog.arnaud-k.fr/2009/07/21/deviantart-se-lance-dans-la-creation-de-portofolio-en-ligne/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Inspiration du vendredi : 3 portfolios</title>
		<link>http://blog.arnaud-k.fr/2009/05/22/inspiration-du-vendredi-3-portfolios/</link>
		<comments>http://blog.arnaud-k.fr/2009/05/22/inspiration-du-vendredi-3-portfolios/#comments</comments>
		<pubDate>Fri, 22 May 2009 11:20:46 +0000</pubDate>
		<dc:creator>arnaud</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[portfolio]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://blog.arnaud-k.fr/?p=565</guid>
		<description><![CDATA[Pour tout ceux qui ne font pas le pont aujourd&#8217;hui (et un peu pour les autres aussi ), voici divers portfolios au design étonnant (et réussi !) : Working Element Lendl Allen K4 laboratory (mon coup de coeur de la&#160;[...]</p> <p class="read-more"><a class="gray normal" href="http://blog.arnaud-k.fr/2009/05/22/inspiration-du-vendredi-3-portfolios/">Lire la suite&#160;&#62;&#62;</a></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.arnaud-k.fr%2F2009%2F05%2F22%2Finspiration-du-vendredi-3-portfolios%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.arnaud-k.fr%2F2009%2F05%2F22%2Finspiration-du-vendredi-3-portfolios%2F&amp;source=arnaudk&amp;style=compact&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Pour tout ceux qui ne font pas le pont aujourd&#8217;hui (et un peu pour les autres aussi <img src='http://blog.arnaud-k.fr/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  ), voici divers portfolios au design étonnant (et réussi !) :</p>
<p><a href="http://www.bart.drl.pl/test/">Working Element</a></p>
<p><a href="http://www.bart.drl.pl/test/"><img class="aligncenter size-full wp-image-566" title="working element" src="http://blog.arnaud-k.fr/wp-content/uploads/2009/05/portfolio2-1.jpg" alt="working element" width="600" height="200" /></a></p>
<p><a href="http://www.lendlallenvtrazo.com/">Lendl Allen</a></p>
<p><a href="http://www.lendlallenvtrazo.com/"><img class="aligncenter size-full wp-image-567" title="Lindl allen" src="http://blog.arnaud-k.fr/wp-content/uploads/2009/05/portfolio2-2.jpg" alt="Lindl allen" width="600" height="200" /></a></p>
<p><a href="http://www.k4lab.info/eng/indexeng.htm">K4 laboratory</a> (mon coup de coeur de la semaine)</p>
<p><a href="http://www.k4lab.info/eng/indexeng.htm"><img class="aligncenter size-full wp-image-568" title="K4 laboratory" src="http://blog.arnaud-k.fr/wp-content/uploads/2009/05/portfolio2-3.jpg" alt="K4 laboratory" width="600" height="200" /></a></p>


<p>Pas encore de billet sur le même sujet !</p>]]></content:encoded>
			<wfw:commentRss>http://blog.arnaud-k.fr/2009/05/22/inspiration-du-vendredi-3-portfolios/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Portfolio webdesign : Peter Pearson</title>
		<link>http://blog.arnaud-k.fr/2009/04/10/portfolio-webdesign-peter-pearson/</link>
		<comments>http://blog.arnaud-k.fr/2009/04/10/portfolio-webdesign-peter-pearson/#comments</comments>
		<pubDate>Fri, 10 Apr 2009 11:27:44 +0000</pubDate>
		<dc:creator>arnaud</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[portfolio]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://blog.arnaud-k.fr/?p=147</guid>
		<description><![CDATA[Un beau portfolio comme je les aime : Peter Pearson! C&#8217;est simple, épuré et efficace. L&#8217;utilisation de JQuery avec un plugin du même type que celui permettant de faire défiler (présenté précédemment), mais utilisé sur toute la page. Avec, en&#160;[...]</p> <p class="read-more"><a class="gray normal" href="http://blog.arnaud-k.fr/2009/04/10/portfolio-webdesign-peter-pearson/">Lire la suite&#160;&#62;&#62;</a></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.arnaud-k.fr%2F2009%2F04%2F10%2Fportfolio-webdesign-peter-pearson%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.arnaud-k.fr%2F2009%2F04%2F10%2Fportfolio-webdesign-peter-pearson%2F&amp;source=arnaudk&amp;style=compact&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://www.peter-pearson.com/"><img class="aligncenter size-full wp-image-148" title="Portfolio Peter Pearson, webdesign" src="http://blog.arnaud-k.fr/wp-content/uploads/2009/04/peter-pearson.png" alt="Portfolio Peter Pearson, webdesign" width="600" height="300" /></a></p>
<p>Un beau portfolio comme je les aime : <a href="http://www.peter-pearson.com/">Peter Pearson!</a> C&#8217;est simple, épuré et efficace. L&#8217;utilisation de JQuery avec un plugin du même type que celui permettant de faire défiler (<a href="http://blog.arnaud-k.fr/2009/developpement-web/tutorial-plugin-jquery-defilement-horizontal-scrollable/">présenté précédemment</a>), mais utilisé sur toute la page. Avec, en plus un effet d&#8217;apparition sur les lignes (sur la gauche). Une fois de plus, on voit qu&#8217;on peut faire un site joliment animé sans utiliser flash!</p>


<p>Pas encore de billet sur le même sujet !</p>]]></content:encoded>
			<wfw:commentRss>http://blog.arnaud-k.fr/2009/04/10/portfolio-webdesign-peter-pearson/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

