<?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>Chergaoui.com &#187; webdesign</title>
	<atom:link href="http://chergaoui.com/tag/webdesign/feed" rel="self" type="application/rss+xml" />
	<link>http://chergaoui.com</link>
	<description>The personal space of Ahmed Chergaoui // Coming soon</description>
	<lastBuildDate>Tue, 22 May 2012 20:02:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Le best of Avril 2008</title>
		<link>http://chergaoui.com/web/bestof-avril-2008.html</link>
		<comments>http://chergaoui.com/web/bestof-avril-2008.html#comments</comments>
		<pubDate>Thu, 01 May 2008 12:35:01 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[bestof]]></category>
		<category><![CDATA[blogosphere]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Journées Gnu/Linux]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[publicité]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[ubuntu]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.chergaoui.com/?p=401</guid>
		<description><![CDATA[<p style="text-align: justify;">Avril est parti assez vite, il faut le dire ! Mais beaucoup de choses se sont passées sur le web, spécialement du côté du webdesign. Le libre a été aussi au rendez-vous, avec la sortie d&#8217;une nouvelle version de <strong>Ubuntu</strong>, libellé <strong>Hardy Heron</strong> (piaf audacieux)</p>
<p style="text-align: justify;">Sur ce qui suit, un petit&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Avril est parti assez vite, il faut le dire ! Mais beaucoup de choses se sont passées sur le web, spécialement du côté du webdesign. Le libre a été aussi au rendez-vous, avec la sortie d&#8217;une nouvelle version de <strong>Ubuntu</strong>, libellé <strong>Hardy Heron</strong> (piaf audacieux)</p>
<p style="text-align: justify;">Sur ce qui suit, un petit tours d&#8217;horizons de liens, vers ce qui a retenu le plus mon attention durant ce mois-ci. Vous remarquerez que la taille du Best-Of a été revu <strong>un peu</strong> à la baisse, pour plus d&#8217;efficacité (trop de choses à lire, tue la lecture <img src='http://chergaoui.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  ). La partie où je présentais les meilleurs articles du blog a été également supprimée &#8230; euuh &#8230; pour la même raison !</p>
<p style="text-align: justify;">Bonne lecture .. Et ne ratez pas la section Divers !</p>
<h4>Linux &amp; Logiciels Libres :</h4>
<p style="text-align: center;"><img class="alignnone size-full wp-image-403" title="bestof avril 1" src="http://www.chergaoui.com/wp-content/uploads/2008/05/bestof-avril-1.jpg" alt="bestof avril 1" width="500" height="150" /></p>
<ul>
<li>Comme je le disais en introduction, le libre a été au rendez-vous durant Avril. Et l&#8217;évènement qui a fait le plus de bruit, est la sortie de la version 8.04 (comprenez par là le mois 4 de l&#8217;année 2008) de <a title="Ubuntu 8.04" href="http://www.ubuntu.com/"><strong>Ubuntu</strong></a>.<br />
Cette nouvelle mouture est une <strong>LTS</strong> (pour <strong>Long Term Support</strong>), ce qui veut dire que vous aurez du support technique d&#8217;une période de <strong>3 ans</strong> pour la version <strong>Desktop</strong>, et <strong>5 ans </strong>pour la version <strong>Server</strong>. Un choix donc, judicieux pour les entreprises !<br />
Ubuntu 8.04 LTS est disponible en <strong>téléchargement gratuit</strong> sur le site officiel : <a title="Get Ubuntu 8.04" href="http://www.ubuntu.com/getubuntu/download">Get Ubuntu</a> !</li>
<li>Si vous voulez avoir un aperçu de ce que vous offre cette version en terme de nouveautés et fonctionnalités, rendez-vous sur l&#8217;article de WIRED : Ubuntu 8.04 Brings Power and Polish to the Linux Desktop.</li>
<li>Et apparemment, <a title="Nokia intégre Ubuntu et QT" href="http://www.silicon.fr/fr/news/2008/04/28/linux_s_invite_dans_les_portables_de_nokia">Nokia va intégrer Ubuntu (et QT)</a> dans certains de ses terminaux. Décidément, le monde des systèmes d&#8217;exploitation est entrain de changer !</li>
<li><a title="Fausse Pub Linux" href="http://www.dailymotion.com/video/x1y7uw_linux-fausse-pub_ads">Quelle est la différence entre une fenêtre et une pomme ? Aucune !</a> <img src='http://chergaoui.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </li>
<li>Et voici une simple et bonne raison pour aimer Linux :<a href="http://cerebrosuslens.blogspot.com/2008/04/ubuntu-vs-win-by-cerebrosus-lens-geek.html">This is why i love LINUX.</a></li>
<li>La 4ième édition des <strong>journées Gnu/Linux et logiciels libres </strong>se tiendra à <strong>Agadir</strong> pour le 8, 9 et 10 Mai. Le programme sera publié aussitôt communiqué par les organisateurs (cette fois ci je serais conférencier \o/ )</li>
</ul>
<h4><strong>Design :</strong></h4>
<p style="text-align: center;"><img class="alignnone size-full wp-image-404" title="bestof avril 2" src="http://www.chergaoui.com/wp-content/uploads/2008/05/bestof-avril-2.jpg" alt="bestof avril 2" width="500" height="150" /></p>
<ul>
<li>Avril a été le mois du web design par excellence. Des tonnes de ressources, de tutoriels, mais aussi de conférences ! Et les plus intéressantes, sont sans aucun doute , celles présentés lors du <a title="Future Of Web Design" href="http://www.futureofwebdesign.com/"><strong>Future Of Web Design</strong></a>, tenu à Londres le 17 et 18 Avril. Les présentations sont disponibles sur<a title="Future Of Web Design" href="http://www.futureofwebdesign.com/"> la page d&#8217;accueil du site</a>, en trois formats : slides, mp3 et vidéo. Enjoy !</li>
<li>Et si vous désirez lire un bon compte rendu, je vous invite à aller faire un tour du côté de Polo : <a title="FOWD London Review" href="http://splitdadiz.com/2008/04/26/fowd-london-08-review/">FOWD London Review</a>.</li>
<li><a title="Finding inspiration from design" href="http://silent-strength.com/?carnet/billet/269-Finding-inspiration-from-design-">Où trouvez-vous de l&#8217;inspiration ?</a></li>
<li>Avez-vous entendu parler de la polémique autour de<strong> <a title="WiLogo" href="http://www.mariejulien.com/?post/2008/03/27/Wilogo-et-nous%3A-suite-et-presque-fin">WiLogo</a></strong> ? Apparemment, il se passe de même du côté anglophone du web : une grosse polémique autour de <strong>99designs</strong>, un autre service de crowdsoursing. Et l&#8217;auteur de la critique ne mâche vraiment pas ses mots ! Y a qu&#8217;à voir le titre : <a title="99designs Bullshit 2.0" href="http://www.graphicpush.com/99designs-bullshit-20">99designs : Bullshit 2.0</a></li>
<li>Un autre débat qui a fait rage pendant le mois dernier, est celui concernant l&#8217;utilisation ou non des CSS Resets (notamment celui d&#8217;<a title="Reset CSS" href="http://meyerweb.com/eric/tools/css/reset/">Eric Meyer</a>). A l&#8217;origine, <a title="No CSS Reset" href="http://snook.ca/archives/html_and_css/no_css_reset/">l&#8217;article de <span class="poster">Jonathan </span>Snook qui dit que ça lui sert à rien</a>, <a title="Crafting Ourselves" href="http://meyerweb.com/eric/thoughts/2008/04/17/crafting-ourselves/">Eric Meyer</a> lui répond ensuite, puis un certain <a title="Jens Meiert" href="http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/">Jens Meiert</a> n&#8217;hésite pas à apporter son point de vue, et ainsi de suite &#8230;</li>
<li><strong>Rainbow</strong>, une police de caractères fraichement créée par fantique.ru et disponible en téléchargement gratuit : Rainbow Font.</li>
<li><a title="Bélier" href="http://amazingflow.wordpress.com/">Bélier</a> l&#8217;a demandé, et le voilà servi. <a title="Create a Sleek, High-End Web Design from Scratch" href="http://psdtuts.com/interface-tutorials/create-a-sleek-high-end-web-design-from-scratch/">Un excellent tutoriel pour réaliser un design super joli sous photoshop</a>.</li>
<li><a title="histoire d'une esperlutte" href="http://www.typography.com/ask/showBlog.php?blogID=98">Tout savoir sur l&#8217;histoire de l&#8217;esperluette &#8216;&amp;&#8217;</a>.</li>
</ul>
<h4><strong>WordPress :</strong></h4>
<p style="text-align: center;"><img class="alignnone size-full wp-image-405" title="bestof avril 3" src="http://www.chergaoui.com/wp-content/uploads/2008/05/bestof-avril-3.jpg" alt="bestof avril 3" width="500" height="150" /></p>
<ul>
<li><a title="WordPress Professor Theme" href="http://protocol7.net/themes/professor/"><strong>Professor Theme</strong></a>, un thème <strong>WordPress</strong> pour les essayistes et littéraires d&#8217;entre vous ! Personnellement, je suis fan <img src='http://chergaoui.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </li>
<li>La hiérarchie des templates WordPress en une seule image ! Très pratique !</li>
<li>30 choses à changer absolument pour la prochaine version de WordPress. Je suis d&#8217;accord sur pas mal de points, mais pas tous !</li>
</ul>
<h4>Divers :</h4>
<p style="text-align: center;"><img class="alignnone size-full wp-image-402" title="bestof avril 4" src="http://www.chergaoui.com/wp-content/uploads/2008/05/bestof-avril-4.jpg" alt="bestof avril 4" width="500" height="150" /></p>
<ul>
<li>Quelle nationalité êtes vous sur le lit <img src='http://chergaoui.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' />  ? Moi je suis congolais &#8230;. no comment !</li>
<li><a title="The Seven Deadly Sins of a Relationship" href="http://zenhabits.net/2008/04/the-seven-deadly-sins-of-a-relationship/">Les 7 erreurs fatales à éviter dans une relation amoureuse</a>.</li>
<li><a title="HelloCoton" href="http://www.exotech.biz/index.php/post/2008/04/29/HelloCoton">HelloCoton, le nouveau réseau social pour filles</a>. Prometteur !</li>
<li><strong>GTA 4</strong> est dans les bacs. C&#8217;est violent, vulgaire, stressant, mais c&#8217;est extra et époustouflant ! Il n&#8217;y a qu&#8217;à voir le teaser.</li>
<li><a title="LSD vs Alcohol vs Tree" href="http://wallout.com/lsd_vs_alcohol_vs_tree">LSD vs Alcohol vs Tree. Very funny !</a></li>
<li>Des fois, <a title="Calle 13 advertising" href="http://designyoutrust.com/2008/04/24/calle-13-advertising/">les publicités ça donne des sueurs froides, à l&#8217;image de celles de <strong>Calle 13</strong> !</a></li>
<li>Blog Day 2008 c&#8217;est ce week-end. Toutes les informations sont sur le site de <strong>Othmane Boumaalif</strong>, fraichement mis en ligne.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://chergaoui.com/web/bestof-avril-2008.html/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Comment réalisez-vous le design de votre site web ?</title>
		<link>http://chergaoui.com/design/comment-realisez-vous-le-design-de-votre-site-web.html</link>
		<comments>http://chergaoui.com/design/comment-realisez-vous-le-design-de-votre-site-web.html#comments</comments>
		<pubDate>Sun, 13 Apr 2008 12:28:46 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[chergaoui.com]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[reflexion]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.chergaoui.com/?p=383</guid>
		<description><![CDATA[<p style="text-align: justify;">Comme bons nombre d&#8217;amis le savent déjà (particulièrement ceux qui me suivent sur Pownce), je travaille sur une nouvelle version de mon blog&#8230; J&#8217;entends par là, un nouveau thème <strong>WordPress</strong>, réalisé par mes soins de A à Z.</p>
<p style="text-align: justify;">La structure de base est déjà en place <em>- en version papier -</em>&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Comme bons nombre d&#8217;amis le savent déjà (particulièrement ceux qui me suivent sur Pownce), je travaille sur une nouvelle version de mon blog&#8230; J&#8217;entends par là, un nouveau thème <strong>WordPress</strong>, réalisé par mes soins de A à Z.</p>
<p style="text-align: justify;">La structure de base est déjà en place <em>- en version papier -</em> et cela va faire presque deux ou trois semaines que j&#8217;essaie de la faire passer en &#8220;<em>numérique</em>&#8220;.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-384" title="design from scratch" src="http://www.chergaoui.com/wp-content/uploads/2008/04/design-from-scratch.gif" alt="design from scratch" width="492" height="191" /></p>
<p style="text-align: justify;">Seulement voilà, à chaque fois que j&#8217;ouvre <strong>Photoshop</strong> pour avancer sur la maquette, je bloque après 5-10 minutes d&#8217;essais ! Et ça,  ça m&#8217;énerve ! Grrrrrrrr !</p>
<p style="text-align: justify;">Morale à zéro, inspiration à moins dix degrés, je me suis dit qu&#8217;il valait mieux que je passe directement du côté <strong>XHTML/CSS</strong>, au moins pour faire une version 0.1 qui sera mise en ligne et peaufinée progressivement &#8230; Et on verra comment ça va s&#8217;améliorer avec le temps !</p>
<p style="text-align: justify;">Et là j&#8217;ai une question destinée à ceux d&#8217;entres vous qui font dans le <strong>WebDesign</strong>. J&#8217;aimerais bien savoir comment vous procédez pour relooker votre site/blog. Est-ce que vous commencer par mettre les idées sur papier, et après (c&#8217;est à dire après avoir régler tous les détails) vous concrétisez sur le logiciel ? Ou bien vous faites du &#8220;<em><strong>eXtreme designing</strong></em>&#8221; (oui j&#8217;invente des termes maintenant &gt;_&lt; ) : un peu de design, et beaucoup d&#8217;essais <strong>XHTML/CSS</strong> ?</p>
<p style="text-align: justify;"><strong>PS :</strong><br />
Remarquez là, que je ne fais pas de distinction entre <strong><em>WebDesigneur</em> </strong>et<strong> </strong><em><strong>Intégrateur </strong><strong>XTML/CSS</strong></em> .. Et donc je suppose que c&#8217;est la même personne qui fait le design et l&#8217;intégration du site ou du blog.</p>
]]></content:encoded>
			<wfw:commentRss>http://chergaoui.com/design/comment-realisez-vous-le-design-de-votre-site-web.html/feed</wfw:commentRss>
		<slash:comments>27</slash:comments>
		</item>
		<item>
		<title>IE NetRender : Testez le rendu de votre site sous IE !</title>
		<link>http://chergaoui.com/design/ie-netrender-testez-le-rendu-de-votre-site-sous-ie.html</link>
		<comments>http://chergaoui.com/design/ie-netrender-testez-le-rendu-de-votre-site-sous-ie.html#comments</comments>
		<pubDate>Thu, 28 Jun 2007 11:58:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[compatibilité]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[IE netrender]]></category>
		<category><![CDATA[internet explorer]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[mac]]></category>
		<category><![CDATA[test]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.chergaoui.com/2007/06/28/ie-netrender-testez-le-rendu-de-votre-site-sous-ie/</guid>
		<description><![CDATA[<p align="justify">Voici un site sympa, pour tester le rendu des sites sur Internet Explorer. <a href="http://ipinfo.info/netrenderer/index.php" target="_blank" title="NetRender">IE NetRender</a> est une solution en ligne, qui permet de voir à quoi ressemble votre site sur Internet Explorer dans ses versions 5.5, 6 et 7.</p>
<p align="justify">Ce qui est intéressant dans cet outil, c&#8217;est que les utilisateurs&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p align="justify">Voici un site sympa, pour tester le rendu des sites sur Internet Explorer. <a href="http://ipinfo.info/netrenderer/index.php" target="_blank" title="NetRender">IE NetRender</a> est une solution en ligne, qui permet de voir à quoi ressemble votre site sur Internet Explorer dans ses versions 5.5, 6 et 7.</p>
<p align="justify">Ce qui est intéressant dans cet outil, c&#8217;est que les utilisateurs Linux ou Mac, n&#8217;ont plus besoin d&#8217;installer des extensions ou de passer par des solutions de virtualisation pour effectuer des tests de compatibilité !</p>
<p align="justify">J&#8217;en ai profité pour avoir un aperçu de mon blog à la sauce Internet Explorer 5.5, et voici ce que ça donne (mon blog devient serré ! IE sucks !) :</p>
<p align="center"><img src="http://www.chergaoui.com/wp-content/uploads/2007/06/opendoor-ie5.jpg" alt="Open Door Under IE 5.5" /></p>
<p align="justify">Si le concept me plait, j&#8217;ai quand même une petite reproche : l&#8217;aperçu généré ne prend pas en compte la page entière; je pense que ça serait bien d&#8217;avoir quelque chose du genre où l&#8217;on défile pour explorer tous les recoins et ne rien rater comme détail (un peu comme l&#8217;aperçu dans wordpress 2.1)</p>
<p>via : <a href="http://www.abduzeedo.com/testing-sites-different-browsers" target="_blank" title="Abduzeedo">Abduzeedo</a></p>
<p align="justify"><strong>EDIT</strong>:<br />
Je viens de découvrir une autre solution du genre, chez <a href="http://blog.nicolargo.com/2007/06/comment-tester-son-blog-sur-tous-les-navigateurs.html" target="_blank" title="NicoLargo">NicoLargo</a> : <a href="http://browsershots.org/" target="_blank" title="BrowserShots">BrowserShots</a><br />
Celle-ci propose plus de choix niveau navigateurs, mais vous oblige quand même à attendre un <del datetime="2007-06-28T12:07:52+00:00">long</del> petit moment <img src='http://chergaoui.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://chergaoui.com/design/ie-netrender-testez-le-rendu-de-votre-site-sous-ie.html/feed</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
	</channel>
</rss>

