<?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>Darklg Blog</title>
	<atom:link href="http://blog.darklg.fr/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.darklg.fr</link>
	<description>Intégration, développement web, SEO, caféine</description>
	<lastBuildDate>Tue, 31 Aug 2010 18:28:36 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Veille &#8211; Nouveautés de WordPress 3</title>
		<link>http://blog.darklg.fr/409/nouveautes-de-wordpress-3/</link>
		<comments>http://blog.darklg.fr/409/nouveautes-de-wordpress-3/#comments</comments>
		<pubDate>Tue, 31 Aug 2010 18:27:54 +0000</pubDate>
		<dc:creator>darklg</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.darklg.fr/?p=409</guid>
		<description><![CDATA[WordPress est un excellent moteur de blog, et plutôt bon CMS, dont je dois me servir assez régulièrement à mon nouveau travail. Une petite réflexion personnelle ainsi que quelques remarques externes m&#8217;ont fait constater que je négligeais légèrement les nouveautés de WordPress 3. Par conséquent, voici quelques liens qui vont me servir, et qui pourront ... <a href="http://blog.darklg.fr/409/nouveautes-de-wordpress-3/">lire la suite</a>]]></description>
			<content:encoded><![CDATA[<p>WordPress est un excellent moteur de blog, et plutôt bon CMS, dont je dois me servir assez régulièrement à mon nouveau travail. Une petite réflexion personnelle ainsi que quelques remarques externes m&#8217;ont fait constater que je négligeais légèrement les <strong>nouveautés de WordPress 3</strong>.</p>
<p>Par conséquent, voici quelques liens qui vont me servir, et qui pourront probablement aussi vous servir à vous mettre à jour sur les nouveautés de cet outil.</p>
<p><a href="http://www.onextrapixel.com/2010/06/21/8-new-exciting-wordpress-3-0-features/">8 New Exciting WordPress 3.0 Features</a></p>
<p><a href="http://bbxdesign.com/2010/05/31/introduction-a-wordpress-3-custom-post-type-et-custom-taxonomy/">Introduction à WordPress 3 : custom post type et custom taxonomy</a></p>
<p><a href="http://westi.wordpress.com/2010/05/03/themes-and-wordpress-3-0-some-important-changes/">Themes and WordPress 3.0 some important&nbsp;changes</a></p>
<p><a href="http://www.seomix.fr/wordpress/utilisation/wordpress-3-ce-qui-va-changer/">WordPress 3 : ce qui va changer !</a></p>
<p><a href="http://codex.wordpress.org/Function_Reference/get_template_part">Function get_template_part()</a> sur le Codex WordPress</p>
<p>En espérant que vous y trouverez votre bonheur <img src='http://blog.darklg.fr/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>

<hr />
<p style="font-size : 10px;">
	Un article publi&eacute; sur <a href="http://blog.darklg.fr">Darklg Blog</a> &copy; 2010<br />
	Lien vers l'article original : <a href="http://blog.darklg.fr/409/nouveautes-de-wordpress-3/">Veille &#8211; Nouveautés de WordPress 3</a><br />
	<a rel="external nofollow" href="http://minurl.fr/?twitter&amp;titrelien=Darklg+Blog+%3A+Veille+%26%238211%3B+Nouveaut%C3%A9s+de+WordPress+3&amp;url=http://blog.darklg.fr/409/nouveautes-de-wordpress-3/" title="Envoyer vers Twitter, avec MinURL !">Partager cet article sur Twitter</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://blog.darklg.fr/409/nouveautes-de-wordpress-3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Tasks &#8211; entre SmartPhone et Desktop</title>
		<link>http://blog.darklg.fr/387/google-tasks-entre-smartphone-et-desktop/</link>
		<comments>http://blog.darklg.fr/387/google-tasks-entre-smartphone-et-desktop/#comments</comments>
		<pubDate>Thu, 15 Jul 2010 12:19:10 +0000</pubDate>
		<dc:creator>darklg</dc:creator>
				<category><![CDATA[Productivité]]></category>
		<category><![CDATA[google tasks]]></category>
		<category><![CDATA[gtd]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[mobile]]></category>

		<guid isPermaLink="false">http://blog.darklg.fr/?p=387</guid>
		<description><![CDATA[J&#8217;utilise le service Google Tasks depuis sa mise en place dans Gmail. Ce service, à l&#8217;instar de mon site Trois.me, permet de gérer ses listes de tâches, en utilisant sa méthode préférée : GTD, ZTD &#8230; Sa simplicité est redoutable : Pas de tags, de contextes ou de priorité, mais une prise en main très ... <a href="http://blog.darklg.fr/387/google-tasks-entre-smartphone-et-desktop/">lire la suite</a>]]></description>
			<content:encoded><![CDATA[<p>J&#8217;utilise le service <strong><a href="https://mail.google.com/tasks">Google Tasks</a></strong> depuis sa mise en place dans <a href="https://www.gmail.com">Gmail</a>. Ce service, à l&#8217;instar de mon site <a href="http://www.trois.me">Trois.me</a>, permet de gérer ses listes de tâches, en utilisant sa méthode préférée : GTD, ZTD &#8230; </p>
<p>Sa simplicité est redoutable : Pas de tags, de contextes ou de priorité, mais une prise en main très efficace avec indentation, tâches terminées, dates, etc. Ce qui déplaira à certains, permettra à d&#8217;autres de gérer leurs listes de tâches sans devoir apprendre une méthode lourde comme GTD.</p>
<p>Malheureusement, par défaut, <strong>Google Tasks</strong> n&#8217;est accessible que via Gmail, dans un &laquo;&nbsp;pop-in&nbsp;&raquo; tout sauf pratique.</p>
<p>Après quelques recherches, j&#8217;ai découvert qu&#8217;il était possible de l&#8217;exploiter de nombreuses manières :</p>
<h3>Dans votre navigateur</h3>
<h4>En pleine page</h4>
<p>Google a mis en place une <a href="https://mail.google.com/tasks/canvas">Interface &laquo;&nbsp;Desktop&nbsp;&raquo;</a> très pratique, à utiliser depuis un navigateur (récent, à priori)<br />
<img src="http://blog.darklg.fr/wp-content/uploads/2010/07/google-tasks-desktop.jpg" alt="Google Tasks Desktop" title="Google Tasks Desktop" width="500" height="239" /></p>
<h4>Dans un panneau latéral</h4>
<p>Une méthode genre pratique si vous devez surfer et compiler des informations dans une liste de tâches en la gardant sous les yeux, ou si vous bossez sur un écran avec de la place perdue. Sur Firefox, il vous suffit d&#8217;accéder à <a href="https://mail.google.com/tasks/ig">la version mobile</a>, puis de la mettre en marque-page. Ensuite, dans le menu marques-pages > Organiser, modifiez la fiche et assurez vous que la case &laquo;&nbsp;Charger ce marque page dans un panneau latéral&nbsp;&raquo; est cochée. ( Elle est planquée et ne s&#8217;affiche qu&#8217;au clic sur un bouton type &laquo;&nbsp;flèche vers le bas&nbsp;&raquo; )<br />
L&#8217;accès au marque-page chargera alors un panneau latéral bien pratique. Avec un bouton dans la barre de marques-pages, c&#8217;est encore meilleur <img src='http://blog.darklg.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br />
<img src="http://blog.darklg.fr/wp-content/uploads/2010/07/google-tasks-sidebar.jpg" alt="Google Tasks Sidebar" title="Google Tasks Sidebar" width="500" height="256"  /></p>
<h3>Sur votre smartphone</h3>
<h4>Via la version mobile</h4>
<p>Vue un peu plus haut, <a href="https://mail.google.com/tasks/ig">la version mobile</a> est accessible depuis tous les smartphones récents.Elle ne se <a href="https://mail.google.com/tasks/m">débrouille pas si mal sur un navigateur iMode</a>, même si l&#8217;ergonomie est très discutable. Peut dépanner, donc.</p>
<h4>Via une application</h4>
<p>Si vous avez une connexion capricieuse ( ou iPhone 4 ) et qu&#8217;en plus vous passez souvent sous des tunnels ( ou dans le métro ), vous apprécierez d&#8217;avoir une application capable de fonctionner en hors-ligne et de synchroniser les modifications plus tard.</p>
<p>Pour iPhone, j&#8217;ai trouvé  :<br />
<a href="http://itunes.apple.com/fr/app/geetaskslite-the-google-tasks/id368122293?mt=8">[itunes]</a> GeetasksLite &#8211; limité, avec pub &#8211; gratuit<br />
<a href="http://itunes.apple.com/fr/app/geetasks-the-google-tasks-app/id327744271?mt=8">[itunes]</a> Geetasks  &#8211; sans SSL ni Apps &#8211; 2,39€<br />
<a href="http://itunes.apple.com/fr/app/geetaskspro-google-tasks-app/id335547882?mt=8">[itunes]</a> Geetasks pro &#8211; tous les avantages &#8211; 4,99€  </p>
<p>J&#8217;ai donc investi dans la version la plus chère, et pour le moment, je ne suis pas déçu. L&#8217;interface, bien que peu fignolée, est très proche de la version mobile, et permet un peu plus que cette dernière, à savoir de réindenter ses tâches.<br />
<img src="http://blog.darklg.fr/wp-content/uploads/2010/07/geetasks-iphone.jpg" alt="Geetasks iPhone" title="Geetasks iPhone" width="500" height="250"  /></p>
<p>Il semble qu&#8217;un <a href="http://sites.google.com/site/ssi4and/home">équivalent existe pour Android</a>, mais je n&#8217;ai pas pu le tester :3</p>
<p>Edit : Monsieur LoïcG a fait un fantastique test sur son <strong><a href="http://blog.loicg.net/tech/utiliser-google-tasks-android/">utilisation de Google Tasks sur Android</a></strong>, à lire d&#8217;urgence si vous utilisez ce système d&#8217;exploitation mobile !</p>
<p>Ah oui, Google Tasks est gratuit, et s&#8217;active via votre Gmail.<br />
Et c&#8217;était ma pause déjeuner, donc j&#8217;ai mis des miettes d&#8217;humour sur les captures d&#8217;écran. Pan.</p>

<hr />
<p style="font-size : 10px;">
	Un article publi&eacute; sur <a href="http://blog.darklg.fr">Darklg Blog</a> &copy; 2010<br />
	Lien vers l'article original : <a href="http://blog.darklg.fr/387/google-tasks-entre-smartphone-et-desktop/">Google Tasks &#8211; entre SmartPhone et Desktop</a><br />
	<a rel="external nofollow" href="http://minurl.fr/?twitter&amp;titrelien=Darklg+Blog+%3A+Google+Tasks+%26%238211%3B+entre+SmartPhone+et+Desktop&amp;url=http://blog.darklg.fr/387/google-tasks-entre-smartphone-et-desktop/" title="Envoyer vers Twitter, avec MinURL !">Partager cet article sur Twitter</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://blog.darklg.fr/387/google-tasks-entre-smartphone-et-desktop/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Rayon vert</title>
		<link>http://blog.darklg.fr/369/rayon-vert/</link>
		<comments>http://blog.darklg.fr/369/rayon-vert/#comments</comments>
		<pubDate>Wed, 14 Jul 2010 13:08:28 +0000</pubDate>
		<dc:creator>darklg</dc:creator>
				<category><![CDATA[Divers]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[rayon vert]]></category>
		<category><![CDATA[soleil]]></category>

		<guid isPermaLink="false">http://blog.darklg.fr/?p=369</guid>
		<description><![CDATA[J&#8217;ai ramené de mes dernières vacances ( Décembre dernier, oh yeah ) une photo d&#8217;un phénomène optique assez rare : Le Rayon vert. Il peut être observé durant les dernières secondes du coucher de soleil (ou les premières du lever), s&#8217;il n&#8217;y a pas -trop- de nuages. Il prend la forme d&#8217;une tâche verte, située ... <a href="http://blog.darklg.fr/369/rayon-vert/">lire la suite</a>]]></description>
			<content:encoded><![CDATA[<p>J&#8217;ai ramené de mes dernières vacances ( Décembre dernier, oh yeah ) une photo d&#8217;un phénomène optique assez rare : Le <strong>Rayon vert</strong>. Il peut être observé durant les dernières secondes du <strong>coucher de soleil</strong> (ou les premières du lever), s&#8217;il n&#8217;y a pas -trop- de nuages. Il prend la forme d&#8217;une tâche verte, située juste au dessus du soleil.</p>
<p>J&#8217;ai tout d&#8217;abord cru à une arnaque, ou à un effet d&#8217;optique, mais après quelques minutes d&#8217;attentes, et un Réflex programmé pour une rafale, j&#8217;ai pu obtenir cette photo &#8211; recadrée mais non retouchée &#8211; du <strong style="color:#006600;">Rayon Vert</strong> : </p>
<p><img src="http://blog.darklg.fr/wp-content/uploads/2010/07/rayon-vert.jpg" alt="Rayon vert" title="Rayon vert"  style="width:100%" /></p>
<p>On me souffle que ça porte bonheur, mais la fiche Wikipédia sur <strong><a href="http://fr.wikipedia.org/wiki/Rayon_vert">le Rayon Vert</a></strong> ne semble pas en parler. Qu&#8217;en pensez vous ? <img src='http://blog.darklg.fr/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p>Edit : Comme le souligne <a href="http://pablo.rauzy.name/">p4bl0</a> dans les commentaires, l&#8217;excellent <a href="http://xkcd.com/">blog XKCD</a> a fait un dessin sur le <span lang="en">&laquo;&nbsp;Green Flash&nbsp;&raquo;</span><br />
<a href="http://xkcd.com/766/"><img src="http://blog.darklg.fr/wp-content/uploads/2010/07/green_flash.png" alt="Green Flash XKCD" title="Green Flash XKCD" width="512" height="393" class="alignnone size-full wp-image-384" /></a></p>

<hr />
<p style="font-size : 10px;">
	Un article publi&eacute; sur <a href="http://blog.darklg.fr">Darklg Blog</a> &copy; 2010<br />
	Lien vers l'article original : <a href="http://blog.darklg.fr/369/rayon-vert/">Rayon vert</a><br />
	<a rel="external nofollow" href="http://minurl.fr/?twitter&amp;titrelien=Darklg+Blog+%3A+Rayon+vert&amp;url=http://blog.darklg.fr/369/rayon-vert/" title="Envoyer vers Twitter, avec MinURL !">Partager cet article sur Twitter</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://blog.darklg.fr/369/rayon-vert/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Allégeons Twitter avec l&#039;Oiseau Filou</title>
		<link>http://blog.darklg.fr/354/allegeons-twitter-avec-loiseau-filou/</link>
		<comments>http://blog.darklg.fr/354/allegeons-twitter-avec-loiseau-filou/#comments</comments>
		<pubDate>Tue, 01 Jun 2010 17:38:13 +0000</pubDate>
		<dc:creator>darklg</dc:creator>
				<category><![CDATA[twitter]]></category>
		<category><![CDATA[script]]></category>

		<guid isPermaLink="false">http://blog.darklg.fr/?p=354</guid>
		<description><![CDATA[Suite à une discussion avec Christophe Logiste sur Twitter et le minimalisme, j&#8217;ai pris quelques heures pour concevoir un générateur de script pour alléger Twitter. Son principe, inspiré du script Greasemonkey par Arpinext, est on ne peut plus simple : Supprimer les éléments indésirables de Twitter, tels que les Trending Topics, la liste de following ... <a href="http://blog.darklg.fr/354/allegeons-twitter-avec-loiseau-filou/">lire la suite</a>]]></description>
			<content:encoded><![CDATA[<p>Suite à une discussion avec <a href="http://www.logiste.be/blog/">Christophe Logiste</a> sur <a href="http://www.logiste.be/blog/twitter-en-mode-minimaliste/">Twitter et le minimalisme</a>, j&#8217;ai pris quelques heures pour concevoir un <a href="http://filou.darklg.fr/">générateur de script</a> pour alléger <a href="http://twitter.com/Darklg">Twitter</a>.</p>
<p>Son principe, inspiré du <a href="http://blog.arpitnext.com/2009/11/clean-sidebar-greasemonkey-scripts-remove-elements-from-twitter.html">script Greasemonkey par Arpinext</a>, est on ne peut plus simple : Supprimer les éléments indésirables de <a href="http://twitter.com/Darklg">Twitter</a>, tels que les Trending Topics, la liste de following ou encore le mini profil personnel.</p>
<p>Il fonctionne grâce à <a href="http://www.greasespot.net/">GreaseMonkey</a> sur Firefox (et d&#8217;autres navigateurs également) et s&#8217;installe en quelques secondes.</p>
<p>Découvrez vite <a href="http://filou.darklg.fr/">L&#8217;Oiseau Filou</a> ! (Un nom pourri, oui)</p>

<hr />
<p style="font-size : 10px;">
	Un article publi&eacute; sur <a href="http://blog.darklg.fr">Darklg Blog</a> &copy; 2010<br />
	Lien vers l'article original : <a href="http://blog.darklg.fr/354/allegeons-twitter-avec-loiseau-filou/">Allégeons Twitter avec l&#039;Oiseau Filou</a><br />
	<a rel="external nofollow" href="http://minurl.fr/?twitter&amp;titrelien=Darklg+Blog+%3A+All%C3%A9geons+Twitter+avec+l%26%23039%3BOiseau+Filou&amp;url=http://blog.darklg.fr/354/allegeons-twitter-avec-loiseau-filou/" title="Envoyer vers Twitter, avec MinURL !">Partager cet article sur Twitter</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://blog.darklg.fr/354/allegeons-twitter-avec-loiseau-filou/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Rework &#8211; Changez votre façon de travailler</title>
		<link>http://blog.darklg.fr/342/rework-changez-votre-facon-de-travailler/</link>
		<comments>http://blog.darklg.fr/342/rework-changez-votre-facon-de-travailler/#comments</comments>
		<pubDate>Sat, 22 May 2010 17:34:49 +0000</pubDate>
		<dc:creator>darklg</dc:creator>
				<category><![CDATA[Lectures]]></category>
		<category><![CDATA[Productivité]]></category>
		<category><![CDATA[clients]]></category>
		<category><![CDATA[entreprise]]></category>
		<category><![CDATA[lecture]]></category>
		<category><![CDATA[travail]]></category>

		<guid isPermaLink="false">http://blog.darklg.fr/?p=342</guid>
		<description><![CDATA[Rework est un livre coup de poing par l&#8217;équipe de 37 Signals, qui crée des outils optimisant le fonctionnement d&#8217;une entreprise. Les auteurs, Jason Fried et David Heinemeier Hansson ont fait le choix de publier leurs chapitres à la manière d&#8217;articles de blog : une illustration et un titre percutants accompagnant quelques pages de texte, ... <a href="http://blog.darklg.fr/342/rework-changez-votre-facon-de-travailler/">lire la suite</a>]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.darklg.fr/wp-content/uploads/2010/04/front-cover-186x300.png" alt="Couverture du livre Rework par 37Signals" style="width:100px;margin-left:5px;" class="alignright size-medium wp-image-343" /></p>
<p><strong>Rework</strong> est un livre coup de poing par l&#8217;équipe de <a href="http://37signals.com/">37 Signals</a>, qui crée des outils optimisant le fonctionnement d&#8217;une entreprise.</p>
<p>Les auteurs,  <strong>Jason Fried</strong> et <strong>David Heinemeier Hansson</strong> ont fait le choix de publier leurs chapitres à la manière d&#8217;articles de blog : une illustration et un titre percutants accompagnant quelques pages de texte, apportant ainsi un grand plaisir de lecture.</p>
<p>Le livre est bourré de conseils inestimables sur le <strong>télétravail</strong> et les méthodes d&#8217;organisation qui vont avec, sur la façon de travailler sur un projet, d&#8217;<strong>échanger</strong> avec ses collègues et bien évidemment de <strong>gérer ses clients</strong>, en étant à l&#8217;écoute et en gardant un côté didactique.</p>
<p>Un chapitre choc sur les &laquo;&nbsp;<a href="http://fr.wikipedia.org/wiki/Bourreau_de_travail">workaholics</a>&nbsp;&raquo; démontre par exemple que ces derniers ne sont  pas nécessairement les personnes <strong>les plus productives</strong> d&#8217;une société.</p>
<p>Les conseils de <strong>37 Signals</strong> pour gérer votre entreprise vont souvent à contre-courant de &laquo;&nbsp;ce que les gens disent&nbsp;&raquo;. Mais leurs remarques tapant souvent là où ça fait mal, des réflexions enrichissantes sortiront à coup sûr de cette lecture, afin de s&#8217;adapter à votre milieu professionnel.</p>
<p>Vous n&#8217;êtes pas convaincus ? Découvrez <a href="http://s3.amazonaws.com/37assets/svn/Rework-by-Jason-Fried-and-David-Heinemeier-Hansson-Excerpts.pdf">quelques chapitres de Rework en pdf</a> et dites moi ce que vous en pensez <img src='http://blog.darklg.fr/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p>ça s&#8217;achète chez <a href="http://www.amazon.fr/gp/product/0091929784?ie=UTF8&amp;tag=darblo08-21&amp;linkCode=as2&amp;camp=1642&amp;creative=19458&amp;creativeASIN=0091929784">Amazon France</a>, en anglais pour l&#8217;instant.</p>

<hr />
<p style="font-size : 10px;">
	Un article publi&eacute; sur <a href="http://blog.darklg.fr">Darklg Blog</a> &copy; 2010<br />
	Lien vers l'article original : <a href="http://blog.darklg.fr/342/rework-changez-votre-facon-de-travailler/">Rework &#8211; Changez votre façon de travailler</a><br />
	<a rel="external nofollow" href="http://minurl.fr/?twitter&amp;titrelien=Darklg+Blog+%3A+Rework+%26%238211%3B+Changez+votre+fa%C3%A7on+de+travailler&amp;url=http://blog.darklg.fr/342/rework-changez-votre-facon-de-travailler/" title="Envoyer vers Twitter, avec MinURL !">Partager cet article sur Twitter</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://blog.darklg.fr/342/rework-changez-votre-facon-de-travailler/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Pourquoi je ne lis plus ton blog</title>
		<link>http://blog.darklg.fr/352/pourquoi-je-ne-lis-plus-ton-blog/</link>
		<comments>http://blog.darklg.fr/352/pourquoi-je-ne-lis-plus-ton-blog/#comments</comments>
		<pubDate>Wed, 19 May 2010 13:31:52 +0000</pubDate>
		<dc:creator>darklg</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[blogueur]]></category>
		<category><![CDATA[lisibilite]]></category>

		<guid isPermaLink="false">http://blog.darklg.fr/?p=352</guid>
		<description><![CDATA[Pour garder une veille efficace, il est nécessaire de trier ses lectures. On découvre des blogs parce que des amis en parlent, partagent des liens, au détour d&#8217;une recherche Google. Et puis un jour, on se rend compte qu&#8217;ils sont réellement à côté de la plaque. Voici pourquoi certains blogs ne font plus partie de ... <a href="http://blog.darklg.fr/352/pourquoi-je-ne-lis-plus-ton-blog/">lire la suite</a>]]></description>
			<content:encoded><![CDATA[<p>Pour garder une <strong>veille efficace</strong>, il est nécessaire de trier ses lectures. On découvre des blogs parce que des amis en parlent, partagent des liens, au détour d&#8217;une recherche Google. Et puis un jour, on se rend compte qu&#8217;ils sont réellement à côté de la plaque. Voici pourquoi certains blogs ne font plus partie de mes lectures.</p>
<h3>La présentation des articles est à revoir</h3>
<p>La police est bien trop petite, l&#8217;espacement des lignes est bien trop faible, la police de couleur est en gris foncé sur gris clair. Il faut chercher l&#8217;article entre des dizaines de publicités et de vidéos qui se lancent automatiquement.</p>
<p>L&#8217;article est écrit sans <strong>aucune aération</strong> / sous-titre, uniquement à base de (popopopo) gros pavés de texte. Il n&#8217;y a même pas de <a href="http://fr.wikipedia.org/wiki/Chapeau_(typographie)">chapô</a> résumant le contenu, sur un principe de <a href="http://www.redaction.be/cequinechangepas/index.htm#pyramide">pyramide inversée</a>.</p>
<p>L&#8217;article est évidemment pollué par de grosses illustrations extraites de banques d&#8217;image et sans intérêt avec le contenu.</p>
<h3>La présentation du blog est médiocre</h3>
<p>Chaque page met 30 secondes à charger à cause d&#8217;une mauvaise <strong>optimisation</strong> côté client (Widgets et thèmes mal conçus, ajout de boutons provenants de sources variées) ou côté serveur ( pas de plugin de cache installé ). Le &laquo;&nbsp;contenu&nbsp;&raquo; n&#8217;est qu&#8217;une mise en avant du thème, vaguement personnalisé mais déjà vu de nombreuses fois ailleurs.</p>
<p>Le blog est par ailleurs <strong>bugué</strong> à loisir : les vidéos sont mal sourcées ou ne s&#8217;affichent pas, une partie du contenu est oubliée, voir divisée entre plusieurs pages, à raison d&#8217;un paragraphe pour chaque.</p>
<p>Le contenu a une largeur variable : sur mon écran de laptop, c&#8217;est très joli. Sur un 21&#8243;, on arrive à 200 caractères par lignes, ce qui rend la lecture laborieuse. Encore plus quand les lignes sont justifiées.</p>
<p>D&#8217;ailleurs, la transparence du fond sur une photo de vacances à la mer aide énormément</p>
<h3>Les articles sont sans intérêt</h3>
<p>L&#8217;info de l&#8217;article a été mal reprise, un pur recopiage pour se placer sur les <a href="http://fr.wikipedia.org/wiki/Page_de_résultats_d%27un_moteur_de_recherche">SERP</a>. Le sujet n&#8217;est absolument pas compris, voir largement en retard.</p>
<p>La source n&#8217;est évidemment pas citée, pourquoi s&#8217;embêter ? Il n&#8217;y a d&#8217;ailleurs aucune touche personnelle sur l&#8217;article. Pas de point de vue, de l&#8217;information pure. Tellement pure qu&#8217;un lien (ou <a href="http://twitter.com/DarklgWeb">un twitt)</a> vers la source aurait pu suffire à &laquo;&nbsp;informer les lecteurs&nbsp;&raquo;.</p>
<p>Rien n&#8217;est prévu pour expliquer les détails techniques dans l&#8217;article. Après tout, les lecteurs sont grands, ils peuvent aller fouiller dans les archives, voir sur Google. &laquo;&nbsp;Nan mais attends, quoi&nbsp;&raquo;.</p>
<h3>Le blog est sans intérêt</h3>
<p>C&#8217;est un blog &laquo;&nbsp;fourre-tout&nbsp;&raquo; sans aucune ligne directrice. Il est là uniquement pour les <strong>moteurs de recherche </strong>et pour amener du visiteur. Pire encore, il a été créé pour afficher des pubs, grâce à un contenu généré automatiquement, voir compilé (volé) sur d&#8217;autres blogs.</p>
<p>Le ton du blog est pompeux, et tourne grâce à de l&#8217;article sponsorisé, voire à des chroniques de soirées organisées pour découvrir le dernier portable en décalage complet avec le marché, mais &laquo;&nbsp;C&#8217;est trooo bien, quoi&nbsp;&raquo;.</p>
<p>Je ne parlerais pas de <strong>l&#8217;orthographe</strong>, forcément. Une simple relecture à voix-haute (IRL !) permettant d&#8217;éviter quelques fautes évidentes, comme un &laquo;&nbsp;Darklg&nbsp;&raquo; orthographié &laquo;&nbsp;DalrKG&nbsp;&raquo;. On a tous le droit de faire des fautes, mais ne pas se relire, c&#8217;est criminel. oui madame.</p>
<p>Ton blog, on l&#8217;aime ou on le quitte, et c&#8217;est probablement pour ça que <strong>je ne lis plus ton blog</strong>.</p>
<p>Les commentaires sont ouvertes pour vos insultes :3 <- Des fautes se cachent dans cette phrase. \o/</p>

<hr />
<p style="font-size : 10px;">
	Un article publi&eacute; sur <a href="http://blog.darklg.fr">Darklg Blog</a> &copy; 2010<br />
	Lien vers l'article original : <a href="http://blog.darklg.fr/352/pourquoi-je-ne-lis-plus-ton-blog/">Pourquoi je ne lis plus ton blog</a><br />
	<a rel="external nofollow" href="http://minurl.fr/?twitter&amp;titrelien=Darklg+Blog+%3A+Pourquoi+je+ne+lis+plus+ton+blog&amp;url=http://blog.darklg.fr/352/pourquoi-je-ne-lis-plus-ton-blog/" title="Envoyer vers Twitter, avec MinURL !">Partager cet article sur Twitter</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://blog.darklg.fr/352/pourquoi-je-ne-lis-plus-ton-blog/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Wordcamp 3 à Paris &#8211; 8 mai 2010</title>
		<link>http://blog.darklg.fr/346/wordcamp-3-paris-8-mai-2010/</link>
		<comments>http://blog.darklg.fr/346/wordcamp-3-paris-8-mai-2010/#comments</comments>
		<pubDate>Sat, 08 May 2010 19:30:24 +0000</pubDate>
		<dc:creator>darklg</dc:creator>
				<category><![CDATA[Sorties dans le monde reel]]></category>
		<category><![CDATA[la cantine]]></category>
		<category><![CDATA[wordcamp]]></category>
		<category><![CDATA[wordcampparis]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://blog.darklg.fr/?p=346</guid>
		<description><![CDATA[Après une précédente édition fort réussie (Wordcamp 2), j&#8217;ai eu le plaisir de me rendre à la 3ème édition du Worcamp Paris, à La Cantine, haut lieu de l&#8217;internet paris. Une journée riche en rencontres, et en trolls de qualité sur les fonctionnalités de WordPress 3. J&#8217;ai également eu le plaisir de rencontrer Francis Chouquet ... <a href="http://blog.darklg.fr/346/wordcamp-3-paris-8-mai-2010/">lire la suite</a>]]></description>
			<content:encoded><![CDATA[<p>Après une précédente édition fort réussie (<a href="http://blog.darklg.fr/227/im-back/">Wordcamp 2</a>), j&#8217;ai eu le plaisir de me rendre à la 3ème édition du <strong>Worcamp Paris</strong>, à La Cantine, haut lieu de l&#8217;internet paris. Une journée riche en rencontres, et en trolls de qualité sur les fonctionnalités de WordPress 3.</p>
<p><img src="http://blog.darklg.fr/wp-content/uploads/2010/05/wordpress-troll1.jpg" alt="Troll WordPress" title="Troll WordPress" width="489" height="406" /></p>
<p>J&#8217;ai également eu le plaisir de rencontrer <a href="http://www.fran6art.com/">Francis Chouquet</a> ( qui m&#8217;a dédicacé &#8211; oh yeah &#8211; mon exemplaire du livre WordPress ) et <a href="http://blogtoolbox.fr/">Maxime Guernion</a>, deux acteurs importants de la communauté WordPress francophone, ainsi que l&#8217;équipe de <a href="http://www.wordpress-fr.net/blog/le-wordcamp-paris-2010-cest-fini">WordPress-FR</a> qui organisait ce barcamp.</p>
<p style="text-align:center;"><img src="http://blog.darklg.fr/wp-content/uploads/2010/05/wordcamp-tshirt1.jpg" alt="Tee-Shirt Wordcamp et livre WordPress" title="Tee-Shirt Wordcamp et livre WordPress" width="500" height="375"/></p>
<p>J&#8217;ai eu l&#8217;occasion de participer à plusieurs conférences, de mémoire :</p>
<ul>
<li><strong>WordPress et mobile</strong> : intéressante de par l&#8217;utilisation des QR Codes, et de la différence entre adaptation d&#8217;un contenu pour un mobile, et mise en place d&#8217;un contenu spécifique pour les mobiles.</li>
<li><strong>Thèmes WordPress &#8211; Premium</strong> : Francis a souligné l&#8217;intérêt de faire une maquette HTML/CSS de son futur thème, pour faciliter l&#8217;intégration en remplacant ses titres et contenus par défaut par les fonctions WordPress.</li>
<li><strong>SEO &#8211; Monétisation de WordPress</strong> : Située dans la salle Richard Stallman ( un comble ! ), nous avons abordé les extensions indispensables ainsi que les bonnes pratiques pour un référencement efficace sur WordPress.</li>
<li><strong>Panorama de sites WordPress FR</strong> : Un odieux personnage a proposé cette conférence et n&#8217;est pas venu, ce qui nous a laissé discuter et troller librement.</li>
</ul>
<p>En conclusion, une excellente journée en compagnie des formidables <a href="http://ketchupmayo.fr">Dimitri</a> et <a href="http://blog.dondapo.net/2010/05/08/wordcamp-paris-2010/">Cyril</a> et un énorme big-up à <a href="http://xavier.borderie.net/blog/">Xavier Borderie</a>, <a href="http://www.herewithme.fr/">Amaury Balmer</a>, <a href="http://www.fran6art.com/">Francis Chouquet</a> et les autres pour une organisation sans accroc.</p>
<p><img src="http://blog.darklg.fr/wp-content/uploads/2010/05/xavier-amaury-francis1.jpg" alt="Xavier Borderie, Amaury Balmer et Francis Chouquet" width="500" height="375" /></p>
<p>Edit : dédicace aux Sponsors/partenaires qui ont rendu l&#8217;évènement gratuit, et qui ne nous ont même pas embêté pendant la journée : <a href="http://lacantine.org/">La Cantine</a>, <a href="http://siliconsentier.org/">Silicon Sentier</a>, <a href="http://www.creasenso.fr/">Creasenso</a> , <a href="http://www.creasenso.fr/">Creasenso</a>, <a href="http://www.cocommerce.com/">Cocommerce</a>, <a href="http://22mars.com/">22mars</a> / <a href="http://owni.fr/">Owni</a>, <a href="http://www.pearson.fr/">Pearson</a>, <a href="http://www.beapi.fr/">Be API</a>, <a href="http://www.adfever.com/">AdFever</a>, <a href="http://www.beecreative.fr/">Bee Creative</a> et <a href="http://loguy.com/">Loguy</a>.</p>

<hr />
<p style="font-size : 10px;">
	Un article publi&eacute; sur <a href="http://blog.darklg.fr">Darklg Blog</a> &copy; 2010<br />
	Lien vers l'article original : <a href="http://blog.darklg.fr/346/wordcamp-3-paris-8-mai-2010/">Wordcamp 3 à Paris &#8211; 8 mai 2010</a><br />
	<a rel="external nofollow" href="http://minurl.fr/?twitter&amp;titrelien=Darklg+Blog+%3A+Wordcamp+3+%C3%A0+Paris+%26%238211%3B+8+mai+2010&amp;url=http://blog.darklg.fr/346/wordcamp-3-paris-8-mai-2010/" title="Envoyer vers Twitter, avec MinURL !">Partager cet article sur Twitter</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://blog.darklg.fr/346/wordcamp-3-paris-8-mai-2010/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Lecture &#8211; Lisibilité des sites web</title>
		<link>http://blog.darklg.fr/340/lecture-lisibilite-des-sites-web/</link>
		<comments>http://blog.darklg.fr/340/lecture-lisibilite-des-sites-web/#comments</comments>
		<pubDate>Mon, 29 Mar 2010 19:37:09 +0000</pubDate>
		<dc:creator>darklg</dc:creator>
				<category><![CDATA[Lectures]]></category>
		<category><![CDATA[ergonomie]]></category>
		<category><![CDATA[lisibilite]]></category>
		<category><![CDATA[livre]]></category>
		<category><![CDATA[sites web]]></category>

		<guid isPermaLink="false">http://blog.darklg.fr/?p=340</guid>
		<description><![CDATA[Lisibilité des sites web, des choix typographiques au design d&#8217;information est un livre de la collection Accès libre d&#8217;Eyrolles sur la &#171;&#160;mise en écran&#160;&#187; du contenu des sites Internet. En complément des règles &#171;&#160;habituelles&#160;&#187; de rédaction web et d&#8217;ergonomie, il aborde des thèmes aussi divers que les grilles typographiques, les formats ou le codage des ... <a href="http://blog.darklg.fr/340/lecture-lisibilite-des-sites-web/">lire la suite</a>]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.darklg.fr/wp-content/uploads/2010/03/97822121242621.jpg" alt="Lisibilité des sites web, des choix typographiques au design d’information"class="alignright size-full wp-image-341" style="width:110px;margin-left:5px;" /><br />
<strong>Lisibilité des sites web, des choix typographiques au design d&#8217;information</strong> est un livre de la <a href="http://www.editions-eyrolles.com/Collection/1490/acces-libre">collection Accès libre d&#8217;Eyrolles</a> sur la &laquo;&nbsp;mise en écran&nbsp;&raquo; du contenu des sites Internet. En complément des règles &laquo;&nbsp;habituelles&nbsp;&raquo; de <a href="http://www.editions-eyrolles.com/Livre/9782212124330/bien-rediger-pour-le-web">rédaction web</a> et d&#8217;<a href="http://www.editions-eyrolles.com/Livre/9782212124798/ergonomie-web">ergonomie</a>, il aborde des thèmes aussi divers que les grilles typographiques, les formats ou le codage des caractères.</p>
<p>À l&#8217;heure ou l&#8217;on vante les mérites du <strong>contenu-roi</strong> sur Internet, il m&#8217;a semblé intéressant d&#8217;investir dans ce livre, couvrant un domaine trop méconnu, mais pourtant indispensable à la bonne qualité d&#8217;un site, et à la satisfaction du besoin d&#8217;information des visiteurs.</p>
<p>Le prix éditeur est de 35 euros, ça fait mal en fin de mois, mais l&#8217;avenir me confirmera sûrement que ce livre dont je n&#8217;avais pas entendu parler est un excellent investissement.</p>
<p>Lisibilité des sites web, de Marie-Valentine Blond, <a href="http://www.objetslivres.fr/">Olivier Marcellin</a> et Melina Zerbib, <a href="http://www.eyrolles.com/Informatique/Livre/lisibilite-des-sites-web-9782212124262">s&#8217;achète entre autres chez Eyrolles</a> ou sur <a href="http://www.amazon.fr/gp/product/2212124260?ie=UTF8&amp;tag=darblo08-21&amp;linkCode=as2&amp;camp=1642&amp;creative=19458&amp;creativeASIN=2212124260">Amazon France</a>.</p>

<hr />
<p style="font-size : 10px;">
	Un article publi&eacute; sur <a href="http://blog.darklg.fr">Darklg Blog</a> &copy; 2010<br />
	Lien vers l'article original : <a href="http://blog.darklg.fr/340/lecture-lisibilite-des-sites-web/">Lecture &#8211; Lisibilité des sites web</a><br />
	<a rel="external nofollow" href="http://minurl.fr/?twitter&amp;titrelien=Darklg+Blog+%3A+Lecture+%26%238211%3B+Lisibilit%C3%A9+des+sites+web&amp;url=http://blog.darklg.fr/340/lecture-lisibilite-des-sites-web/" title="Envoyer vers Twitter, avec MinURL !">Partager cet article sur Twitter</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://blog.darklg.fr/340/lecture-lisibilite-des-sites-web/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Un Système de grilles/grid avec CSS &amp; PHP</title>
		<link>http://blog.darklg.fr/339/systeme-grille-grid-css-php/</link>
		<comments>http://blog.darklg.fr/339/systeme-grille-grid-css-php/#comments</comments>
		<pubDate>Tue, 16 Mar 2010 22:38:22 +0000</pubDate>
		<dc:creator>darklg</dc:creator>
				<category><![CDATA[Développement PHP / MySQL]]></category>
		<category><![CDATA[Intégration xHTML / CSS]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[grid]]></category>
		<category><![CDATA[grilles]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://blog.darklg.fr/?p=339</guid>
		<description><![CDATA[J&#8217;utilise depuis quelques mois un système de grilles léger et efficace : Le 1kb CSS GRID. Malheureusement, la version proposée sur le blog demande une reconfiguration cas par cas, et la version générée par le site dédié, demandait un retour au site pour chaque nouveau projet. J&#8217;ai donc décidé de monter un bout de code ... <a href="http://blog.darklg.fr/339/systeme-grille-grid-css-php/">lire la suite</a>]]></description>
			<content:encoded><![CDATA[<p>J&#8217;utilise depuis quelques mois un système de grilles léger et efficace :<br />
<a href="http://www.usabilitypost.com/2009/05/29/the-1kb-css-grid-part-1/">Le 1kb CSS GRID</a>.</p>
<p>Malheureusement, la version  proposée sur le blog demande une reconfiguration cas par cas, et la version générée par le <a href="http://www.1kbgrid.com/">site dédié</a>, demandait un retour au site pour chaque nouveau projet. J&#8217;ai donc décidé de monter un bout de code pour automatiser la création de grilles.<br />
Attention, je ne gère pas de marges internes, ces dernières sont générées par les éléments contenus dans ces grilles. C&#8217;est mal, je sais.</p>
<p>On definit le nombre de colonnes et leur largeur par défaut.</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #666666; font-style: italic;">// Version A : nb_colonnes * largeur_colonne = largeur_ligne</span>
<span style="color: #000088;">$grid_nb_colonnes</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">12</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$grid_largeur</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">80</span><span style="color: #339933;">;</span></pre></div></div>

<p>Il est évidemment possible de définir la largeur totale d&#8217;une ligne :</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #666666; font-style: italic;">// Version B : largeur_ligne / nb_colonnes = largeur_colonne</span>
<span style="color: #000088;">$grid_largeur_ligne</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">960</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$grid_largeur</span> <span style="color: #339933;">=</span> <span style="color: #990000;">round</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$grid_largeur_ligne</span> <span style="color: #339933;">/</span> <span style="color: #000088;">$grid_nb_colonnes</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>Faites toutefois attention à utiliser des valeurs multiples, afin d&#8217;éviter une colonne trop petite, ou trop grande.</p>
<p>On génère ensuite une propriété pour chaque largeur de grille</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #b1b100;">for</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$i</span><span style="color: #339933;">=</span><span style="color: #cc66cc;">1</span><span style="color: #339933;">;</span><span style="color: #000088;">$i</span><span style="color: #339933;">&lt;=</span><span style="color: #000088;">$grid_nb_colonnes</span><span style="color: #339933;">;</span><span style="color: #000088;">$i</span><span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span>
	<span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">'.grid_'</span><span style="color: #339933;">.</span><span style="color: #000088;">$i</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'{width:'</span><span style="color: #339933;">.</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$i</span><span style="color: #339933;">*</span><span style="color: #000088;">$grid_largeur</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'px;} '</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">;</span></pre></div></div>

<p>On affiche les propriétés de gestion de lignes et colonnes</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">'.column{float:left;overflow:hidden;display:inline;}'</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">'.row{width:'</span><span style="color: #339933;">.</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$grid_nb_colonnes</span><span style="color: #339933;">*</span><span style="color: #000088;">$grid_largeur</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'px;overflow:hidden;margin:0 auto;}'</span><span style="color: #339933;">;</span></pre></div></div>

<p>Et voilà <img src='http://blog.darklg.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  c&#8217;est évidemment utilisable dans mon <a href="http://blog.darklg.fr/328/compresser-ranger-css-php/">système de compression CSS via PHP</a>, à condition de charger le contenu dans la variable $retour_css au lieu d&#8217;afficher le contenu via <strong>echo</strong>, et de l&#8217;insérer juste avant l&#8217;appel à la fonction compress();. La configuration des largeurs et colonnes peut être par contre montée en haut du script, pour plus de confort <img src='http://blog.darklg.fr/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p>Note : Le bout de code est sous <a href="http://fr.wikipedia.org/wiki/WTF_Public_License">licence WTFPL</a>, mais un lien, un merci ou <a href="https://www.amazon.fr/wishlist/1RVCWI76NZASX">un cadeau</a> (Sait-on jamais qu&#8217;un puissant mécène qui souhaite mon bonheur me lise) sont appréciés.</p>

<hr />
<p style="font-size : 10px;">
	Un article publi&eacute; sur <a href="http://blog.darklg.fr">Darklg Blog</a> &copy; 2010<br />
	Lien vers l'article original : <a href="http://blog.darklg.fr/339/systeme-grille-grid-css-php/">Un Système de grilles/grid avec CSS &amp; PHP</a><br />
	<a rel="external nofollow" href="http://minurl.fr/?twitter&amp;titrelien=Darklg+Blog+%3A+Un+Syst%C3%A8me+de+grilles%2Fgrid+avec+CSS+%26amp%3B+PHP&amp;url=http://blog.darklg.fr/339/systeme-grille-grid-css-php/" title="Envoyer vers Twitter, avec MinURL !">Partager cet article sur Twitter</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://blog.darklg.fr/339/systeme-grille-grid-css-php/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>D&#039;Internet Explorer 6.0 à Firefox 3.6</title>
		<link>http://blog.darklg.fr/335/internet-explorer-6-firefox-3-6/</link>
		<comments>http://blog.darklg.fr/335/internet-explorer-6-firefox-3-6/#comments</comments>
		<pubDate>Thu, 11 Mar 2010 21:34:31 +0000</pubDate>
		<dc:creator>darklg</dc:creator>
				<category><![CDATA[Intégration xHTML / CSS]]></category>
		<category><![CDATA[Vite vu Vite lu Vite écrit.]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[ie6]]></category>
		<category><![CDATA[internet explorer]]></category>
		<category><![CDATA[mozilla]]></category>

		<guid isPermaLink="false">http://blog.darklg.fr/?p=335</guid>
		<description><![CDATA[En testant le mode intégré de VirtualBox, j&#8217;en ai profité pour faire une capture d&#8217;écran peu commune : mon site perso affiché sous Internet Explorer 6.0 à côté de la version sous Mozilla Firefox 3.6 (Version Mac). On ne distingue en effet que trois grosses différences dans le design : Les bordures arrondies, la transparence ... <a href="http://blog.darklg.fr/335/internet-explorer-6-firefox-3-6/">lire la suite</a>]]></description>
			<content:encoded><![CDATA[<p><a title="D'Internet Explorer 6.0 à Firefox 3.6 by darklg, on Flickr" href="http://www.flickr.com/photos/darklg/4425034695/"><img src="http://farm3.static.flickr.com/2782/4425034695_58dc0c4e1b.jpg" alt="D'Internet Explorer 6.0 à Firefox 3.6" /></a></p>
<p>En testant le mode intégré de <a href="http://www.virtualbox.org/">VirtualBox</a>, j&#8217;en ai profité pour faire une capture d&#8217;écran peu commune : mon <a href="http://www.kevin-rocher.fr">site perso</a> affiché sous Internet Explorer 6.0 à côté de la version sous Mozilla Firefox 3.6 (Version Mac).</p>
<p>On ne distingue en effet que trois grosses différences dans le design : Les bordures arrondies, la transparence et les polices. J&#8217;aurais pu évidemment faire un site au pixel près avec quelques astuces, mais en alourdissant le code (plugin jquery, png transparent supplémentaire&#8230;). Donc un grand <a href="http://blog.darklg.fr/313/ie8-js-ie7-js-corriger-erreurs-ie6/">merci à ie8.js</a> de gérer la majorité des bugs : )</p>
<p>à titre informatif : mon <a href="http://twitter.com/Darklg">compte Twitter</a> est désormais en public, n&#8217;hésitez plus à me suivre <img src='http://blog.darklg.fr/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>

<hr />
<p style="font-size : 10px;">
	Un article publi&eacute; sur <a href="http://blog.darklg.fr">Darklg Blog</a> &copy; 2010<br />
	Lien vers l'article original : <a href="http://blog.darklg.fr/335/internet-explorer-6-firefox-3-6/">D&#039;Internet Explorer 6.0 à Firefox 3.6</a><br />
	<a rel="external nofollow" href="http://minurl.fr/?twitter&amp;titrelien=Darklg+Blog+%3A+D%26%23039%3BInternet+Explorer+6.0+%C3%A0+Firefox+3.6&amp;url=http://blog.darklg.fr/335/internet-explorer-6-firefox-3-6/" title="Envoyer vers Twitter, avec MinURL !">Partager cet article sur Twitter</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://blog.darklg.fr/335/internet-explorer-6-firefox-3-6/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
