<?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"
	>

<channel>
	<title>2803 webdesign &#124; webdesign, css, graphisme, scripts... &#187; tutorial</title>
	<atom:link href="http://webdesign.2803.com/category/tutorial/feed/" rel="self" type="application/rss+xml" />
	<link>http://webdesign.2803.com</link>
	<description>2803 webdesign est un blog sur le design de sites internet et des blogs. Ce blog présente quelques bonnes pratiques qui nous semble pertinentes et efficaces.</description>
	<pubDate>Mon, 19 May 2008 12:47:32 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5.1</generator>
	<language>en</language>
			<item>
		<title>Refaire l&#8217;effet du dock d&#8217;Apple</title>
		<link>http://webdesign.2803.com/tutorial/refaire-leffet-du-dock-dapple/</link>
		<comments>http://webdesign.2803.com/tutorial/refaire-leffet-du-dock-dapple/#comments</comments>
		<pubDate>Thu, 22 Nov 2007 14:35:14 +0000</pubDate>
		<dc:creator>henri</dc:creator>
		
		<category><![CDATA[tutorial]]></category>

		<category><![CDATA[dock apple]]></category>

		<category><![CDATA[effet dock]]></category>

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

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

		<guid isPermaLink="false">http://webdesign.2803.com/tutorial/refaire-leffet-du-dock-dapple/</guid>
		<description><![CDATA[<p>Sur le site de <a href="http://zend.lojcomm.com.br/">Fabio Zendhi Nagao</a> je viens de tomber sur un petit script très sympa qui permet de reproduire l&#8217;effet du dock d&#8217;Apple avec des icônes de navigation par exemple.</p>
<p></p>
<p><img src="http://webdesign.2803.com/wp-content/uploads/2007/11/effet-dock-apple.jpg" width="500" height="157" alt="effet dock apple" class="imageframe" /></p>
<p>Ce script est basé sur la librairie Mootools. Plus de détails sur la <a href="http://zend.lojcomm.com.br/ifisheye/">page relative à cet effet</a>.</p>
</ul> <h3>Articles en rapport</h3><ul><dl>-<a href="http://webdesign.2803.com/tutorial/refaire-leffet-du-dock-dapple/" rel="bookmark" title="Permanent Link: Refaire l&#8217;effet du dock d&#8217;Apple">Refaire l&#8217;effet du dock d&#8217;Apple</a></dl><dl>-<a href="http://webdesign.2803.com/divers/les-dangers-des-hacks-css/" rel="bookmark" title="Permanent Link: Les dangers des hacks CSS">Les dangers des hacks CSS</a></dl><hr /><small>Copyright &copy; 2007<br /> Vous ne pouvez que diffuser que des extraits des articles de <a href="http://webdesign.2803.com">webdesign 2803</a> tout en citant vos sources ou demander l'autorisation de publication. L'usage du flux RSS de webdesign 2803 n'est autorisé que dans les aggrégateurs rss personnels (non indexés dans les moteurs de recherche). (digitalfingerprint: c6704c066db6df676f80faab19b9aafb)</small>]]></description>
		<wfw:commentRss>http://webdesign.2803.com/tutorial/refaire-leffet-du-dock-dapple/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Tutoriel - comment faire des boutons en css</title>
		<link>http://webdesign.2803.com/css/tutoriel-comment-faire-des-boutons-en-css/</link>
		<comments>http://webdesign.2803.com/css/tutoriel-comment-faire-des-boutons-en-css/#comments</comments>
		<pubDate>Wed, 25 Jul 2007 07:14:49 +0000</pubDate>
		<dc:creator>damien</dc:creator>
		
		<category><![CDATA[css]]></category>

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

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

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

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

		<guid isPermaLink="false">http://webdesign.2803.com/2007/07/25/tutoriel-comment-faire-des-boutons-en-css/</guid>
		<description><![CDATA[<p><a href="http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html"><img src="http://webdesign.2803.com/wp-content/uploads/2007/07/image-2.png" title="boutons" alt="boutons" class="imageframe" align="middle" height="53" width="266" /></a></p>
<p></p>
<p>Voici un petit<a href="http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html"></a> <a href="http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html">tutoriel</a> simple et rapide qui vous permettra de faire des boutons proprement en css si vous ne faites pas déjà. C&#8217;est multinavigateur et la technique est mutualisable pour tout type de background. A voir <a href="http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html">ici</a>.</p>
</ul> <h3>Articles en rapport</h3><ul><dl>-<a href="http://webdesign.2803.com/css/tutoriel-comment-faire-des-boutons-en-css/" rel="bookmark" title="Permanent Link: Tutoriel - comment faire des boutons en css">Tutoriel - comment faire des boutons en css</a></dl><dl>-<a href="http://webdesign.2803.com/design/achtung-liste-de-tutorial-pour-reussir-visuellement-vos-sites-dans-la-mouvance-20/" rel="bookmark" title="Permanent Link: Achtung, liste de tutorial pour réussir visuellement vos sites dans la mouvance 2.0">Achtung, liste de tutorial pour réussir visuellement vos sites dans la mouvance 2.0</a></dl><dl>-<a href="http://webdesign.2803.com/tutorial/tutoriel-faire-un-logo-en-1-minute/" rel="bookmark" title="Permanent Link: Tutoriel | Faire un logo en 1 minute">Tutoriel | Faire un logo en 1 minute</a></dl><dl>-<a href="http://webdesign.2803.com/illustrator/tutorial-pour-faire-des-etoiles-vectorielles-en-3d/" rel="bookmark" title="Permanent Link: Tutorial pour faire des étoiles vectorielles en 3D">Tutorial pour faire des étoiles vectorielles en 3D</a></dl><dl>-<a href="http://webdesign.2803.com/outils/integrer-un-graph-sur-un-site-autrement-quavec-une-image/" rel="bookmark" title="Permanent Link: Intégrer un graph sur un site autrement qu&#8217;avec une image">Intégrer un graph sur un site autrement qu&#8217;avec une image</a></dl><hr /><small>Copyright &copy; 2007<br /> Vous ne pouvez que diffuser que des extraits des articles de <a href="http://webdesign.2803.com">webdesign 2803</a> tout en citant vos sources ou demander l'autorisation de publication. L'usage du flux RSS de webdesign 2803 n'est autorisé que dans les aggrégateurs rss personnels (non indexés dans les moteurs de recherche). (digitalfingerprint: c6704c066db6df676f80faab19b9aafb)</small>]]></description>
		<wfw:commentRss>http://webdesign.2803.com/css/tutoriel-comment-faire-des-boutons-en-css/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Tutoriel &#124; Faire un logo en 1 minute</title>
		<link>http://webdesign.2803.com/tutorial/tutoriel-faire-un-logo-en-1-minute/</link>
		<comments>http://webdesign.2803.com/tutorial/tutoriel-faire-un-logo-en-1-minute/#comments</comments>
		<pubDate>Fri, 08 Jun 2007 19:54:10 +0000</pubDate>
		<dc:creator>henri</dc:creator>
		
		<category><![CDATA[photoshop]]></category>

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

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

		<category><![CDATA[web-2.0]]></category>

		<guid isPermaLink="false">http://webdesign.2803.com/2007/06/08/tutoriel-faire-un-logo-en-1-minute/</guid>
		<description><![CDATA[<p>Comme vous l&#8217;avez peut être constaté je viens de faire une mise à jour des logos des sites 2803. C&#8217;est un truc de dingue je ne tiens pas plus de 4 mois avec le même logo&#8230; Cela n&#8217;est d&#8217;ailleurs pas bon pour l&#8217;identification des sites!</p>
<p></p>
<p><img src="http://webdesign.2803.com/wp-content/uploads/2007/06/logo2803.jpg" width="500" height="300" alt="logos 2803" class="imageframe" /></p>
<p>Donc pour faire ces nouvelles versions je me suis appuyé sur le <a href="http://www.babylon-design.com/site/index.php/2006/05/12/124-logo-texte-style-web-2">tutoriel de Babylon Design</a> qui utilise en revanche une version française de photoshop (à vous de retrouver les équivalents us si vous avez la version anglaise du logiciel).</p>
<p>Le tutoriel est simple et la manipulation très rapide pour un effet très web 2.0&#8230; A vous de <a href="http://www.babylon-design.com/site/index.php/2006/05/12/124-logo-texte-style-web-2">photoshoper votre logo</a>!</p>
</ul> <h3>Articles en rapport</h3><ul><dl>-<a href="http://webdesign.2803.com/tutorial/tutoriel-faire-un-logo-en-1-minute/" rel="bookmark" title="Permanent Link: Tutoriel | Faire un logo en 1 minute">Tutoriel | Faire un logo en 1 minute</a></dl><dl>-<a href="http://webdesign.2803.com/ressource/le-guide-pour-faire-un-design-de-logo/" rel="bookmark" title="Permanent Link: Le guide pour faire un design de logo">Le guide pour faire un design de logo</a></dl><dl>-<a href="http://webdesign.2803.com/couleur/la-tendance-des-logos-en-2008/" rel="bookmark" title="Permanent Link: La tendance des logos en 2008">La tendance des logos en 2008</a></dl><dl>-<a href="http://webdesign.2803.com/css/tutoriel-comment-faire-des-boutons-en-css/" rel="bookmark" title="Permanent Link: Tutoriel - comment faire des boutons en css">Tutoriel - comment faire des boutons en css</a></dl><dl>-<a href="http://webdesign.2803.com/photoshop/ajouter-un-effet-flare-sur-une-image/" rel="bookmark" title="Permanent Link: Ajouter un effet flare sur une image">Ajouter un effet flare sur une image</a></dl><hr /><small>Copyright &copy; 2007<br /> Vous ne pouvez que diffuser que des extraits des articles de <a href="http://webdesign.2803.com">webdesign 2803</a> tout en citant vos sources ou demander l'autorisation de publication. L'usage du flux RSS de webdesign 2803 n'est autorisé que dans les aggrégateurs rss personnels (non indexés dans les moteurs de recherche). (digitalfingerprint: c6704c066db6df676f80faab19b9aafb)</small>]]></description>
		<wfw:commentRss>http://webdesign.2803.com/tutorial/tutoriel-faire-un-logo-en-1-minute/feed/</wfw:commentRss>
		</item>
		<item>
		<title>&#8220;je sais pas comment faire &#8230;&#8221;</title>
		<link>http://webdesign.2803.com/flash/je-sais-pas-comment-faire/</link>
		<comments>http://webdesign.2803.com/flash/je-sais-pas-comment-faire/#comments</comments>
		<pubDate>Sun, 25 Mar 2007 12:38:56 +0000</pubDate>
		<dc:creator>Charles</dc:creator>
		
		<category><![CDATA[flash]]></category>

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

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

		<guid isPermaLink="false">http://webdesign.2803.com/2007/03/25/je-sais-pas-comment-faire/</guid>
		<description><![CDATA[<p style="text-align: center"><img src="http://webdesign.2803.com/wp-content/uploads/2007/03/image-2.png" alt="FlashDen" class="imageframe" height="89" width="500" /></p>
<p></p>
<p align="left">Voilà un site communautaire qui peut répondre au besoin du plus grand nombre ! En effet, voici une banque de fichiers flash, audio, vidéos mais aussi de fonts pour le design de votre site .</p>
<p align="left"><a href="http://flashden.net" title="Flash Den" target="_blank">FlashDen</a> est un site extrèmement bien fait dans une logique web 2.0, avec des fichiers de qualité.</p>
<p align="left">L&#8217;ensemble des ressources sont payantes bien évidement. Le système marche sous forme de crédit. 1 euro = 1 crédit ! Mais il faut savoir que les animations flash dans tout domaines dépassent rarement 6 à 8 crédits.</p>
<p align="left">Et pour tout ceux qui ne souhaitent pas dépenser 1 yuen, il reste toujours les tutoriaux (en nombre) entièrement gratuit !</p>
<p align="left">Et pour ceux qui touchent un peu plus à flash, des compétitions sont organisées, de quoi se faire plaisir !</p>
<p align="center"><img src="http://webdesign.2803.com/wp-content/uploads/2007/03/image-3.jpg" alt="Flash Den 2" class="imageframe" height="321" width="336" /></p>
<p align="center">Pour voir des exmple en temps réel de ce que vous pouvez trouver sur ce site, c&#8217;est <a href="http://flashden.net/showroom/site.html" title="Exemples" target="_blank">ici </a>que ça se passe</p>
<p align="left">&nbsp;</p>
</ul> <h3>Articles en rapport</h3><ul><dl>-<a href="http://webdesign.2803.com/flash/je-sais-pas-comment-faire/" rel="bookmark" title="Permanent Link: &#8220;je sais pas comment faire &#8230;&#8221;">&#8220;je sais pas comment faire &#8230;&#8221;</a></dl><dl>-<a href="http://webdesign.2803.com/illustrator/tutorial-pour-faire-des-etoiles-vectorielles-en-3d/" rel="bookmark" title="Permanent Link: Tutorial pour faire des étoiles vectorielles en 3D">Tutorial pour faire des étoiles vectorielles en 3D</a></dl><dl>-<a href="http://webdesign.2803.com/outils/integrer-un-graph-sur-un-site-autrement-quavec-une-image/" rel="bookmark" title="Permanent Link: Intégrer un graph sur un site autrement qu&#8217;avec une image">Intégrer un graph sur un site autrement qu&#8217;avec une image</a></dl><dl>-<a href="http://webdesign.2803.com/design/achtung-liste-de-tutorial-pour-reussir-visuellement-vos-sites-dans-la-mouvance-20/" rel="bookmark" title="Permanent Link: Achtung, liste de tutorial pour réussir visuellement vos sites dans la mouvance 2.0">Achtung, liste de tutorial pour réussir visuellement vos sites dans la mouvance 2.0</a></dl><dl>-<a href="http://webdesign.2803.com/photo/faire-sortir-une-grenouille-de-sa-photo/" rel="bookmark" title="Permanent Link: Faire sortir une grenouille de sa photo">Faire sortir une grenouille de sa photo</a></dl><hr /><small>Copyright &copy; 2007<br /> Vous ne pouvez que diffuser que des extraits des articles de <a href="http://webdesign.2803.com">webdesign 2803</a> tout en citant vos sources ou demander l'autorisation de publication. L'usage du flux RSS de webdesign 2803 n'est autorisé que dans les aggrégateurs rss personnels (non indexés dans les moteurs de recherche). (digitalfingerprint: c6704c066db6df676f80faab19b9aafb)</small>]]></description>
		<wfw:commentRss>http://webdesign.2803.com/flash/je-sais-pas-comment-faire/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Vous débutez en PHP, voici 15 videos pour découvrir et progresser en PHP</title>
		<link>http://webdesign.2803.com/tutorial/vous-debutez-en-php-voici-15-videos-pour-decouvrir-et-progresser-en-php/</link>
		<comments>http://webdesign.2803.com/tutorial/vous-debutez-en-php-voici-15-videos-pour-decouvrir-et-progresser-en-php/#comments</comments>
		<pubDate>Mon, 19 Mar 2007 21:39:07 +0000</pubDate>
		<dc:creator>henri</dc:creator>
		
		<category><![CDATA[php]]></category>

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

		<guid isPermaLink="false">http://webdesign.2803.com/2007/03/19/vous-debutez-en-php-voici-15-videos-pour-decouvrir-et-progresser-en-php/</guid>
		<description><![CDATA[<p>Le php est avec le css la base technique des sites internet d&#8217;aujourd&#8217;hui, mais c&#8217;est un langage avec ses codes et ses règles. Afin d&#8217;initier les débutants, le site <a href="http://www.killerphp.com/">killerphp </a>propose 15 vidéos très bien faites qui vont vous donner une bonne base pour commencer à manier le php et faire ainsi vos premiers pas plus sereinement.</p>
<p></p>
<p>Vous trouverez donc <a href="http://www.killerphp.com/">15 videos</a> sur des définitions du PHP, sur l&#8217;installation d&#8217;un serveur de développement sur votre pc, sur vos premiers codes, sur les tableaux en php, etc&#8230;</p>
<p>A vous de coder maintenant.</p>
</ul> <h3>Articles en rapport</h3><ul><dl>-<a href="http://webdesign.2803.com/tutorial/vous-debutez-en-php-voici-15-videos-pour-decouvrir-et-progresser-en-php/" rel="bookmark" title="Permanent Link: Vous débutez en PHP, voici 15 videos pour découvrir et progresser en PHP">Vous débutez en PHP, voici 15 videos pour découvrir et progresser en PHP</a></dl><dl>-<a href="http://webdesign.2803.com/outils/lightwindow-un-lightbox-vraiment-booste/" rel="bookmark" title="Permanent Link: Lightwindow, un lightbox vraiment boosté">Lightwindow, un lightbox vraiment boosté</a></dl><dl>-<a href="http://webdesign.2803.com/couleur/kuler-par-adobe/" rel="bookmark" title="Permanent Link: kuler par adobe">kuler par adobe</a></dl><dl>-<a href="http://webdesign.2803.com/javascript/faire-un-effet-glossy-facilement/" rel="bookmark" title="Permanent Link: Faire un effet glossy facilement">Faire un effet glossy facilement</a></dl><dl>-<a href="http://webdesign.2803.com/css/webdesigners-voici-un-concours-pour-vous/" rel="bookmark" title="Permanent Link: Webdesigners voici un concours pour vous">Webdesigners voici un concours pour vous</a></dl><hr /><small>Copyright &copy; 2007<br /> Vous ne pouvez que diffuser que des extraits des articles de <a href="http://webdesign.2803.com">webdesign 2803</a> tout en citant vos sources ou demander l'autorisation de publication. L'usage du flux RSS de webdesign 2803 n'est autorisé que dans les aggrégateurs rss personnels (non indexés dans les moteurs de recherche). (digitalfingerprint: c6704c066db6df676f80faab19b9aafb)</small>]]></description>
		<wfw:commentRss>http://webdesign.2803.com/tutorial/vous-debutez-en-php-voici-15-videos-pour-decouvrir-et-progresser-en-php/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Faire un menu en CSS avec du javacript qui a de la gueule</title>
		<link>http://webdesign.2803.com/css/faire-un-menu-en-css-avec-du-javacript-qui-a-de-la-gueule/</link>
		<comments>http://webdesign.2803.com/css/faire-un-menu-en-css-avec-du-javacript-qui-a-de-la-gueule/#comments</comments>
		<pubDate>Sat, 17 Mar 2007 12:58:32 +0000</pubDate>
		<dc:creator>henri</dc:creator>
		
		<category><![CDATA[css]]></category>

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

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

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

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

		<guid isPermaLink="false">http://webdesign.2803.com/2007/03/17/faire-un-menu-en-css-avec-du-javacript-qui-a-de-la-gueule/</guid>
		<description><![CDATA[<p>Voici un <a href="http://devthought.com/cssjavascript-true-power-fancy-menu/">tutorial </a>très détaillé qui présente une méthode pour faire un menu animé très sympa avec une petite dose de CSS et un peu de javascript avec la librairie <a href="http://www.mootools.net/">Mootools</a>. </p>
<p></p>
<p>Pour une fois la procédure est bien documentée et c&#8217;est appréciable (je me souviens avoir passé quelques heures à piger mootools, ou du moins à la faire fonctionner sur 2803).</p>
<p><img src="http://webdesign.2803.com/wp-content/uploads/img150.imageshack.us/img150/642/screenshot645vo8.jpg" alt="mootools" /></p>
<p>Pour voir en live ce menu il suffit d&#8217;aller <a href="http://devthought.com/cssjavascript-true-power-fancy-menu/">ici</a>, le <a href="http://devthought.com/cssjavascript-true-power-fancy-menu/">tutorial </a>détaillé est d&#8217;ailleurs sous le menu&#8230;</p>
</ul> <h3>Articles en rapport</h3><ul><dl>-<a href="http://webdesign.2803.com/css/faire-un-menu-en-css-avec-du-javacript-qui-a-de-la-gueule/" rel="bookmark" title="Permanent Link: Faire un menu en CSS avec du javacript qui a de la gueule">Faire un menu en CSS avec du javacript qui a de la gueule</a></dl><dl>-<a href="http://webdesign.2803.com/css/une-sacree-liste-de-demo-en-css/" rel="bookmark" title="Permanent Link: Une sacrée liste de demo en CSS">Une sacrée liste de demo en CSS</a></dl><dl>-<a href="http://webdesign.2803.com/le-detail/le-detail-le-menu-sombre-le-contenu-clair/" rel="bookmark" title="Permanent Link: Le détail : le menu sombre le contenu clair">Le détail : le menu sombre le contenu clair</a></dl><dl>-<a href="http://webdesign.2803.com/photoshop/faire-un-favicon-dans-photoshop/" rel="bookmark" title="Permanent Link: Faire un favicon dans photoshop">Faire un favicon dans photoshop</a></dl><dl>-<a href="http://webdesign.2803.com/css/faire-une-barre-de-progression-en-css/" rel="bookmark" title="Permanent Link: Faire une barre de progression en CSS">Faire une barre de progression en CSS</a></dl><hr /><small>Copyright &copy; 2007<br /> Vous ne pouvez que diffuser que des extraits des articles de <a href="http://webdesign.2803.com">webdesign 2803</a> tout en citant vos sources ou demander l'autorisation de publication. L'usage du flux RSS de webdesign 2803 n'est autorisé que dans les aggrégateurs rss personnels (non indexés dans les moteurs de recherche). (digitalfingerprint: c6704c066db6df676f80faab19b9aafb)</small>]]></description>
		<wfw:commentRss>http://webdesign.2803.com/css/faire-un-menu-en-css-avec-du-javacript-qui-a-de-la-gueule/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
