<?xml version="1.0" encoding="UTF-8"?>
<rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>eclaireur.net</title>
	
	<link>http://www.eclaireur.net</link>
	<description>Articles et news sur l'innovation des sites web 2.0, dÃ©veloppement et webdesign</description>
	<lastBuildDate>Mon, 15 Mar 2010 08:43:35 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/eclaireur" /><feedburner:info uri="eclaireur" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>Les vraies ruptures d’Internet, passionnante conférence de Serge Soudoplatoff</title>
		<link>http://feedproxy.google.com/~r/eclaireur/~3/yE-8Y9CKqXg/</link>
		<comments>http://www.eclaireur.net/internet/les-vraies-ruptures-dinternet-passionnante-conference-de-serge-soudoplatoff/#comments</comments>
		<pubDate>Mon, 15 Mar 2010 08:00:52 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Internet News]]></category>
		<category><![CDATA[conférence]]></category>
		<category><![CDATA[crowdsourcing]]></category>
		<category><![CDATA[develop]]></category>
		<category><![CDATA[developpement]]></category>
		<category><![CDATA[histoire]]></category>

		<guid isPermaLink="false">http://www.eclaireur.net/?p=1101</guid>
		<description><![CDATA[Lors d&#8217;une conférence Les Ernest (une initiative des étudiants de l&#8217;Ecole Normale Supérieure), Serge Soudoplatoff un passionné d&#8217;Internet de la première heure nous livre une conférence de haut niveau sur l&#8217;Internet au sens large. Énormément de choses sont à retenir de son intervention, il revient notamment sur l&#8217;histoire de l&#8217;internet avec aujourd&#8217;hui son apogée (le [...]]]></description>
			<content:encoded><![CDATA[<p>Lors d&#8217;une conférence Les Ernest (une initiative des étudiants de l&#8217;Ecole Normale Supérieure), <a href="http://www.almatropie.org/blgg/" rel="externe">Serge Soudoplatoff</a> un passionné d&#8217;Internet de la première heure nous livre une conférence de haut niveau sur l&#8217;Internet au sens large. <br/>Énormément de choses sont à retenir de son intervention, il revient notamment sur l&#8217;histoire de l&#8217;internet avec aujourd&#8217;hui son apogée (le véritable succès de l&#8217;internet : 1.7 milliard de personnes interconnectées en 20 ans), crowdsourcing, co-design et déplacement de la valeur dans le réseau. Il illustre son propos au travers de plusieurs sites notamment : <a href="http://freebeer.org" rel="externe">freebeer.org</a>, <a href="http://www.crowdspirit.com/" rel="externe">crowdspirit</a>&#8230;</p>
<p><object type="application/x-shockwave-flash" data="http://www.dailymotion.com/swf/xcju9t" id="VideoPlayback" height="350" width="425"><param name="movie" value="http://www.dailymotion.com/swf/xcju9t"><param name="allowScriptAcess" value="always"><param name="allowFullScreen" value="true"><param name="quality" value="best"><param name="bgcolor" value="#FFFFFF"><param name="scale" value="noScale"><param name="salign" value="TL"><param name="FlashVars" value="playerMode=embedded"><param name="wmode" value="transparent"></object><br />
Vu sur <a href="http://www.liberation.fr/medias/06011761-serge-soudoplatoff-les-vraies-ruptures-d-internet"  rel="externe">Liberation</a>.</p>
<h3>Plus d&#8217;informations</h3>
<p>Je vous conseille d&#8217;aller lire le <a href="http://www.almatropie.org/blgg/" rel="externe">blog de Serge Soudoplatoff</a> pour lire des articles tous plus intéressant les uns que les autres. Enfin vous pouvez retrouver l&#8217;ensemble des vidéos des conférences <strong>Les Ernest </strong> directement sur <a href="http://www.les-ernest.fr/">leur site</a>.
<p class="akst_link"><a href="http://www.eclaireur.net/?p=1101&amp;akst_action=share-this"  title="Envoyer par E-mail, poster sur un r&eacute;seau social, etc." id="akst_link_1101" class="akst_share_link" rel="nofollow">Partager cet article</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/eclaireur?a=yE-8Y9CKqXg:wiRVU1UhWCw:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/eclaireur?i=yE-8Y9CKqXg:wiRVU1UhWCw:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/eclaireur?a=yE-8Y9CKqXg:wiRVU1UhWCw:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/eclaireur?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/eclaireur/~4/yE-8Y9CKqXg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.eclaireur.net/internet/les-vraies-ruptures-dinternet-passionnante-conference-de-serge-soudoplatoff/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.eclaireur.net/internet/les-vraies-ruptures-dinternet-passionnante-conference-de-serge-soudoplatoff/</feedburner:origLink></item>
		<item>
		<title>Proxima mobile: des applications mobiles d’intérêt général disponibles gratuitement</title>
		<link>http://feedproxy.google.com/~r/eclaireur/~3/FS8-xG1_NBU/</link>
		<comments>http://www.eclaireur.net/internet/proxima-mobile-des-applications-mobiles-dinteret-general-disponibles-gratuitement/#comments</comments>
		<pubDate>Fri, 19 Feb 2010 14:08:49 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Internet News]]></category>
		<category><![CDATA[accessibilité]]></category>
		<category><![CDATA[applications mobiles]]></category>
		<category><![CDATA[écosystème]]></category>
		<category><![CDATA[gouvernement]]></category>
		<category><![CDATA[site mobiles]]></category>

		<guid isPermaLink="false">http://www.eclaireur.net/?p=1097</guid>
		<description><![CDATA[
Nathalie Kosciusko-Morizet vient de lancer un portail gouvernemental, Proxima Mobile. Cet éco-système regroupe plusieurs applications mobiles labellisées à télécharger. Cette plate-forme a pour principal but de faciliter la vie des français dans leur quotidien. Tout le monde peut via cet &#171;&#160;App Store gouvernemental&#160;&#187; découvrir de nouvelles applications gratuites et utiles. On peut parcourir l&#8217;ensemble des [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.proximamobile.fr/" class="linkbox"><img src="http://www.eclaireur.net/wp-content/uploads/2010/02/proxima-mobile-mobile-application-citoyen.jpg" alt="" title="proxima-mobile-mobile-application-citoyen" width="428" height="105" class="alignnone size-full wp-image-1098" /></a></p>
<p>Nathalie Kosciusko-Morizet vient de lancer un portail gouvernemental, <a href="http://www.proximamobile.fr/"  class="externe">Proxima Mobile</a>. Cet éco-système regroupe plusieurs applications mobiles labellisées à télécharger. Cette plate-forme a pour principal but de faciliter la vie des français dans leur quotidien. Tout le monde peut via cet &laquo;&nbsp;App Store gouvernemental&nbsp;&raquo; découvrir de nouvelles applications gratuites et utiles. On peut parcourir l&#8217;ensemble des applications dans des domaines tels que la vie locale, la culture, le tourisme, la santé, l&#8217;emploi ou le développement durable.</p>
<p>Le portail <a href="http://www.proximamobile.fr/"  class="externe">Proxima Mobile</a> démarre avec 80 applications mobiles gratuites d&#8217;intérêt général pour smartphone (iPhone, Android ou encore BlackBerry). On retouve même pour certaines application une catégorie webmobile qui indique que cette application est disponible directement depuis internet (avec, suivant les applications, moins de fonctionnalités).</p>
<h3>Les objectifs de Proxima Mobile</h3>
<ul class="ul1col">
<li>la création de nouveaux services</strong> qui facilitent le quotidien de tous les citoyens,</li>
<li>favoriser le développement de l&#8217;écosystème des services sur mobiles,</li>
<li>rassembler des communautés d&#8217;utilisateurs pour leur permettre d&#8217;exprimer leurs attentes.</li>
</ul>
<p>Sur ce dernier point une campagne de labellisation a été ouverte afin d&#8217;élargir le catalogue d&#8217;applications. Les candidats devront être des &laquo;&nbsp;services d&#8217;intérêt général gratuits, accessibles sur les téléphones mobiles, qui facilitent la vie quotidienne des citoyens&nbsp;&raquo;, avec &laquo;&nbsp;une attention particulière&nbsp;&raquo; pour &laquo;&nbsp;ceux qui s&#8217;adresseront aux personnes fragiles ou en difficulté&nbsp;&raquo;. L&#8217;objectif du gouvernement est même d&#8217;envergure européenne, en laissant la possibilité de créer des applications destiné aux pays européens. Je pense sincèrement que c&#8217;est une bonne initiative, certains penseront qu&#8217;il est serait plus judicieux d&#8217;investir l&#8217;argent du contribuable dans des projets plus &laquo;&nbsp;terre à terre&nbsp;&raquo;, je pense qu&#8217;on jugera de la portée du projet dans moins d&#8217;un an.</p>
<h3>Favmob, un annuaire de site mobile</h3>
<p>Je suis en train de travailler sur un annaire mobile <a href="htt://www.favmob.com" rel="externe">favmob</a> qui listerait l&#8217;ensemble des applications ou sites mobiles français ou étranger. Il est important que ces sites soient accessibles seulement depuis un mobile et d&#8217;une manière ou d&#8217;une autre qu&#8217;ils offrent un service particulier pour l&#8217;utilisateur. </p>
<p>Si vous avez des sites mobiles de références, merci de me les communiquer (en commentaire ou <a href="http://www.eclaireur.net/contact/">email</a>). Je finaliserai le projet dans les prochaines semaines et j&#8217;espère atteindre les 150 sites mobiles <img src='http://www.eclaireur.net/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />
<p class="akst_link"><a href="http://www.eclaireur.net/?p=1097&amp;akst_action=share-this"  title="Envoyer par E-mail, poster sur un r&eacute;seau social, etc." id="akst_link_1097" class="akst_share_link" rel="nofollow">Partager cet article</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/eclaireur?a=FS8-xG1_NBU:j2bojh_026k:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/eclaireur?i=FS8-xG1_NBU:j2bojh_026k:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/eclaireur?a=FS8-xG1_NBU:j2bojh_026k:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/eclaireur?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/eclaireur/~4/FS8-xG1_NBU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.eclaireur.net/internet/proxima-mobile-des-applications-mobiles-dinteret-general-disponibles-gratuitement/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://www.eclaireur.net/internet/proxima-mobile-des-applications-mobiles-dinteret-general-disponibles-gratuitement/</feedburner:origLink></item>
		<item>
		<title>Comment rendre un design de site horrible</title>
		<link>http://feedproxy.google.com/~r/eclaireur/~3/pa1-ovKA7rE/</link>
		<comments>http://www.eclaireur.net/a-decouvrir/comment-rendre-un-design-de-site-horrible/#comments</comments>
		<pubDate>Wed, 09 Dec 2009 08:43:06 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[A Découvrir]]></category>
		<category><![CDATA[client]]></category>
		<category><![CDATA[fun]]></category>
		<category><![CDATA[relation client]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://s302296304.onlinehome.fr/eclaireur/?p=1092</guid>
		<description><![CDATA[
Une petite histoire de relation client/fournisseur racontée en dessin, c’est tellement vrai que cela fait sourire. (Merci Jul pour le lien).
Partager cet article
]]></description>
			<content:encoded><![CDATA[<p><a class="linkbox" href="http://theoatmeal.com/comics/design_hell"><img class="alignnone size-full wp-image-1093" title="blog-webdesign-designer" src="http://s302296304.onlinehome.fr/eclaireur/wp-content/uploads/2010/02/blog-webdesign-designer.jpg" alt="" width="428" height="421" /></a><br />
Une petite <a href="http://theoatmeal.com/comics/design_hell">histoire de relation client/fournisseur</a> racontée en dessin, c’est tellement vrai que cela fait sourire. (Merci Jul pour le lien).
<p class="akst_link"><a href="http://www.eclaireur.net/?p=1092&amp;akst_action=share-this"  title="Envoyer par E-mail, poster sur un r&eacute;seau social, etc." id="akst_link_1092" class="akst_share_link" rel="nofollow">Partager cet article</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/eclaireur?a=pa1-ovKA7rE:oHcrTsWH9vU:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/eclaireur?i=pa1-ovKA7rE:oHcrTsWH9vU:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/eclaireur?a=pa1-ovKA7rE:oHcrTsWH9vU:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/eclaireur?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/eclaireur/~4/pa1-ovKA7rE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.eclaireur.net/a-decouvrir/comment-rendre-un-design-de-site-horrible/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://www.eclaireur.net/a-decouvrir/comment-rendre-un-design-de-site-horrible/</feedburner:origLink></item>
		<item>
		<title>Hype : un framework Flash pour faciliter le développement en AS3</title>
		<link>http://feedproxy.google.com/~r/eclaireur/~3/rEDxnmQtCiQ/</link>
		<comments>http://www.eclaireur.net/technique/hype-un-framework-flash-pour-faciliter-le-developpement-en-as3/#comments</comments>
		<pubDate>Mon, 02 Nov 2009 16:08:03 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Technique]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[developpement]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[utile]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.eclaireur.net/?p=1085</guid>
		<description><![CDATA[
Le talentueux artiste Joshua Davis qui a énormément contribué à ma passion pour la technologie Flash revient avec un nouveau Framework pour programmer plus facilement en actionScript 3.
A l&#8217;instar de jQuery, avec Hype vous pouvez coder rapidement et simplement en AS3. Joshua Davis prend comme exemple le simple script d&#8217;un clip suivant la souris. En [...]]]></description>
			<content:encoded><![CDATA[<p><a class="linkbox" href="http://hype.joshuadavis.com/"><img class="alignnone size-full wp-image-1086" title="flash-as3-hype-framework" src="http://www.eclaireur.net/wp-content/uploads/2009/11/flash-as3-hype-framework.jpg" alt="flash-as3-hype-framework" width="428" height="238" /></a></p>
<p>Le talentueux artiste <a rel="externe" href="http://www.joshuadavis.com/">Joshua Davis</a> qui a énormément contribué à ma passion pour la technologie Flash revient avec un nouveau Framework pour programmer plus facilement en actionScript 3.</p>
<p>A l&#8217;instar de jQuery, avec <a rel="externe" href="http://hype.joshuadavis.com/">Hype</a> vous pouvez coder rapidement et simplement en AS3. Joshua Davis prend comme exemple le simple script d&#8217;un clip suivant la souris. En AS2, ce script fait 5 lignes, 7 en AS3 et seulement 3 avec HYPE.</p>
<p>Les Flash designers qui étaient habitués à travailler en ActionScript2 ont eut l&#8217;impression de ne plus savoir coder lors du passage de Flash en ActionScript3. Il est vrai que le langage AS3 est plus robuste en revanche il n&#8217;accepte plus certaines approximations du langage AS2.  En tout cas <a rel="externe" href="http://hype.joshuadavis.com/">Hype</a> ravira les designers qui hésitaient encore à passer en AS3.
<p class="akst_link"><a href="http://www.eclaireur.net/?p=1085&amp;akst_action=share-this"  title="Envoyer par E-mail, poster sur un r&eacute;seau social, etc." id="akst_link_1085" class="akst_share_link" rel="nofollow">Partager cet article</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/eclaireur?a=rEDxnmQtCiQ:twPjWIf-fec:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/eclaireur?i=rEDxnmQtCiQ:twPjWIf-fec:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/eclaireur?a=rEDxnmQtCiQ:twPjWIf-fec:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/eclaireur?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/eclaireur/~4/rEDxnmQtCiQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.eclaireur.net/technique/hype-un-framework-flash-pour-faciliter-le-developpement-en-as3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.eclaireur.net/technique/hype-un-framework-flash-pour-faciliter-le-developpement-en-as3/</feedburner:origLink></item>
		<item>
		<title>Académie Google Adwords à Bordeaux</title>
		<link>http://feedproxy.google.com/~r/eclaireur/~3/ZADymIeJ7Fs/</link>
		<comments>http://www.eclaireur.net/internet/academie-google-adwords-a-bordeaux/#comments</comments>
		<pubDate>Mon, 12 Oct 2009 08:49:43 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Internet News]]></category>
		<category><![CDATA[campagne]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[publicité]]></category>
		<category><![CDATA[référencement]]></category>

		<guid isPermaLink="false">http://www.eclaireur.net/?p=1076</guid>
		<description><![CDATA[
L&#8217;Académie Google Adwords fait escale à Bordeaux ce Jeudi 15 octobre.  Cette journée gratuite de formation, à l&#8217;attention des professionnels de la communication ou bien des PME, commerçants ou artisants soucieux du bon fonctionnement de leurs pubicités, sera l&#8217;occasion de faire le point sur les différents services google dédiés à l&#8217;entreprise.
Toutes les conférences seront [...]]]></description>
			<content:encoded><![CDATA[<p><a class="linkbox" href="http://go2.wordpress.com/?id=725X1342&amp;site=echangeurba.wordpress.com&amp;url=http%3A%2F%2Fwww.bordeaux-ecobiz.biz%2Fccib%2Flbzbcagenda.nsf%2F844537b7acb0b3c6c12573e70054a1d7%2Faa9ada90c3b6c29fc12576240035f7b1%3FOpenDocument"><img title="google-adwords-academie" src="http://www.eclaireur.net/wp-content/uploads/2009/10/google-adwords-academie.jpg" alt="google-adwords-academie" width="428" height="105" /></a></p>
<p>L&#8217;Académie Google Adwords fait escale à Bordeaux ce <strong>Jeudi 15 octobre</strong>.  Cette journée gratuite de formation, à l&#8217;attention des professionnels de la communication ou bien des PME, commerçants ou artisants soucieux du bon fonctionnement de leurs pubicités, sera l&#8217;occasion de faire le point sur les différents services google dédiés à l&#8217;entreprise.</p>
<p style="text-align: justify;">Toutes les conférences seront animées par les experts de Google. Entre autre, vous pourrez découvrir :</p>
<ul class="ul1col">
<li>Google Analytics</li>
<li> Nouveaux formats de Publicité Online</li>
<li> Search Marketing</li>
<li> Google Adwords</li>
<li> Quels mots clés tapent les internautes dans le moteur ?</li>
<li> Quel investissement pour être visible ? Et quels retours en attendre ?&#8230;..</li>
</ul>
<p>Personnellement je n&#8217;y suis jamais allé, je pense que c&#8217;est une formation assez complète pour découvrir les outils Google liés à la publicité en ligne. Pour ceux qui connaissent déjà bien ces outils vous n&#8217;apprendrez pas forcément grand chose (si ce n&#8217;est les nouveaux formats de pub Google : les pubs display). L&#8217;autre avantage est d&#8217;avoir quelqu&#8217;un de chez Google afin de lui poser des questions précises sur vos campagnes publicitaires.</p>
<h3>Pour plus d&#8217;information</h3>
<p><span>Web : <a title="Echangeur Bordeaux Aquitaine" href="http://www.bordeaux-ecobiz.biz/ccib/lbzbcagenda.nsf/844537b7acb0b3c6c12573e70054a1d7/aa9ada90c3b6c29fc12576240035f7b1?OpenDocument">Echangeur Bordeaux Aquitaine</a></span> <span><strong><br />
</strong>Courriel : <a href="mailto:crequena@bordeaux.cci.fr">crequena@bordeaux.cci.fr</a></span><br />
<span>Tél : 05 56 79 44 48 </span>
<p class="akst_link"><a href="http://www.eclaireur.net/?p=1076&amp;akst_action=share-this"  title="Envoyer par E-mail, poster sur un r&eacute;seau social, etc." id="akst_link_1076" class="akst_share_link" rel="nofollow">Partager cet article</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/eclaireur?a=ZADymIeJ7Fs:WHNUWCJnH1Q:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/eclaireur?i=ZADymIeJ7Fs:WHNUWCJnH1Q:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/eclaireur?a=ZADymIeJ7Fs:WHNUWCJnH1Q:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/eclaireur?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/eclaireur/~4/ZADymIeJ7Fs" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.eclaireur.net/internet/academie-google-adwords-a-bordeaux/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		<feedburner:origLink>http://www.eclaireur.net/internet/academie-google-adwords-a-bordeaux/</feedburner:origLink></item>
		<item>
		<title>Les framework CSS pour développer des sites plus rapidement</title>
		<link>http://feedproxy.google.com/~r/eclaireur/~3/u4n7mTL-v0c/</link>
		<comments>http://www.eclaireur.net/technique/les-framework-css-pour-developper-des-sites-plus-rapidement/#comments</comments>
		<pubDate>Tue, 22 Sep 2009 07:26:49 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Technique]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[liens]]></category>
		<category><![CDATA[productivité]]></category>
		<category><![CDATA[programmation]]></category>
		<category><![CDATA[standards]]></category>
		<category><![CDATA[utile]]></category>

		<guid isPermaLink="false">http://www.eclaireur.net/?p=1070</guid>
		<description><![CDATA[Après cette longue absence, je reviens avec une méthodologie que j&#8217;intègre peu à peu dans les conceptions web : les frameworks CSS  et la notion de Grid. Il existe des frameworks pour développer plus rapidement en Ajax, PHP, Javascript ou en HTML. Mais depuis 6 mois les frameworks CSS ont connu une nouvelle expension. [...]]]></description>
			<content:encoded><![CDATA[<p>Après cette longue absence, je reviens avec une méthodologie que j&#8217;intègre peu à peu dans les conceptions web : les <a href="http://fr.wikipedia.org/wiki/Framework">frameworks</a> CSS  et la notion de <strong>Grid</strong>. Il existe des frameworks pour développer plus rapidement en Ajax, PHP, Javascript ou en HTML. Mais depuis 6 mois les frameworks CSS ont connu une nouvelle expension. Pourquoi ces outils sont-ils tendances? Peut-être parce qu&#8217;ils simplifient la création des pages en proposant une nouvelle façon de travailler. Petit tour d&#8217;horizon.</p>
<h3>Piqure de rappel</h3>
<p>Les feuilles de style CSS (<em>Cascading Style Sheets</em>) permettent de travailler sur le design des pages. Elles assurent une meilleure accessibilité, évolutivité et optimisent également le chargement des pages. Les <a href="http://fr.wikipedia.org/wiki/Framework"> frameworks </a>CSS sont une collection de feuilles de style qui nous permettent de concevoir rapidement une mise en page aussi bien pour un template simple (header, 2 colonnes, footer) que pour des modèles de page complexes (header, multi-colonnes, multi-bloc, elastique, footer).</p>
<p>J&#8217;ai découvert il y a quelques mois le système de Grilles (Grid System) qui présente de nombreux avantages :</p>
<ul class="ul1col">
<li><em>Normalisation des placements</em> : tous les éléments sont placés selon des tailles de bloc et non des pixels</li>
<li><em>Uniformité</em> : les grilles fournissent une cohésion dans le placement des différents éléments</li>
<li><em>Maintenance</em> : elles réduisent le temps de développement lors de la redéfinition de certains styles visuels ou de repositionnement d&#8217;éléments</li>
<li><em>Efficacité</em> : elles sont cross-browser; elles sont testées et sont compatibles sur la plupart des navigateurs actuels et anciens</li>
</ul>
<h3>Etat des lieux des framework CSS</h3>
<p>Les frameworks qui sortent du lot sont :</p>
<ul>
<li><a rel="externe nofollow" href="http://www.blueprintcss.org/">Blueprint</a></li>
<li><a rel="externe nofollow" href="http://960.gs/">960 Grid System</a></li>
<li><a rel="externe nofollow" href="https://developer.yahoo.com/yui/grids/">YUI Grid CSS</a></li>
<li><a href="http://sencss.kilianvalkhof.com/">SenCSs</a></li>
</ul>
<p>A ce jour, le plus répandu est surement <a rel="externe nofollow" href="http://www.blueprintcss.org/">Blueprint</a> car il a une grosse communauté qui pousse le projet en l&#8217;utilisant et en créant des modules. Après je mettrai <a rel="externe nofollow" href="http://960.gs/">960 Grid System</a> et <a rel="externe nofollow" href="https://developer.yahoo.com/yui/grids/">YUI Grid CSS</a> au deuxième plan. Les deux frameworks sont différents mais possèdent une bonne aura et beaucoup de développeurs les ont adoptés. Enfin <a href="http://sencss.kilianvalkhof.com/" el="externe nofollow">SenCSs</a> est un framework  CSS qui ne gère pas la mise en page mais les styles, à découvrir comme tant d&#8217;autres. Il existe en effet de plus en plus de framework CSS, en voici <a rel="externe nofollow" href="http://www.tripwiremagazine.com/tools/design/45-css-grid-systems-layout-generators-and-tutorials-that-every-designer-should-know.html">une liste de 45 avec quelques générateurs</a>.</p>
<h3>Une fois le pas franchi&#8230;</h3>
<p>Dès que vous aurez choisi un système de grid, c&#8217;est comme l&#8217;adopter. Le code HTML et les balises CSS ne changent pas fondamentalement, ils évoluent. En revanche les frameworks CSS sont très différents les uns par rapport aux autres. Il vous faudra quelques heures ou quelques jours pour être capable de bien les cerner.  Et vous avez-vous franchi le pas avec les frameworks et les Grids ?  </p>
<h3>Pour aller plus loin</h3>
<ul>
<li><a rel="externe nofollow" href="http://www.emmanuelgeorjon.com/les-frameworks-css-42/">Les frameworks CSS</a> : Cet article d&#8217;Emmanuel Georjon date de 2008 mais explique très clairement le concept de Grid.</li>
<li><a rel="externe nofollow" href="http://www.themasterblog.com/the-best-fluid-css-grid/">The Best Fluid CSS Grid</a> : Un article sur le deisgn fluide à l&#8217;aide de Grid</li>
<li><a rel="externe nofollow" href="http://net.tutsplus.com/html-css-techniques/which-css-grid-framework-should-you-use-for-web-design/">Which CSS grid framework ?</a> : un article qui compare les différentes solutions pour créer des sites à base de framework</li>
<li><a rel="externe nofollow" href="http://developer.yahoo.com/yui/grids/builder/">Yahoo Builder</a> : Un générateur qui permet de créer en 2 coups de cuillère à pot un modèle de page basé sur YahooUI (YUI)</li>
<li><a rel="externe nofollow" href="http://kematzy.com/blueprint-generator/">BluePrint CSS Builder</a> : Une version similaire de générateur pour BluePrint</li>
<li><a rel="externe nofollow" href="http://designshack.co.uk/gallery/layout/grid/">Designshack Grid</a> : Une section de cette galerie renferme de jolis sites réalisés à base de grid</li>
</ul>
<p class="akst_link"><a href="http://www.eclaireur.net/?p=1070&amp;akst_action=share-this"  title="Envoyer par E-mail, poster sur un r&eacute;seau social, etc." id="akst_link_1070" class="akst_share_link" rel="nofollow">Partager cet article</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/eclaireur?a=u4n7mTL-v0c:awNZ7skZH8c:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/eclaireur?i=u4n7mTL-v0c:awNZ7skZH8c:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/eclaireur?a=u4n7mTL-v0c:awNZ7skZH8c:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/eclaireur?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/eclaireur/~4/u4n7mTL-v0c" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.eclaireur.net/technique/les-framework-css-pour-developper-des-sites-plus-rapidement/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		<feedburner:origLink>http://www.eclaireur.net/technique/les-framework-css-pour-developper-des-sites-plus-rapidement/</feedburner:origLink></item>
		<item>
		<title>Balsamiq Mockup : si on dessinait des applications ?</title>
		<link>http://feedproxy.google.com/~r/eclaireur/~3/F3cYelS5Y-I/</link>
		<comments>http://www.eclaireur.net/innovation/balsamiq-mockup-si-on-dessinait-des-applications/#comments</comments>
		<pubDate>Thu, 16 Jul 2009 07:51:11 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Innovation et R&D]]></category>
		<category><![CDATA[Technique]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[application]]></category>
		<category><![CDATA[dessin]]></category>
		<category><![CDATA[ergonomie]]></category>
		<category><![CDATA[expérience utilisateur]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[interface]]></category>

		<guid isPermaLink="false">http://www.eclaireur.net/?p=1061</guid>
		<description><![CDATA[Merci Arnaud pour cette découverte assez déroutante. Il s&#8217;agit de Balsamiq Mockup, un outil online de conception de wireframes avec un style &#171;&#160;crayonné&#160;&#187;. Vous pouvez créer une panoplie de dessins d&#8217;application (wireframe) en glissant et déposant des éléments dans l&#8217;interface. Cette application web réalisée en Flash est un modèle de simplicité, vous vous y retrouvez [...]]]></description>
			<content:encoded><![CDATA[<p>Merci <a href="http://www.jardindunet.com/">Arnaud</a> pour cette découverte assez déroutante. Il s&#8217;agit de <a hreflang="en" href="http://www.balsamiq.com/products/mockups">Balsamiq Mockup</a>, un outil online de conception de wireframes avec un style &laquo;&nbsp;crayonné&nbsp;&raquo;. Vous pouvez créer une panoplie de dessins d&#8217;application (<em>wireframe</em>) en glissant et déposant des éléments dans l&#8217;interface. Cette application web réalisée en Flash est un modèle de simplicité, vous vous y retrouvez très rapidement et dessiner une application devient un jeu d&#8217;enfant.</p>
<p><a class="linkbox" href="http://www.balsamiq.com/products/mockups"><img class="alignnone size-full wp-image-1062" title="balsamiq-mockups-wireframe-draft" src="http://www.eclaireur.net/wp-content/uploads/2009/07/balsamiq-mockups-wireframe-draft.jpg" alt="balsamiq-mockups-wireframe-draft" width="428" height="224" /></a></p>
<p>Le plus fort c&#8217;est que derrière cette application se cache juste un homme : Giacomo Guilizzoni. Et vu la qualité du développement je vous invite à aller tester <a hreflang="en" href="http://www.balsamiq.com/products/mockups">Balsamiq Mockup</a> ou bien simplement regarder les <a href="http://www.balsamiq.com/products/mockups/examples">exemples de réalisation</a> pour vous faire une idée.</p>
<p>Pour aller plus loin dans l&#8217;utilisation de cet outil. Vous pouvez vous rendre sur le blog superfiction : <a rel="externe" href="http://www.superfiction.net/blog/index.php?2008/10/08/318-les-outils-online-de-conception-de-wireframes-3-5-utiliser-balsamiq-mockups">Les outils online de conception de wireframes (3/5) : utiliser Balsamiq Mockups</a>.</p>
<p>Il existe d&#8217;autres applications du même genre : <a href="http://www.gliffy.com/">Gliffy</a>, <a href="http://iplotz.com/index.php">iplotz</a>, <a href="http://www.evolus.vn/Pencil/Home.html">Pencil Project</a>, <a href="http://templatr.cc/">Templatr</a>, <a href="http://www.protoshare.com/">ProtoShare</a> ou encore <a href="http://www.carettasoftware.com/">Caretta GUI Design Studio</a>.
<p class="akst_link"><a href="http://www.eclaireur.net/?p=1061&amp;akst_action=share-this"  title="Envoyer par E-mail, poster sur un r&eacute;seau social, etc." id="akst_link_1061" class="akst_share_link" rel="nofollow">Partager cet article</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/eclaireur?a=F3cYelS5Y-I:R9-fsIcbQfM:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/eclaireur?i=F3cYelS5Y-I:R9-fsIcbQfM:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/eclaireur?a=F3cYelS5Y-I:R9-fsIcbQfM:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/eclaireur?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/eclaireur/~4/F3cYelS5Y-I" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.eclaireur.net/innovation/balsamiq-mockup-si-on-dessinait-des-applications/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		<feedburner:origLink>http://www.eclaireur.net/innovation/balsamiq-mockup-si-on-dessinait-des-applications/</feedburner:origLink></item>
		<item>
		<title>Galaxie opensource : Open Web Tools Directory par Mozilla</title>
		<link>http://feedproxy.google.com/~r/eclaireur/~3/TgJMPO7ntjE/</link>
		<comments>http://www.eclaireur.net/technique/galaxie-opensource-open-web-tools-directory-par-mozilla/#comments</comments>
		<pubDate>Tue, 07 Jul 2009 17:12:29 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Technique]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[developpement]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[open-source]]></category>
		<category><![CDATA[outils]]></category>
		<category><![CDATA[programmation]]></category>

		<guid isPermaLink="false">http://www.eclaireur.net/?p=1055</guid>
		<description><![CDATA[Il est parfois difficile de se retrouver dans la masse d&#8217;outils open source pour le développement qui existe sur le web. Grâce à une idée originale de Mozilla, retrouvez les applications sur tools.mozilla.com. Elle sont présentées dans l&#8217;espace et se placent aléatoirement dans votre fenêtre. Vous aurez surement l&#8217;occasion de découvrir comme moi des outils [...]]]></description>
			<content:encoded><![CDATA[<p>Il est parfois difficile de se retrouver dans la masse d&#8217;outils open source pour le développement qui existe sur le web. Grâce à une idée originale de Mozilla, retrouvez les applications sur <a rel="externe" href="http://tools.mozilla.com/">tools.mozilla.com</a>. Elle sont présentées dans l&#8217;espace et se placent aléatoirement dans votre fenêtre. Vous aurez surement l&#8217;occasion de découvrir comme moi des outils que je ne connaissais pas : <a href="http://www.lamberta.org/blog/doodle/">Doodle</a> (pour l&#8217;objet Canvas), <a href="http://www.westciv.com/style_master/">Style Master</a> (pour les CSS) ou encore <a href="http://favicon-generator.org/editor/">Favicon-generator</a> (pour les favicons).<br />
<a class="linkbox" href="http://tools.mozilla.com/"><img class="alignnone size-full wp-image-1056" title="openweb-directory-mozilla" src="http://www.eclaireur.net/wp-content/uploads/2009/07/openweb-directory-mozilla.jpg" alt="openweb-directory-mozilla" width="428" height="242" /></a>
<p class="akst_link"><a href="http://www.eclaireur.net/?p=1055&amp;akst_action=share-this"  title="Envoyer par E-mail, poster sur un r&eacute;seau social, etc." id="akst_link_1055" class="akst_share_link" rel="nofollow">Partager cet article</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/eclaireur?a=TgJMPO7ntjE:Gqj9DWoh2dE:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/eclaireur?i=TgJMPO7ntjE:Gqj9DWoh2dE:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/eclaireur?a=TgJMPO7ntjE:Gqj9DWoh2dE:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/eclaireur?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/eclaireur/~4/TgJMPO7ntjE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.eclaireur.net/technique/galaxie-opensource-open-web-tools-directory-par-mozilla/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://www.eclaireur.net/technique/galaxie-opensource-open-web-tools-directory-par-mozilla/</feedburner:origLink></item>
		<item>
		<title>iScriba une solution web pour gérer vos devis et vos factures</title>
		<link>http://feedproxy.google.com/~r/eclaireur/~3/BVcrBo5MumE/</link>
		<comments>http://www.eclaireur.net/creation-entreprise/iscriba-une-solution-web-pour-gerer-vos-devis-et-vos-factures/#comments</comments>
		<pubDate>Fri, 03 Jul 2009 13:03:28 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Création Entreprise]]></category>
		<category><![CDATA[application web]]></category>
		<category><![CDATA[devis]]></category>
		<category><![CDATA[facturation]]></category>
		<category><![CDATA[gestion]]></category>
		<category><![CDATA[utile]]></category>
		<category><![CDATA[webapp]]></category>

		<guid isPermaLink="false">http://www.eclaireur.net/?p=1047</guid>
		<description><![CDATA[
iScriba est un nouveau service en ligne qui vous permettra de créer, éditer, partager et envoyer vos devis et factures directement depuis Internet. Destiné aux indépendants, auto-entrepreneur ainsi qu&#8217;aux PME, ce service a été crée par des entrepreneurs à la recherche de la solution idéale de gestion de la facturation.
Vous aurez la possibilité de 

créer [...]]]></description>
			<content:encoded><![CDATA[<p><a  href="http://www.iscriba.com" rel="externe nofollow" class="linkbox"><img src="http://www.eclaireur.net/wp-content/uploads/2009/07/isriba-facturation-internet.jpg" alt="isriba-facturation-internet" title="isriba-facturation-internet" width="428" height="235" /></a></p>
<p><a href="http://www.iscriba.com" rel="externe nofollow">iScriba</a> est un nouveau service en ligne qui vous permettra de créer, éditer, partager et envoyer vos devis et factures directement depuis Internet. Destiné aux indépendants, auto-entrepreneur ainsi qu&#8217;aux PME, ce service a été crée par des entrepreneurs à la recherche de la solution idéale de gestion de la facturation.</p>
<p>Vous aurez la possibilité de </p>
<ul>
<li>créer des documents : ajouter, déplacer, supprimer des lignes à la volée et configurer vos paramètres globalement ou au cas par cas.</li>
<li>Gérer vos encaissements :  Un suivi des règlements client aisé grâce à la gestion des paiements partiels et des crédits.
</li>
<li>Envoyer vos documents : personnaliser le texte, sélectionner les destinataires et joignez un PDF en quelques instants.
</li>
<li>Facturation récurrente : Créez un modèle de facture, définissez sa fréquence, associez un client : vous obtenez une facture récurrente !</li>
</ul>
<p>J&#8217;ai testé le service et pour l&#8217;utiliser pleinnement il faut tout intégrer, les factures en cours, les prochains devis, les clients&#8230;. Après l&#8217;autre problème réside dans la sécurité, car on délivre beaucoup d&#8217;informations sensibles à la société  <a rel="externe nofolow" href="http://www.deckmatt.com">Deckmatt</a>, la société éditrice de cette application web. En tout cas iScriba est conçu pour vous faire gagner du temps. Du devis à la facture, en passant par le bon de commande et le bon de livraison, je pense que c&#8217;est une des applications web les plus simple à utiliser et en français en plus.</p>
<p>Dans le même genre il existe une application fonctionnant sous Adobe AIR pour générer directement vos factures suivant les temps passés sous Google Calendar : <a href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&#038;offeringid=10021&#038;marketplaceid=1">Google Calendar Invoice Creator</a>. Cette application AIR filtre les projets suivant les titres des rendez-vous et calcule ainsi le temps passé sur chaque projet.</p>
<p class="akst_link"><a href="http://www.eclaireur.net/?p=1047&amp;akst_action=share-this"  title="Envoyer par E-mail, poster sur un r&eacute;seau social, etc." id="akst_link_1047" class="akst_share_link" rel="nofollow">Partager cet article</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/eclaireur?a=BVcrBo5MumE:Pgt2K_oN6Is:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/eclaireur?i=BVcrBo5MumE:Pgt2K_oN6Is:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/eclaireur?a=BVcrBo5MumE:Pgt2K_oN6Is:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/eclaireur?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/eclaireur/~4/BVcrBo5MumE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.eclaireur.net/creation-entreprise/iscriba-une-solution-web-pour-gerer-vos-devis-et-vos-factures/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		<feedburner:origLink>http://www.eclaireur.net/creation-entreprise/iscriba-une-solution-web-pour-gerer-vos-devis-et-vos-factures/</feedburner:origLink></item>
		<item>
		<title>2 plugins Firefox : Page Speed contre YSlow</title>
		<link>http://feedproxy.google.com/~r/eclaireur/~3/nRlwIiFIu5c/</link>
		<comments>http://www.eclaireur.net/technique/web-developpeur-plugins-firefox-page-speed-yslow-yahoo-google/#comments</comments>
		<pubDate>Wed, 17 Jun 2009 07:30:56 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Technique]]></category>
		<category><![CDATA[developpement]]></category>
		<category><![CDATA[extension]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[navigateur]]></category>
		<category><![CDATA[optimisation]]></category>
		<category><![CDATA[programmation]]></category>
		<category><![CDATA[utile]]></category>

		<guid isPermaLink="false">http://www.eclaireur.net/?p=1038</guid>
		<description><![CDATA[On pourrait dire aussi Google contre Yahoo, en effet ces 2 extensions Page Speed (documentation Page Speed) et  YSlow (documentation YSlow) sont toutes les deux des extensions Firefox qui rajoute une couche d&#8217;optimisation à Firebug.
Pour ceux qui ne connaissent pas Firebug, je vous conseille de lire l&#8217;article d&#8217;Eric Pommereau : Maîtriser Firebug, l&#8217;indispensable extension [...]]]></description>
			<content:encoded><![CDATA[<p>On pourrait dire aussi Google contre Yahoo, en effet ces 2 extensions <a href="http://code.google.com/intl/fr/speed/page-speed/">Page Speed</a> (<a href="http://code.google.com/speed/page-speed/">documentation Page Speed</a>) et  <a href="http://developer.yahoo.com/yslow/">YSlow</a> (<a href="http://developer.yahoo.com/yslow/help/">documentation YSlow</a>) sont toutes les deux des extensions Firefox qui rajoute une couche d&#8217;optimisation à <a href="http://getfirebug.com/">Firebug</a>.</p>
<p>Pour ceux qui ne connaissent pas Firebug, je vous conseille de lire l&#8217;article d&#8217;Eric Pommereau : <a rel="externe" href="http://eric-pommereau.developpez.com/tutoriels/outil-web/firebug/">Maîtriser Firebug, l&#8217;indispensable extension Firefox pour le développement web</a>. Il y présente les principales fonctionnalités et explique de manière précises les subtilités de Firebug.</p>
<h3>Yahoo et YSlow pour smushit</h3>
<p>Yahoo a développé l&#8217;extension <a href="http://developer.yahoo.com/yslow/">YSlow</a> qui intègre des outils d&#8217;optimisation de site. Personnellement je trouve l&#8217;outil smushit (acheter par Yahoo) est excellent pour optimiser les images d&#8217;une page. Mais pour l&#8217;optimisation d&#8217;une maière générale Google frappe encore fort et déloge YSlow grâce à la pertinence des contrôles de <a href="http://code.google.com/intl/fr/speed/page-speed/">Page Speed</a>.</p>
<h3>Google et Page Speed pour l&#8217;optimisation</h3>
<p><a href="http://code.google.com/intl/fr/speed/page-speed/">Page Speed</a> est essentiellement un outil qui vous aidera à améliorer les performances de chargement de votre site web. Après l&#8217;avoir exécuté, vous verrez une liste avec tous les facteurs susceptibles de rendre votre site plus rapide au chargement, avec une image illustrant chaque contrôle (gzip, cookie, image, cache, mise en cache proxy, DNS, CSS, Javascript&#8230;). Les évaluations sont notées selon quatre niveaux :  haute priorité,  priorité moyenne,  correct, et  message d&#8217;information. Ce qui permet d&#8217;identifier rapidement les optimisations à effectuer.</p>
<p><img title="page-speed-google-firefox-extension" src="http://www.eclaireur.net/wp-content/uploads/2009/06/page-speed.png" alt="page-speed-google-firefox-extension" width="480" height="459" /></p>
<p>De plus une autre fonction (<strong>page speed activity</strong>) permet de suivre en temps réel les appels http du navigateur avec une représentation graphique du temps des connexions, de la résolution de DNS, du chargement des médias, de l&#8217;exécution de javascript, etc  afin de mieux se rendre compte en live du chargement des fichiers liées à la page web.</p>
<h3>Le petit plus de Google à destination des développeurs</h3>
<p>Le bonus, Google publie également un ensemble de <a href="http://code.google.com/intl/fr/speed/page-speed/docs/rules_intro.html">meilleures pratiques en matière de performance Web</a>.  Ces documents expliquent clairement la bonne démarche en matière d&#8217;optimisation de bande passante (images, css&#8230;). Je trouve ce genre d&#8217;initiative très intéressante de la part de google, tous les développeurs devraient tester cette extension <a href="http://code.google.com/intl/fr/speed/page-speed/">Page Speed</a> car on oublie assez souvent que les utilisateurs n&#8217;ont pas forcément le même débit, la même taille d&#8217;écran&#8230;
<p class="akst_link"><a href="http://www.eclaireur.net/?p=1038&amp;akst_action=share-this"  title="Envoyer par E-mail, poster sur un r&eacute;seau social, etc." id="akst_link_1038" class="akst_share_link" rel="nofollow">Partager cet article</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/eclaireur?a=nRlwIiFIu5c:-NjzmZOxpVM:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/eclaireur?i=nRlwIiFIu5c:-NjzmZOxpVM:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/eclaireur?a=nRlwIiFIu5c:-NjzmZOxpVM:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/eclaireur?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/eclaireur/~4/nRlwIiFIu5c" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.eclaireur.net/technique/web-developpeur-plugins-firefox-page-speed-yslow-yahoo-google/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://www.eclaireur.net/technique/web-developpeur-plugins-firefox-page-speed-yslow-yahoo-google/</feedburner:origLink></item>
	</channel>
</rss><!-- Dynamic page generated in 0.465 seconds. --><!-- Cached page generated by WP-Super-Cache on 2010-03-15 09:46:34 -->
