<?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>LoïcG &#187; css</title>
	<atom:link href="http://blog.loicg.net/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.loicg.net</link>
	<description>Carnet d&#039;un développeur web</description>
	<lastBuildDate>Sat, 04 Feb 2012 17:31:19 +0000</lastBuildDate>
	<language>fr</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>La veille du week-end (vingt-troisième)</title>
		<link>http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-vingt-troisieme/</link>
		<comments>http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-vingt-troisieme/#comments</comments>
		<pubDate>Fri, 03 Feb 2012 12:48:46 +0000</pubDate>
		<dc:creator>loicg</dc:creator>
				<category><![CDATA[Au comptoir]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[mobile]]></category>

		<guid isPermaLink="false">http://blog.loicg.net/?p=1445</guid>
		<description><![CDATA[Voici pour la 23ème sélection : Cette semaine, du HTML5, des astuces pour WordPress (je risque d&#8217;ailleurs de sortir quelques billets dans les jours/semaines à venir) et du responsive design Développement web : jQuery Mobile &#8211; What You Need to Know : via br1o Resumable file upload in javascript : : via capitainemousse  How to Set Upload Directory for [...]]]></description>
			<content:encoded><![CDATA[<p>Voici pour la 23ème sélection :</p>
<p>Cette semaine, du HTML5, des astuces pour WordPress (je risque d&#8217;ailleurs de sortir quelques billets dans les jours/semaines à venir) et du responsive design <img src='http://blog.loicg.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><span id="more-1445"></span></p>
<h2>Développement web :</h2>
<ul>
<li><a href="http://t.co/MGP7XtRL">jQuery Mobile &#8211; What You Need to Know </a>: via <a href="http://twitter.com/br1o">br1o</a></li>
<li><a href="https://t.co/YTKQuNWO">Resumable file upload in javascript : </a>: via <a href="http://twitter.com/capitainemousse">capitainemousse</a></li>
<li><a href="http://t.co/vUhv16J0"> How to Set Upload Directory for a Custom Post Type #WordPress</a> : via <a href="http://twitter.com/lecolibrilibre">lecolibrilibre</a></li>
<li><a href="http://t.co/6o3AI3Ya">Hacks, Snippets and Articles | WordPress Snippets #WordPress</a> : via <a href="http://twitter.com/lecolibrilibre">lecolibrilibre</a></li>
<li><a href="http://t.co/IP4DCzQp">Outil (et démo) pour développer avec les événements du gyroscope </a>: via <a href="http://twitter.com/theystolemynick">theystolemynick</a></li>
<li><a href="http://t.co/w8w3SM7O">Comment bien designer une BDD pour le cloud: #fdw #bdd #cloud #scalable</a> : via <a href="http://twitter.com/LaFermeDuWeb">LaFermeDuWeb</a></li>
</ul>
<p>&nbsp;</p>
<h2>Intégration, design et accessibilité :</h2>
<ul>
<li><a href="http://t.co/PNPjGlfe">Développer un site internet avec du responsive design via @flashxman</a> : via <a href="http://twitter.com/labilbe">labilbe</a></li>
<li><a href="http://t.co/fAIrMI8x">Ca parle font-size &amp; accessibilté chez wdfriday : </a>: via <a href="http://twitter.com/GeoffreyDorne">GeoffreyDorne</a></li>
<li><a href="http://t.co/30M8bnj6">10 Must Know HTML5 Tips &amp; Tricks (With Sample Codes) </a>: via <a href="http://twitter.com/br1o">br1o</a></li>
<li><a href="http://t.co/xGs1vlnk">Grosse introduction à HTML5 </a>: via <a href="http://twitter.com/theystolemynick">theystolemynick</a></li>
<li><a href="http://t.co/CF18rxvV">Une #CSS pour les mobiles en 5 minutes</a> : via <a href="http://twitter.com/Sventovit">Sventovit</a></li>
<li><a href="http://t.co/YwIFa0Jc">Bootstrap 2.0, from Twitter, released</a> : via <a href="http://twitter.com/smashingmag">smashingmag</a></li>
<li><a href="http://t.co/zUtD1st9">How to create some simple, animated tooltips using CSS transitions, :before and :after #css3</a> : via <a href="http://twitter.com/lecolibrilibre">lecolibrilibre</a></li>
<li><a href="http://t.co/uIknKo30">Recréer l&#8217;organisation de la timeline Facebook en #CSS et #jQuery: #fdw #facebook #timeline</a> : via <a href="http://twitter.com/LaFermeDuWeb">LaFermeDuWeb</a></li>
</ul>
<p>&nbsp;</p>
<h2>Choses diverses et variées :</h2>
<ul>
<li><a href="http://t.co/7yT3HzQh">Chez Snipemail : bon article sur la gestion des désinscriptions en emailing </a>: via <a href="http://twitter.com/Mathilde">Mathilde</a></li>
<li><a href="https://t.co/9LiBI36I">markdown preview plugin for #SublimeText2 by @revolunet </a>: via <a href="http://twitter.com/n1k0">n1k0</a></li>
<li><a href="http://t.co/EKLaSthn">Sur le blog : Logiciels utilisés pour l&#8217;intégration HTML/CSS sous Mac OS X </a>: via <a href="http://twitter.com/Darklg">Darklg</a></li>
<li><a href="http://t.co/q5ojM7rn">Un million d&#8217;autoentrepreneurs, mais aussi des inquiétudes, Spécial salon des entrepreneurs </a>: via <a href="http://twitter.com/Valvert">Valvert</a></li>
</ul>
<p>&nbsp;</p>
<p>Bonne lecture, et à la semaine prochaine <img src='http://blog.loicg.net/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-vingt-troisieme/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>La veille du week-end (vingt-deuxième)</title>
		<link>http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-vingt-deuxieme/</link>
		<comments>http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-vingt-deuxieme/#comments</comments>
		<pubDate>Fri, 27 Jan 2012 13:28:44 +0000</pubDate>
		<dc:creator>loicg</dc:creator>
				<category><![CDATA[Au comptoir]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[git]]></category>
		<category><![CDATA[html5]]></category>

		<guid isPermaLink="false">http://blog.loicg.net/?p=1441</guid>
		<description><![CDATA[Bienvenue dans cette 22ème édition : Cette semaine, pas mal de HTML5 dans mon panier, et du git aussi. Ouais, git c&#8217;est cool (plus je m&#8217;y colle, plus j&#8217;apprécie). Développement web :  Travis CI l&#8217;intégration continue sans effort par @loicfrering : #travis #ci : via @pullrequest Propagit &#8211; Cascading multi-server #git deployment : via @FGRibreau Il y a désormais [...]]]></description>
			<content:encoded><![CDATA[<p>Bienvenue dans cette 22ème édition :</p>
<p>Cette semaine, pas mal de HTML5 dans mon panier, et du git aussi. Ouais, git c&#8217;est cool (plus je m&#8217;y colle, plus j&#8217;apprécie).</p>
<p><span id="more-1441"></span></p>
<h2>Développement web :</h2>
<ul>
<li><a href="http://pullrequest.org/2012/01/25/travis-ci.html"> Travis CI l&#8217;intégration continue sans effort par @loicfrering : #travis #ci</a> : via <a href="http://twitter.com/pullrequest">@pullrequest</a></li>
<li><a href="https://github.com/substack/propagit#readme">Propagit &#8211; Cascading multi-server #git deployment </a>: via <a href="http://twitter.com/FGRibreau">@FGRibreau</a></li>
<li><a href="http://rogerdudler.github.com/git-guide/index.fr.html">Il y a désormais une version française au &laquo;&nbsp;simple #git guide&nbsp;&raquo; </a>: via <a href="http://twitter.com/tzilliox">@tzilliox</a></li>
<li><a href="http://krm.li/xnt8P4">Très bon ça ! Créer un sommaire dans WordPress : chez @rochdaniel </a> : via <a href="http://twitter.com/floriankarmen">@floriankarmen</a></li>
<li><a href="http://www.lafermeduweb.net/billet/html5sql-js-utilisez-du-sql-cote-client-avec-les-html5-web-database-1277.html">HTML5SQL.js &#8211; Un script JS pour simplifier l&#8217;utilisation du SQL côté client avec les Web Databases HTML5: </a>: via <a href="http://twitter.com/LaFermeDuWeb">@LaFermeDuWeb</a></li>
<li><a href="http://shutterstock.github.com/rickshaw/">Rickshaw: Des graphes avancés en Javascript: #fdw #graphes #javascript #statistiques</a> : via <a href="http://twitter.com/LaFermeDuWeb">@LaFermeDuWeb</a></li>
</ul>
<p>&nbsp;</p>
<h2>Intégration/Webdesign :</h2>
<ul>
<li><a href="http://www.lafermeduweb.net/billet/html-kickstart-bien-demarrer-vos-sites-web-html-css-jquery-1276.html">HTML Kickstart &#8211; Un framework Bootstrap HTML/CSS/jQuery pour bien démarrer ses Webdesigns: </a>: via <a href="http://twitter.com/LaFermeDuWeb">@LaFermeDuWeb</a></li>
<li><a href="http://t.co/ceSvSmUx">GG le responsive design&#8230; &laquo;&nbsp;@LaFermeDuWeb: Gridpack: Un générateur de grilles CSS responsives: </a>: via <a href="http://twitter.com/naholyr">@naholyr</a></li>
<li><a href="http://www.erasme.org/Ressources-HTML5">Après deux jours de formation et de travail sur #html5, une compilation de ressources intéressantes </a>: via <a href="http://twitter.com/pvin">@pvin</a></li>
<li><a href="http://www.blog-nouvelles-technologies.fr/archives/9891/html5-please-un-guide-dutilisation-html5-css3-pour-vous-lancer/">HTML5 Please, un guide d’utilisation HTML5 / CSS3 pour vous lancer | via @lryo17 #HTML5Please #HTML5 #CSS3</a> : via <a href="http://twitter.com/Lryo17">@Lryo17</a></li>
<li><a href="http://www.capitaine-commerce.com/2012/01/20/30830-7-trucs-pour-une-page-de-confirmation-qui-fidelise/?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A+capitaine-commerce%2FSfkd+%28Capitaine+Commerce+%3A+la+conception+de+sites+de+commerce+%C3%A9lectronique%29">7 trucs pour une page de confirmation qui fidélise</a> : via <a href="http://twitter.com/axenetwit">@axenetwit</a></li>
</ul>
<p>&nbsp;</p>
<h2>Et en vrac :</h2>
<ul>
<li><a href="http://sgp.cm/7178cb">Exportez vos données Google </a>: via <a href="http://twitter.com/Korben">@Korben</a></li>
<li><a href="https://github.com/bermi/webdav-sync#readme">Webdav-sync &#8211; Sync a local directory with a WebDAV server </a>: via <a href="http://twitter.com/FGRibreau">@FGRibreau</a></li>
<li><a href="http://blog.nparashuram.com/2011/10/writing-browser-extensions-comparing.html">Un comparatif entre les développement de #plugins pour #chrome, #firefox et #opera: #fdw #extensions</a> : via <a href="http://twitter.com/LaFermeDuWeb">@LaFermeDuWeb</a></li>
<li><a href="http://dascritch.net/post/2012/01/24/Pour-une-compression-mieux-g%C3%A9r%C3%A9e">Vers une compression JPEG mieux gérée #in #surmonblog </a>: via <a href="http://twitter.com/dascritch">@dascritch</a></li>
</ul>
<p>&nbsp;</p>
<p>Allez, bonne lecture <img src='http://blog.loicg.net/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-vingt-deuxieme/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>La veille du week-end (vingt et unième)</title>
		<link>http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-vingt-et-unieme/</link>
		<comments>http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-vingt-et-unieme/#comments</comments>
		<pubDate>Fri, 20 Jan 2012 12:59:16 +0000</pubDate>
		<dc:creator>loicg</dc:creator>
				<category><![CDATA[Au comptoir]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[veille]]></category>

		<guid isPermaLink="false">http://blog.loicg.net/?p=1434</guid>
		<description><![CDATA[Une nouvelle semaine de veille : (Oui, j&#8217;attaque direct, pas d&#8217;intro &#8230;) Développement web : On my blog: Serving a maintenance page with #varnish : via futurecat //pratique pour ne pas bouffer trop de ressources Beautiful Git guide : via couac Astuce pour sauvegarder (pousser) des branches Git, sans empêcher des &#171;&#160;rebase&#160;&#187; ultérieurs : #versioning : via jlecour 5 serveurs d&#8217;intégration continue [...]]]></description>
			<content:encoded><![CDATA[<p>Une nouvelle semaine de veille :</p>
<p>(Oui, j&#8217;attaque direct, pas d&#8217;intro &#8230;)<span id="more-1434"></span></p>
<h2>Développement web :</h2>
<ul>
<li><a href="http://marcw.net/2012/01/19/a-maintenance-page-served-by-varnish/">On my blog: Serving a maintenance page with #varnish </a>: via <a href="http://twitter.com/futurecat">futurecat</a> //pratique pour ne pas bouffer trop de ressources</li>
<li><a href="http://rogerdudler.github.com/git-guide/">Beautiful Git guide</a> : via <a href="http://twitter.com/couac">couac</a></li>
<li><a href="http://wp.me/p6W-66">Astuce pour sauvegarder (pousser) des branches Git, sans empêcher des &laquo;&nbsp;rebase&nbsp;&raquo; ultérieurs : #versioning</a> : via <a href="http://twitter.com/jlecour">jlecour</a></li>
<li><a href="http://www.findbestopensource.com/tagged/continuous-integration">5 serveurs d&#8217;intégration continue open source: #fdw #integration #continue #opensource #deploiement</a> : via <a href="http://twitter.com/LaFermeDuWeb">LaFermeDuWeb</a></li>
</ul>
<h2>Intégration :</h2>
<ul>
<li><a href="http://html5reset.org/">Un Reset HTML5 bien pratique pour démarrer ses projets web: #fdw #bootstrap #html5 #reset</a> : via <a href="http://twitter.com/LaFermeDuWeb">LaFermeDuWeb</a></li>
<li><a href="http://blog.goetter.fr/post/15949528721">Début de recherches sur la performance des sélecteurs #CSS sur mobile (par @goetter)</a> : via <a href="http://twitter.com/lecolibrilibre">lecolibrilibre</a></li>
<li><a href="http://www.2ality.com/2012/01/numbering-headingshtml.html">Magie du CSS avancé : numérotation des titres (2 , 2.1 , 2.2 &#8230;)</a> : via <a href="http://twitter.com/theystolemynick">theystolemynick</a></li>
<li><a href="http://m.snook.ca/archives/javascript/preparetransition-jquery-plugin">Astuce pour faire du fade out sur un élément avec dégradation gracieuse pour les navigateurs sans CSS 3 </a>: via <a href="http://twitter.com/theystolemynick">theystolemynick</a></li>
<li><a href="http://glue.readthedocs.org/en/latest/index.html">Glue is a new sprite generator with interesting features #webperf via @zeroload</a> : via <a href="http://twitter.com/DirtyF">DirtyF</a></li>
</ul>
<h2>Télétravail :</h2>
<ul>
<li><a href="http://www.ugict.cgt.fr/joomla/index.php?option=com_content&amp;view=article&amp;id=2461:la-pratique-du-teletravail-doit-etre-rigoureusement-encadree&amp;catid=58:conditions-de-travail-&amp;Itemid=135">La @CGTCadresTechs concernée par le télétravail, l&#8217;article ici !! </a>: via <a href="http://twitter.com/Zevillage">Zevillage</a></li>
<li><a href="http://www.zevillage.net/2012/01/16/recueil-des-pratiques-de-teletravail-par-headlink-partners-pour-la-societe-generale/">Recueil des pratiques de #télétravail par Headlink Partners pour la Société Générale </a>: via <a href="http://twitter.com/Zevillage">Zevillage</a></li>
</ul>
<h2>Astuces diverses :</h2>
<ul>
<li><a href="http://lab.loicg.net/twitter_favs/chibani+/7/2012-01-13?follow_shortened=1&amp;template=%3Cp%3E%3Ca+href%3D%22%24tweet_real_url%24%22%3E%24cleaned_text%24%3C%2Fa%3E+%3A+via+%3Ca+href%3D%22http%3A%2F%2Ftwitter.com%2F%24user-%3Escreen_name%24%22%3E%24user-%3Escreen_name%24%3C%2Fa%3E%3C%2Fp%3E">[TUTO] Remplacer DropBox par une alternative libre : Owncloud </a>: via <a href="http://twitter.com/nicolargo">nicolargo</a> //Attention, ça ne couvre pas la synchro et le mode offline &#8230;</li>
<li><a href="http://korben.info/logiciel-interface-reseau.html">Forcer un logiciel à passer par une interface réseau #blog</a> : via <a href="http://twitter.com/Korben">Korben</a></li>
</ul>
<p>Et voilà, c&#8217;est tout pour cette semaine <img src='http://blog.loicg.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Et non, je ne parlerai pas de la fermeture de MegaUpload &#8230; #ohwait :/</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-vingt-et-unieme/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>La veille du week-end (vingtième)</title>
		<link>http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-vingtieme/</link>
		<comments>http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-vingtieme/#comments</comments>
		<pubDate>Fri, 13 Jan 2012 12:25:07 +0000</pubDate>
		<dc:creator>loicg</dc:creator>
				<category><![CDATA[Au comptoir]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[veille]]></category>

		<guid isPermaLink="false">http://blog.loicg.net/?p=1430</guid>
		<description><![CDATA[Bon dredi à tous, ça faisait un bon moment que je n&#8217;avais plus pris le temps de faire un peu de veille. Et je dois avouer que ça me manquait cruellement. J&#8217;aime connaitre et comprendre ce qui existe pour l&#8217;employer au quotidien dans mon travail et péter ma science en société éduquer/aider les gens autour [...]]]></description>
			<content:encoded><![CDATA[<p>Bon dredi à tous,</p>
<p>ça faisait un bon moment que je n&#8217;avais plus pris le temps de faire un peu de veille. Et je dois avouer que ça me manquait cruellement.<br />
J&#8217;aime connaitre et comprendre ce qui existe pour l&#8217;employer au quotidien dans mon travail et <del>péter ma science en société</del> éduquer/aider les gens autour de moi.</p>
<p>Voici donc le premier article de veille de 2012 (j&#8217;espère pouvoir en faire plein d&#8217;autres :p ).</p>
<p><span id="more-1430"></span></p>
<h2>Développement Web :</h2>
<ul>
<li><a href="http://korben.info/le-fichier-hosts.html">Le fichier hosts – C’est plus facile avec Firefox #blog</a> : via <a href="http://twitter.com/Korben">Korben</a></li>
<li><a href="https://apigee.com/providers">Apigee vous permet de tester tout un tas d&#8217;API (twitter, fb, 4sq, github, ..) en ligne via une interface bien fichue ! </a>: via <a href="http://twitter.com/j0k">j0k</a></li>
<li><a href="http://rogerdudler.github.com/git-guide/">Guide sans chichi pour Git : </a>: via <a href="http://twitter.com/jaysalvat">jaysalvat</a></li>
<li><a href="http://cbx33.github.com/gitt/">nice &#8211; &laquo;&nbsp;Git In The Trenches&nbsp;&raquo; ebook: </a>: via <a href="http://twitter.com/chacon">chacon</a></li>
<li><a href="http://sf2.memosdedev.com/">On a lancé un petit wordpress de mémos #Symfony2, si certains d&#8217;entre vous veulent participer, c&#8217;est avec plaisir ! </a>: via <a href="http://twitter.com/LaFermeDuWeb">LaFermeDuWeb</a></li>
<li><a href="http://sharedfil.es/js-48hIfQE4XK.html">FSCKING AMEN RT @bdc: Developing for modern browsers? You probably don&#8217;t need jQuery </a>: via <a href="http://twitter.com/n1k0">n1k0</a></li>
</ul>
<h2>Web Designer et Intégration :</h2>
<ul>
<li><a href="http://www.lafermeduweb.net/billet/fbootstrapp-un-bootstrap-pour-vos-applications-facebook-en-iframe-1267.html">FBootstrapp: Un bootstrap pour vos applications Facebook en iFrame</a> : via <a href="http://twitter.com/LaFermeDuWeb">LaFermeDuWeb</a></li>
<li><a href="http://ow.ly/8n6cK">The Ultimate #Responsive Web Design Roundup</a> : via <a href="http://twitter.com/Whitou">Whitou</a></li>
<li>Pour nos amis web designers, <a href="http://twitter.com/LaFermeDuWeb">LaFermeDuWeb</a> propose également un <a href="http://www.lafermeduweb.net/billet/guideguide-la-gestion-des-grilles-sous-photoshop-simplifiee-1268.html">plugin Photoshop gratuit pour gérer les grilles</a> .</li>
</ul>
<p>Et pour finir, 2 tutos pour apprendre à se servir du drop de fichiers en HTML5 :</p>
<ul>
<li><a href="http://www.sitepoint.com/html5-javascript-open-dropped-files/">How to Open Dropped Files Using HTML5 </a>: via <a href="http://twitter.com/OSteEL">OSteEL</a></li>
<li><a href="http://www.sitepoint.com/html5-file-drag-and-drop/">How to Use HTML5 File Drag &amp; Drop </a>: via <a href="http://twitter.com/OSteEL">OSteEL</a></li>
</ul>
<p>Bon week-end et bonne lecture <img src='http://blog.loicg.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-vingtieme/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>La veille du week-end (dix-huitième)</title>
		<link>http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-dix-huitieme/</link>
		<comments>http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-dix-huitieme/#comments</comments>
		<pubDate>Fri, 18 Feb 2011 07:22:01 +0000</pubDate>
		<dc:creator>Loïc</dc:creator>
				<category><![CDATA[Au comptoir]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[seo]]></category>

		<guid isPermaLink="false">http://blog.loicg.net/?p=1352</guid>
		<description><![CDATA[Bienvenue dans cette dix-huitième édition de &#171;&#160;la veille du week-end&#160;&#187;. Encore une semaine chargée en Afrique du Nord et au Moyen Orient (la révolution est en marche de partout), Steve Ballmer est fait Chevalier de la Légion d&#8217;Honneur (sick) et le MWC nous a permis de découvrir de belles tablettes Android (miam !) Passons maintenant [...]]]></description>
			<content:encoded><![CDATA[<p>Bienvenue dans cette dix-huitième édition de &laquo;&nbsp;la veille du week-end&nbsp;&raquo;.</p>
<p>Encore une semaine chargée en Afrique du Nord et au Moyen Orient (la révolution est en marche de partout), Steve Ballmer est fait Chevalier de la Légion d&#8217;Honneur (sick) et le MWC nous a permis de découvrir de belles tablettes Android (miam !)</p>
<p>Passons maintenant à la veille !</p>
<p><span id="more-1352"></span></p>
<h2>Développement et performances :</h2>
<ul>
<li><a href="http://zeroload.net/blog/10/performance-web-et-pamplemousses/">Améliorer les performance web : misez surtout sur le front-end (html,css,js), pas seulement sur votre système de cache</a>via <a href="http://twitter.com/zeroload">@zeroload</a></li>
<li><a href="http://www.slideshare.net/nhoizey/mstechdays-cleveragenhoizeywebperf">Mes slides #webperf des #mstechdays sont enfin en ligne ! </a>via <a href="http://twitter.com/nhoizey">@nhoizey</a></li>
<li><a href="http://developers.facebook.com/blog/post/462">Inclure des iFrames dans les #pages #fans #Facebook c&#8217;est possible</a> via <a href="http://twitter.com/LaFermeDuWeb">@LaFermeDuWeb</a></li>
<li><a href="http://www.websiteoptimization.com/speed/tweak/google-analytics/">#webperf stratégie de chargement de google analytics [depuis Diigo]</a> via <a href="http://twitter.com/webperf_fr">@webperf_fr</a></li>
<li><a href="http://camilooncode.blogspot.com/2011/02/cssembedgui.html">un outil pour générer des CSS avec des images encodées en base64 ou MHTML : </a>via <a href="http://twitter.com/theystolemynick">@theystolemynick</a></li>
<li><a href="http://feint.me/articles/how-i-learnt-git">How I Learnt Git </a>via <a href="http://twitter.com/jeremymarc">@jeremymarc</a></li>
<li><a href="http://zeroload.net/blog/11/minification-html-outils-et-conseils/">Minification HTML, sur le blog performance web </a>via <a href="http://twitter.com/zeroload">@zeroload</a></li>
<li><a href="http://pixelmatrixdesign.com/weblog/comments/introducing_mapkey/">mapKey: Un plugin jQuery pour bind les touches du clavier facilement</a> via <a href="http://twitter.com/LaFermeDuWeb">@LaFermeDuWeb</a></li>
<li><a href="http://fr.techcrunch.com/2011/02/17/la-technologie-html5-va-telle-prochainement-remplacer-les-applications-natives-sur-mobile/">La technologie HTML5 va t’elle prochainement remplacer les applications natives sur mobile ? </a>via <a href="http://twitter.com/delew31">@delew31</a></li>
<li><a href="http://blog.nicolargo.com/2011/02/securiser-son-blog-wordpress-4.html?utm_source=twitterfeed&amp;utm_medium=twitter">Sécuriser son blog WordPress #4 @nicolargo</a> via <a href="http://twitter.com/nicolargo">@nicolargo</a></li>
<li><a href="http://phpc.in/gqu">Dependency Injection and Service Locators in PHP </a>via <a href="http://twitter.com/iNisa">@iNisa</a></li>
<li><a href="http://apluggedinlife.com/fr/2011/02/16/developpeurs-php-demarrer-project-python-django/">[APIL] Développeurs PHP, démarrez un nouveau projet sous Python/Django ! </a>via <a href="http://twitter.com/thoas">@thoas</a></li>
<li><a href="http://dyn.com/open-dialogue/dynamic-discourse/dns/educational/how-we-got-dyndns-com-to-load-faster-and-how-you-can-learn-from-it">#webperf How We Got DynDNS.com To Load Faster And How You Can Learn From It [depuis Diigo]</a> via <a href="http://twitter.com/webperf_fr">@webperf_fr</a></li>
</ul>
<h2>SEO, SMO, SMA, MAM :</h2>
<ul>
<li><a href="http://www.internetactu.net/2011/02/11/faire-levier-sur-les-reseaux-sociaux/">Faire levier sur les réseaux sociaux </a>via <a href="http://twitter.com/Sventovit">@Sventovit</a></li>
<li><a href="http://recherche-referencement.abondance.com/2011/02/optimiser-le-referencement-dun-site.html">Optimiser le référencement d&#8217;un site #Joomla ! ce que change la version 1.6 en termes de #SEO</a>via <a href="http://twitter.com/taiphan">@taiphan</a></li>
<li><a href="http://www.kriisiis.fr/index.php/decouvrez-les-nouvelles-fan-pages-facebook-en-6-points-ergonomie-onglets-admin/">Découvrez les nouvelles Fan-Pages Facebook en 6 points : ergonomie, onglets, admin</a> via<a href="http://twitter.com/RaphaelChenol">@RaphaelChenol</a></li>
<li><a href="http://www.presse-citron.net/6-indicateurs-pour-mesurer-la-performance-de-votre-blog?utm_source=feedburner&amp;utm_medium=twitter&amp;utm_campaign=Feed%3A+Pressecitron+%28Presse-citron+-+Le+blog%29">6 indicateurs pour mesurer la performance de votre blog </a>via <a href="http://twitter.com/pressecitron">@pressecitron</a></li>
<li><a href="http://pastebin.com/13n7baMA">ça vous intéresse ? une classe pour trouver votre position sur google : ( à mettre ds le mm dossier)</a> via <a href="http://twitter.com/512banque">@512banque</a></li>
<li><a href="http://www.seomoz.org/ugc/what-to-include-in-your-seo-reports">What To Include In Your SEO Reports? &#8211; New on YOUmoz!</a> via <a href="http://twitter.com/SEOmoz">@SEOmoz</a></li>
<li><a href="http://www.lafermeduweb.net/billet/convertir-ses-videos-pour-iphone-android-mp4-1040.html">Plagiarisma &#8211; Détectez les sites qui font du #plagiat de vos articles sur le web: #fdw #service</a> via <a href="http://twitter.com/LaFermeDuWeb">@LaFermeDuWeb</a></li>
<li><a href="http://mergewords.com/">Un bel outil pour mélanger ses keywords</a> (pratique pour créer des ndd) via <a href="http://twitter.com/Mar1e">@Mar1e</a></li>
<li><a href="http://www.seomoz.org/blog/tweets-effect-rankings-unexpected-case-study">A tale of A Tweet&#8217;s Effect On Rankings &#8211; An Unexpected Case Study thx to @smashingmag &#8211; by @jennita</a> via <a href="http://twitter.com/SEOmoz">@SEOmoz</a></li>
</ul>
<h2>Intégration et webdesign :</h2>
<ul>
<li><a href="http://andylangton.co.uk/articles/javascript/get-viewport-size-javascript/">Get viewport size (width and height) with javascript (cc @nightangeldotfr)</a> via <a href="http://twitter.com/br1o">@br1o</a></li>
<li><a href="http://unused-css.com/">Interesting, haven&#8217;t tested it yet&#8230; anyone? | Unused CSS: Clean Up Unused CSS | </a>via <a href="http://twitter.com/PouipouiDesign">@PouipouiDesign</a></li>
<li><a href="http://www.alsacreations.com/astuce/lire/1177-une-feuille-de-styles-de-base-pour-le-web-mobile.html">Une feuille de styles de base pour le Web mobile : (#CSS #webmobile)</a> via <a href="http://twitter.com/jBleuzen">@jBleuzen</a></li>
<li><a href="http://twitter.com/jBleuzen"></a><a href="http://csswizardry.com/2011/02/css-powered-ribbons-the-clean-way/">Comment créer des #rubans (#ribbons) en #CSS pour son site web : #fdw #webdesign</a> via <a href="http://twitter.com/LaFermeDuWeb">@LaFermeDuWeb</a></li>
</ul>
<h2>Divers :</h2>
<ul>
<li><a href="http://darklg.me/455/hacking-work-briser-des-regles-stupides-pour-des-resultats-intelligents/">Hacking Work – Briser des règles stupides pour des résultats intelligents </a>via <a href="http://twitter.com/Darklg">@Darklg</a></li>
<li><a href="http://sharemyplaylists.com/">Pour trouver des #playlists #Spotify: </a>via <a href="http://twitter.com/nicolargo">@nicolargo</a></li>
<li><a href="http://www.ina.fr/video/CAB8400655401/interview-steve-jobs.fr.html">Aux gouvernants de tous bords : un étranger qui connait mal la France nous avait montré la voie en&#8230; 1984</a> via <a href="http://twitter.com/pocarles">@pocarles</a></li>
<li><a href="http://www.esquire.com/print-this/honesty0707?page=all">I Think You&#8217;re Fat &#8211; A story about Radical Honesty </a>via <a href="http://twitter.com/FGRibreau">@FGRibreau</a></li>
<li><a href="http://linuxfr.org/2011/02/16/27869.html">FOSDEM 2011 : les vidéos sont (déjà) en ligne ! &#8211; Toutes les principales conférences du FOSDEM 2011 sont maintenant &#8230;</a>via <a href="http://twitter.com/linuxfrorg">@linuxfrorg</a></li>
</ul>
<p>Et si t&#8217;as pas eu ta dose de lecture, il en reste <a href="http://lab.loicg.net/twitter_favs/chibani+/6/2011-02-11?follow_shortened=1&amp;template=%3Cp%3E%3Ca+href%3D%22$tweet_real_url$%22%3E$cleaned_text$%3C/a%3E+via+%3Ca+href%3D%22http://twitter.com/$user-%3Escreen_name$%22%3E%40$user-%3Escreen_name$%3C/a%3E%3C/p%3E">encore un peu</a> <img src='http://blog.loicg.net/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p>Bon week-end à tous ^^</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-dix-huitieme/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>La veille du week-end (douzième)</title>
		<link>http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-douzieme/</link>
		<comments>http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-douzieme/#comments</comments>
		<pubDate>Sat, 08 Jan 2011 07:44:30 +0000</pubDate>
		<dc:creator>Loïc</dc:creator>
				<category><![CDATA[Au comptoir]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[veille]]></category>

		<guid isPermaLink="false">http://blog.loicg.net/?p=1251</guid>
		<description><![CDATA[Bonjour et bonne année à ceux à qui je ne l&#8217;ai pas encore souhaitée. Voici la première veille du week-end de l&#8217;année : Développement PHP : Attribuer une icône à vos catégories WordPress : via @geekeriesfr 4 hacks pour extraire des statistiques de WordPress : via @nicolargo Sécuriser son blog WordPress #2 : via @nicolargo Ne confondez pas [...]]]></description>
			<content:encoded><![CDATA[<p>Bonjour et bonne année à ceux à qui je ne l&#8217;ai pas encore souhaitée.</p>
<p>Voici la première veille du week-end de l&#8217;année :</p>
<p><span id="more-1251"></span></p>
<h2>Développement PHP :</h2>
<ul>
<li><a href="http://gkr.fr/3t5v">Attribuer une icône à vos catégories WordPress</a> : via <a href="http://twitter.com/geekeriesfr">@geekeriesfr</a></li>
<li><a href="http://blog.nicolargo.com/2011/01/4-hacks-pour-extraire-des-statistiques-de-wordpress.html?utm_source=twitterfeed&amp;utm_medium=twitter">4 hacks pour extraire des statistiques de WordPress</a> : via <a href="http://twitter.com/nicolargo">@nicolargo</a></li>
<li><a href="http://blog.nicolargo.com/2011/01/securiser-son-blog-wordpress-2.html?utm_source=twitterfeed&amp;utm_medium=twitter">Sécuriser son blog WordPress #2</a> : via <a href="http://twitter.com/nicolargo">@nicolargo</a></li>
<li><a href="http://dmathieu.com/fr/developpement/ne-confondez-pas-cloud-et-mutualisation">Ne confondez pas cloud et mutualisation</a> : via <a href="http://twitter.com/dmathieu">@dmathieu</a></li>
<li><a href="http://www.lafermeduweb.net/billet/comment-creer-une-application-facebook-identification-et-droits-1015.html">Comment créer une appli Facebook en PHP: Chapitre 3: Identification et droits sur l&#8217;application: </a>: via <a href="http://twitter.com/LaFermeDuWeb">@LaFermeDuWeb</a></li>
<li><a href="http://wordpress.org/extend/plugins/woo-tumblog/">Poster sur WordPress aussi facilement que sur Tumblr</a> : via <a href="http://twitter.com/Delphine_D">@Delphine_D</a></li>
<li><a href="http://net.tutsplus.com/tutorials/php/quick-tip-email-error-logs-to-yourself-with-php/">How to Email PHP Errors</a> : via <a href="http://twitter.com/lecolibrilibre">@lecolibrilibre</a></li>
<li><a href="http://www.lafermeduweb.net/billet/zebra-image-une-librairie-light-en-php-pour-manipuler-vos-images-1014.html">Zebra_Image, une librairie light en PHP pour manipuler vos images via @lafermeduweb by @Sybio01</a> : via <a href="http://twitter.com/rauxbenoit">@rauxbenoit</a></li>
</ul>
<h2>SEO et tous ses potes :</h2>
<ul>
<li><a href="http://www.tubbydev.com/2011/01/fermes-de-contenus-tout-d%C3%A9pend-de-google-qui-n-a-pas-l-air-vraiment-d-aimer-le-mod%C3%A8le.html">Fermes de contenu : et si Google se mettait à les déclasser ? </a>: via <a href="http://twitter.com/largow">@largow</a></li>
<li><a href="http://www.seomoz.org/ugc/duplicate-content-block-redirect-or-canonical">Duplicate content : les solutions en image </a>: via <a href="http://twitter.com/Mar1e">@Mar1e</a></li>
<li><a href="http://www.duplicate-leaks.com/">Duplicate-leaks.com : lancement officiel aujourd&#8217;hui. La chasse aux plagieurs est lancée</a> : via <a href="http://twitter.com/largow">@largow</a></li>
</ul>
<h2><a href="http://twitter.com/largow"></a>Performances et expérience utilisateur :</h2>
<ul>
<li><a href="http://www.uxbooth.com/blog/the-relevance-of-user-experience-using-every-opportunity-to-impress-users/">La pertinence de l&#8217;expérience utilisateur: utiliser chaque occasion pour impressionner les utilisateurs</a> : via <a href="http://twitter.com/analyse_web">@analyse_web</a></li>
<li><a href="http://www.seomix.fr/web/developpement/temps-chargement-mesure/?utm_source=feedburner&amp;utm_medium=flux-rss&amp;utm_content=feedurl&amp;utm_campaign=twit-5outilspourmesu">5 outils pour mesurer le temps de chargement d&#8217;une page web</a> : via <a href="http://twitter.com/carotav">@carotav</a></li>
<li><a href="http://www.lionel-ledoucin.com/optimiser-page-accueil">Optimiser une page d’accueil : Avant/Après </a>: via <a href="http://twitter.com/axenetwit">@axenetwit</a></li>
</ul>
<h2>Intégration, HTML, CSS et webdesign :</h2>
<ul>
<li><a href="http://www.html5-css3.fr/html5/introduction-html5">belle intro globale à HTML5 : </a>: via <a href="http://twitter.com/theystolemynick">@theystolemynick</a></li>
<li><a href="http://meyerweb.com/eric/thoughts/2011/01/03/reset-revisited/">Eric meyer update son fameux reset.css : </a>: via <a href="http://twitter.com/theystolemynick">@theystolemynick</a></li>
<li><a href="http://www.css-101.org/">Un nouveau site de référence pour le CSS : C&#8217;est beau, clair et joli !</a> : via <a href="http://twitter.com/tzilliox">@tzilliox</a></li>
<li><a href="http://hacks.mozilla.org/2011/01/people-of-html5-bruce-lawson/">Opinion sur le présent et le futur de #HTML5 : (vidéo + transcript)</a> : via <a href="http://twitter.com/theystolemynick">@theystolemynick</a></li>
<li><a href="http://www.graphicmania.net/40-amazing-new-fonts-free-to-download/">40+ Amazing New Free Fonts to Download</a> : via <a href="http://twitter.com/Xbitionart">@Xbitionar</a></li>
</ul>
<h2>Javascript :</h2>
<ul>
<li><a href="http://zombie.labnotes.org/">Insanely fast, headless fs testing w/ Node.js // If the product is half as awesome as the name, this will be worth it.</a> : via <a href="http://twitter.com/Palleas">@Palleas</a></li>
<li><a href="http://www.erichynds.com/javascript/a-recursive-settimeout-pattern/">javascript : construire un poller (appels XHR réguliers au serveur) : </a>: via <a href="http://twitter.com/theystolemynick">@theystolemynick</a></li>
<li><a href="http://tympanus.net/codrops/2010/12/10/bubbleriffic-image-gallery/">Un site génial de ressources web (jquery&#8230;) avec codes dispos en opensource</a> : via <a href="http://twitter.com/CelineRouquie">@CelineRouquie</a></li>
<li><a href="http://javascriptweblog.wordpress.com/2011/01/04/exploring-javascript-for-in-loops/">javascript : comment marche l‘instruction for&#8230;in</a> : via <a href="http://twitter.com/theystolemynick">@theystolemynick</a></li>
<li><a href="http://www.dailymotion.com/doc/api/sdk-javascript.html">Dailymotion JavaScript SDK is now available </a>: via <a href="http://twitter.com/Olivier_Poitrey">@Olivier_Poitrey</a></li>
</ul>
<h2>Divers :</h2>
<ul>
<li><a href="http://www.aduf.org/archives/pdf/1717.pdf">Tableau de comparaison des nouveaux tarifs ADSL chez les différents FAI : (pdf)</a> : via <a href="http://twitter.com/mr_peer">@mr_peer</a></li>
<li><a href="http://www.seocktail.fr/web/cloud-computing-travaillez-leger.php">Cloud Computing : travaillez léger ! </a>: via <a href="http://twitter.com/Mar1e">@Mar1e</a></li>
<li><a href="http://www.blog-nouvelles-technologies.fr/archives/1883/5-systemes-dexploitation-orientes-cloud-disponibles-des-maintenant/">5 systèmes d’exploitation orientés Cloud disponibles dès maintenant</a> : via <a href="http://twitter.com/lryo17">@lryo17</a></li>
<li><a href="http://descary.com/les-outils-que-jutiliserai-pour-bloguer-en-2011/?utm_source=feedburner&amp;utm_medium=email&amp;utm_campaign=Feed:+BenoitDescary+(Benoit+Descary)">Descary : les outils que j’utiliserai pour bloguer en 2011 </a>: via <a href="http://twitter.com/br1o">@br1o</a></li>
<li><a href="https://www.backupify.com/">Backup, Export, and Manage your Online Data (Google/Facebook/Twitter etc&#8230;) #opendata </a>: via <a href="http://twitter.com/FGRibreau">@FGRibreau</a></li>
<li><a href="http://www.youtube.com/watch?v=agwFbTwg9HA&amp;feature=player_embedded#!">Réalité augmentée sur mobile pour les e-commerçants. Juste fabuleux. [vidéo]</a> : via <a href="http://twitter.com/AlainClapaud">@AlainClapaud</a></li>
<li><a href="http://www.cyrille-borne.com/index.php?post/2011/01/04/Pourquoi-les-gens-continuent-%C3%A0-payer-pour-des-logiciels-pourris-plut%C3%B4t-que-d-utiliser-nos-beaux-logiciels-libres-%C3%A9lev%C3%A9s-en-plein-air&amp;utm_source=twitterfeed&amp;utm_medium=twitter">Pourquoi les gens continuent à payer pour des logiciels pourris plutôt que d&#8217;utiliser nos beaux logiciels libres&#8230; </a>: via <a href="http://twitter.com/nicolargo">@nicolargo</a></li>
<li><a href="http://assistance.orange.fr/ne-pas-etre-automatiquement-identifie-sur-orange-fr-544.php">Supprimez l&#8217;identification automatique sur orange.fr à travers la connexion d&#8217;une LiveBox</a> : via <a href="http://twitter.com/Darklg">@Darklg</a></li>
</ul>
<p>Et comme d&#8217;habitude, le reste de mes favoris de la semaine sont <a href="http://lab.loicg.net/twitter_favs/chibani/6/2010-12-31?follow_shortened=1&amp;template=%3Cp%3E%3Ca+href%3D%22$tweet_real_url$%22%3E$cleaned_text$%3C/a%3E+:+via+%3Ca+href%3D%22http://twitter.com/$user-%3Escreen_name$%22%3E%40$user-%3Escreen_name$%3C/a%3E%3C/p%3E">ici</a> !</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-douzieme/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>La veille du week-end (dixième)</title>
		<link>http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-dixieme/</link>
		<comments>http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-dixieme/#comments</comments>
		<pubDate>Fri, 17 Dec 2010 09:13:22 +0000</pubDate>
		<dc:creator>Loïc</dc:creator>
				<category><![CDATA[Au comptoir]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[seo]]></category>

		<guid isPermaLink="false">http://blog.loicg.net/?p=1238</guid>
		<description><![CDATA[Une veille un peu plus maigre que les semaines précédentes, mais la lecture reste abondante et variée. En même temps, vu qu&#8217;il n&#8217;y a que très peu de neige, vous n&#8217;aurez certainement pas beaucoup de temps pour lire Parmi les actus qui m&#8217;ont marqué cette semaine : LOPPSI est adoptée, l&#8217;état est donc libre de [...]]]></description>
			<content:encoded><![CDATA[<p>Une veille un peu plus maigre que les semaines précédentes, mais la lecture reste abondante et variée.<br />
En même temps, vu qu&#8217;il n&#8217;y a que très peu de neige, vous n&#8217;aurez certainement pas beaucoup de temps pour lire <img src='http://blog.loicg.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<div id="attachment_1240" class="wp-caption aligncenter" style="width: 250px"><a href="http://www.flickr.com/photos/pensiero/3302673149/" target="_blank"><img class="size-full wp-image-1240 " title="Are we yet in Prison ?" src="http://blog.loicg.net/wp-content/uploads/2010/12/3302673149_0107ee8d5e_m.jpg" alt="" width="240" height="160" /></a><p class="wp-caption-text">Photo par : Stefano Corso</p></div>
<p>Parmi les actus qui m&#8217;ont marqué cette semaine : LOPPSI est adoptée, l&#8217;état est donc libre de censurer le net (ça fait plaisir&#8230;). Delicious (service de bookmarking de Yahoo!) va fermer ses portes (enfin, ses serveurs &#8230;). Free a présenté sa nouvelle Freebox V6 (aka. Revolution), qu&#8217;elle a l&#8217;air bien (ou pas&#8230;).</p>
<p>Pour le reste, c&#8217;est par ici :</p>
<p><span id="more-1238"></span></p>
<h2>SEO et tous ces potes :</h2>
<ul>
<li><a href="http://www.papilouve.com/tuto-scrapebox-soft-seo-black-hat/">Un tuto vidéo d&#8217;initiation en français pour Scrapebox (soft Blackhat)</a> : via <a href="http://twitter.com/Papilouve">Papilouve</a></li>
<li><a href="http://www.kriisiis.fr/index.php/10-elements-a-integrer-dans-des-onglets-fbml-de-votre-fan-page-facebook/">Quelques aides de développement sur le langage de Facebook</a> (10 éléments à intégrer facilement) : via <a href="http://twitter.com/mathieupuech">mathieupuech</a></li>
<li><a href="http://oseox.fr/blog/index.php/905-netlinking-stagiaire">Le netlinking, ce n&#8217;est pas pour les stagiaires</a> : via <a href="http://twitter.com/oseox">oseox</a></li>
<li><a href="http://www.moteurzine.com/2010/12/15/referencement-par-communiques-de-presse/">Référencement par communiqués de presse </a>: via <a href="http://twitter.com/cwmconsulting">cwmconsulting</a></li>
</ul>
<h2>Développement web (PHP, MySQL&#8230;) :</h2>
<ul>
<li><a href="http://digwp.com/2010/12/custom-message-after-comments/">Custom Message After the Comments dans WordPress</a> : via <a href="http://twitter.com/lecolibrilibre">lecolibrilibre</a></li>
<li><a href="http://wpchannel.com/creer-custom-post-types-wordpress/">RT: @maccimum: Créer des custom post types avec #WordPress </a>: via <a href="http://twitter.com/YannDecoopman">YannDecoopman</a></li>
<li><a href="http://www.phpclasses.org/package/6649-PHP-Generate-and-compare-backups-of-MySQL-databases.html">Compare two MySQL Backups and output changes to a file </a>: via <a href="http://twitter.com/Moosh_be">Moosh_be</a></li>
<li><a href="http://www.mysql.com/downloads/mysql/5.5.html">MySQL Community Server 5.5 est sorti cette semaine</a> : via <a href="http://twitter.com/devfr">devfr</a></li>
</ul>
<h2>Performance et expérience utilisateur :</h2>
<ul>
<li><a href="http://daniel.haxx.se/blog/2010/12/14/add-latency-to-localhost/">Add latency to localhost</a> (pour se mettre en condition réaliste pour mesurer les performances des ses applis) : via <a href="http://twitter.com/yowgi">yowgi</a></li>
<li><a href="http://calendar.perfplanet.com/2010/the-truth-about-non-blocking-javascript/">Performance calendar day 13 : non-blocking JS</a> : via <a href="http://twitter.com/stoyanstefanov">stoyanstefanov</a></li>
<li><a href="http://www.stevesouders.com/blog/2010/12/15/controljs-part-1/">Une librairie de chargement non bloquant de javascript</a> : via <a href="http://twitter.com/theystolemynick">theystolemynick</a></li>
<li><a href="http://stevesouders.com/controljs/">ControlJS &#8211; Un &laquo;&nbsp;chargeur&nbsp;&raquo; javascript non-bloquant</a> : via <a href="http://twitter.com/FGRibreau">FGRibreau</a></li>
<li><a href="http://blogs.sitepoint.com/2009/11/12/google-closure-how-not-to-write-javascript/">Les grands défaut de Google Closure, contre-performances incluses : </a>: via <a href="http://twitter.com/theystolemynick">theystolemynick</a></li>
<li><a href="http://velocity.oreilly.com.cn/ppts/Front-endPerformanceImprovementsatYouTube.pdf">les optimisations webperf de Youtube</a> (fichier PDF): via <a href="http://twitter.com/theystolemynick">theystolemynick</a></li>
<li><a href="http://www.ergonomie-interface.com/internet-web-site/e-commerce-champs-saisie-obligatoires/">Utilisabilité des champs de saisie obligatoires</a> : via <a href="http://twitter.com/analyse_web">analyse_web</a></li>
</ul>
<h2>Intégration, HTML5 et CSS3 :</h2>
<ul>
<li><a href="http://www.idorian.fr/2010/12/revivez-votre-enfance-en-html5/">Revivez votre enfance en HTML5</a> : via <a href="http://twitter.com/br1o">br1o</a></li>
<li><a href="http://www.useragentman.com/blog/2010/01/10/cross-browser-html5-drag-and-drop/">Cross Browser #HTML5 Drag and Drop </a> : via <a href="http://twitter.com/lecolibrilibre">lecolibrilibre</a></li>
<li><a href="http://www.smashingmagazine.com/2010/12/10/why-we-should-start-using-css3-and-html5-today/">[En] Pourquoi nous devons commencer à intégrer en HTML5 et CSS3 aujourd&#8217;hui. </a>: via <a href="http://twitter.com/DijitaleWeb">DijitaleWeb</a></li>
<li><a href="http://designinstruct.com/web-design/code-a-vibrant-professional-web-design-with-html5css3/">Coder un Web Design professionnel en HTML5 /CSS3</a> : via <a href="http://twitter.com/lecolibrilibre">lecolibrilibre</a></li>
<li><a href="http://www.css3maker.com/">CSS3 fingers in the nose</a> grâce à CSS3-maker : via <a href="http://twitter.com/Sventovit">Sventovit</a></li>
<li><a href="http://www.smashingmagazine.com/2010/12/06/using-the-less-css-preprocessor-for-smarter-style-sheets/">Petit tuto sur LESS CSS </a>: via <a href="http://twitter.com/theystolemynick">theystolemynick</a></li>
<li><a href="http://pelfusion.com/freebies/40-free-web-ui-element-kits-and-stencils/">40 kits d&#8217;éléments d&#8217;interface / Web UI à télécharger</a> : via <a href="http://twitter.com/LaFermeDuWeb">LaFermeDuWeb</a></li>
</ul>
<h2>Un peu de détente :</h2>
<ul>
<li><a href="http://youtu.be/QxMrcTQm3CY">Son of the Hulk </a>: via <a href="http://twitter.com/AlexHervaud">AlexHervaud</a></li>
</ul>
<p>Pour les (quelques) autres favoris que j&#8217;ai fait cette semaine, c&#8217;est comme d&#8217;habitude sur <a href="http://lab.loicg.net/twitter_favs/chibani/6/2010-12-10?follow_shortened=1&amp;template=%3Cp%3E%3Ca+href%3D%22$tweet_real_url$%22%3E$cleaned_text$%3C/a%3E+:+via+%3Ca+href%3D%22http://twitter.com/$user-%3Escreen_name$%22%3E$user-%3Escreen_name$%3C/a%3E%3C/p%3E">twitter_favs</a> !<br />
Et accessoirement, vous avez le droit de me suivre sur <a href="http://twitter.com/chibani">twitter</a> ^^</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-dixieme/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>La veille du week-end (neuvième)</title>
		<link>http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-neuvieme/</link>
		<comments>http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-neuvieme/#comments</comments>
		<pubDate>Fri, 10 Dec 2010 06:05:42 +0000</pubDate>
		<dc:creator>Loïc</dc:creator>
				<category><![CDATA[Au comptoir]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[seo]]></category>

		<guid isPermaLink="false">http://blog.loicg.net/?p=1231</guid>
		<description><![CDATA[Une semaine enneigée (pour certains), conséquence : une veille un peu moins fournie. Les actus de ces derniers jours sont : la grande affaire Wikileaks qui prend des proportions  phénoménales, l&#8217;édition 2010 de LeWeb (pendant que d&#8217;autres sont à LeTravail ^^) et le grand retour gagnant de LaNeige qui en une journée paralyse plus le [...]]]></description>
			<content:encoded><![CDATA[<p>Une semaine enneigée (pour certains), conséquence : une veille un peu moins fournie.</p>
<p>Les actus de ces derniers jours sont : la grande affaire <a href="http://search.twitter.com/search?q=%23wikileaks">Wikileaks</a> qui prend des proportions  phénoménales, l&#8217;édition 2010 de <a href="http://search.twitter.com/search?q=%23leweb">LeWeb</a> (pendant que d&#8217;autres sont à LeTravail ^^) et le grand retour gagnant de <a href="http://search.twitter.com/search?q=%23neige">LaNeige</a> qui en une journée paralyse plus le pays que les grévistes&#8230;</p>
<p>Pour le reste, j&#8217;ai du SEO, des techniques de développement pour aller plus vite et quelques tutos sur le HTML5 et CSS3.</p>
<p>Bonne lecture !</p>
<p><span id="more-1231"></span></p>
<h2>SEO et tous ces potes :</h2>
<ul>
<li><a href="http://www.seo-camp.org/sortie-de-lannuaire-des-formations-seo-en-france-2010-1818">Sortie de l’annuaire des formations SEO en France 2010</a> : via <a href="http://twitter.com/seocamp">@seocamp</a></li>
<li><a href="http://seohimanshu.com/2010/12/05/12-strong-proofs-debunk-seo-myths-educate-clients-seo/">12 mythes SEO débusqués (avec preuves)</a> : via <a href="http://twitter.com/randfish">@randfish</a></li>
<li><a href="http://www.devquotes.com/2010/12/07/seo-scraping-with-websql/">SEO : scraping avec HTMLSQL</a> (c&#8217;est &laquo;&nbsp;un peu&nbsp;&raquo; Black-Hat &#8230; use with caution !) : via <a href="http://twitter.com/512banque">@512banque</a></li>
<li><a href="http://www.ya-graphic.com/2010/12/twitter-impacte-referencement/">Twitter impact le référencement naturel</a> : via <a href="http://twitter.com/RDeloumeaux">@RDeloumeaux</a></li>
<li><a href="http://www.visibilite-referencement.fr/blog/seo-menteurs">Les referenceurs White hat SEO sont tous des menteurs</a>: via <a href="http://twitter.com/RaphSEO">@RaphSEO</a></li>
<li><a href="http://www.paidpr.com/article,seotons-hebdo4.php">Analyse des techniques de référencement du seotons </a>: via <a href="http://twitter.com/PaidPR">@PaidPR</a></li>
</ul>
<p><a href="http://twitter.com/RaphSEO"></a></p>
<h2>Développement et performances :</h2>
<ul>
<li><a href="http://www.croes.org/gerald/blog/category/design-pattern/">Une excellente série de posts sur l&#8217;implémentation PHP de certains design patterns</a> : via <a href="http://twitter.com/theystolemynick">@theystolemynick</a></li>
<li><a href="http://venturebeat.com/2010/11/08/the-iphone-app-is-the-flash-homepage-of-2010/">Web apps VS native apps : question de coûts &laquo;&nbsp;les applis iPhone sont les intros flash de 2010&#8243;</a> : via <a href="http://twitter.com/theystolemynick">@theystolemynick</a></li>
<li><a href="https://sites.google.com/a/survol.fr/webperf-user-group/evenements/29-novembre-2010">Tous les slides de la soirée webperf du 19 novembre sont en ligne (CDN, latence, performance)</a> : via <a href="http://twitter.com/webperf_fr">@webperf_fr</a></li>
<li><a href="http://www.milaju.com/post/php-image-resizer-class">Une classe PHP de redimensionnement d&#8217;images : Milaju</a> : via <a href="http://twitter.com/lecolibrilibre">@lecolibrilibre</a></li>
<li><a href="http://lab.loicg.net/twitter_favs/chibani/6/url_not_found">Modifier l&#8217;admin de WordPress</a> : via <a href="http://twitter.com/twevelopers">@twevelopers</a></li>
<li><a href="http://wpzine.com/wordpress-security-hacks-and-tricks/">Astuces pour sécuriser WordPress</a> : via <a href="http://twitter.com/lecolibrilibre">@lecolibrilibre</a></li>
<li><a href="http://24ways.org/2010/html5-local-storage">Excellent article de vulgarisation de HTML5 localStorage</a> : via <a href="http://twitter.com/theystolemynick">@theystolemynick</a></li>
<li>: via <a href="http://twitter.com/theystolemynick">@theystolemynick</a></li>
<li><a href="http://www.spawnrider.net/blogs/2010/12/08/le-geocaching-open-source-avec-opencaching/?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A+SpawnriderBlog+%28Spawnrider.Net+%3A%3A+Blog%29">Le géocaching open source avec OpenCaching</a> : via <a href="http://twitter.com/deletom">@deletom</a></li>
<li><a href="http://www.croes.org/gerald/blog/autoloader-php-universel-jouons-avec-les-patterns/77/">Autoloader PHP Universel – Jouons avec les Patterns</a> : via <a href="http://twitter.com/deletom">@deletom</a></li>
<li><a href="http://www.veilleperso.com/cloud-1-utiliser-amazon-s3-ruiner-4796">Cloud #1: utiliser Amazon S3 sans se ruiner </a>: via <a href="http://twitter.com/jeremymarc">@jeremymarc</a></li>
<li><a href="http://lab.loicg.net/twitter_favs/chibani/6/url_not_found">PHP &#8211; Pourquoi vous devriez absolument utiliser PDO ?</a> : via <a href="http://twitter.com/twevelopers">@twevelopers</a></li>
<li><a href="http://www.webappers.com/2009/08/10/70-must-have-css3-and-html5-tutorials-and-resources/">70 tutos indispensables pour CSS3 et HTML5</a> : via <a href="http://twitter.com/lecolibrilibre">@lecolibrilibre</a></li>
</ul>
<p><a href="http://lab.loicg.net/twitter_favs/chibani/6/2010-12-03?follow_shortened=1&amp;template=%3Cp%3E%3Ca+href%3D%22%24tweet_real_url%24%22%3E%24cleaned_text%24%3C%2Fa%3E+%3A+via+%3Ca+href%3D%22http%3A%2F%2Ftwitter.com%2F%24user-%3Escreen_name%24%22%3E%40%24user-%3Escreen_name%24%3C%2Fa%3E%3C%2Fp%3E"></a></p>
<h2>Intégration et webdesign :</h2>
<ul>
<li><a href="http://www.webdeez.eu/icones-de-noel/">Icones de Noel</a> (c&#8217;est un peu tard, mais ça peut servir) : via <a href="http://twitter.com/Papilouve">@Papilouve</a></li>
<li><a href="http://speckyboy.com/2010/12/03/coding-flexible-web-layouts-in-html5-and-css/">Coder un webdesign flexible en html5</a> : via <a href="http://twitter.com/akashrine">@akashrine</a></li>
<li><a href="http://lab.loicg.net/twitter_favs/chibani/6/url_not_found">10 Propriétés CSS3 que vous devez apprivoiser</a> : via <a href="http://twitter.com/twevelopers">@twevelopers</a></li>
<li><a href="http://www.lafermeduweb.net/billet/centrer-verticalement-des-objets-html-en-css-memo-289.html">Centrer verticalement vos éléments HTML en CSS</a> : via <a href="http://twitter.com/LaFermeDuWeb">@LaFermeDuWeb</a></li>
<li><a href="http://www.webmonkey.com/2010/12/why-percentage-based-designs-dont-work-in-every-browser/">Pourquoi les webdesign intégrés en % avec du CSS ne sont pas compatibles tous navigateurs</a> : via <a href="http://twitter.com/LaFermeDuWeb">@LaFermeDuWeb</a></li>
<li><a href="http://978.gs/">978 Grid System &#8211; 12 columns at 54px, with 30px gutters | </a>: via <a href="http://twitter.com/arnaudGuillaume">@arnaudGuillaume</a></li>
<li><a href="http://jsperf.com/id-vs-document-getelementbyid/9">$(&laquo;&nbsp;#id&nbsp;&raquo;) vs $(document.getElementById)</a> : via <a href="http://twitter.com/noreiller">@noreiller</a></li>
<li><a href="http://lab.loicg.net/twitter_favs/chibani/6/url_not_found">via @lecolibrilibre: Développement Web pour mobiles iUI côté CSS #webdevelopment</a> : via <a href="http://twitter.com/twevelopers">@twevelopers</a></li>
</ul>
<h2>Sysadmin et linuxeries :</h2>
<ul>
<li><a href="http://www.aerofs.com/">AeroFS &#8211; Partagez vos #fichiers sans serveur de #stockage: #fdw #partage</a> : via <a href="http://twitter.com/LaFermeDuWeb">@LaFermeDuWeb</a></li>
<li><a href="http://www.vanaryon.eu/mes-creations/koload/">KoLoad, un gestionnaire de fichier libre en ligne tres tres light : via @jeremyverda</a> : via <a href="http://twitter.com/lecolibrilibre">@lecolibrilibre</a></li>
</ul>
<h2>C&#8217;est de saison :</h2>
<ul>
<li><a href="http://blog.spyou.org/wordpress-mu/2010/12/04/infowar-dns-weapon/">Créer un service de DNS qui tiens la route #infowar #dnsweapon</a> : via <a href="http://twitter.com/Turblog">@Turblog</a></li>
<li><a href="http://ottopress.com/2010/own-your-dns-because-it-really-does-matter/">Possédez et contrôlez vos DNS, car ça compte vraiment</a> : via <a href="http://twitter.com/citizenk">@citizenk</a></li>
<li><a href="http://blog.spyou.org/wordpress-mu/2010/12/03/creer-un-site-miroir/">Créer un site miroir pour wikileaks</a> : via <a href="http://twitter.com/Turblog">@Turblog</a></li>
</ul>
<p>Comme à l&#8217;accoutumée, le reste de la veille (il y a peu de reste cette semaine) se trouve <a href="http://lab.loicg.net/twitter_favs/chibani/6/2010-12-03?template=%3Cp%3E%3Ca+href%3D%22$tweet_real_url$%22%3E$cleaned_text$%3C/a%3E+:+via+%3Ca+href%3D%22http://twitter.com/$user-%3Escreen_name$%22%3E%40$user-%3Escreen_name$%3C/a%3E%3C/p%3E">ici</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-neuvieme/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>La veille du week-end (huitième)</title>
		<link>http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-huitieme/</link>
		<comments>http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-huitieme/#comments</comments>
		<pubDate>Fri, 03 Dec 2010 09:51:04 +0000</pubDate>
		<dc:creator>Loïc</dc:creator>
				<category><![CDATA[Au comptoir]]></category>
		<category><![CDATA[apache]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[veille]]></category>

		<guid isPermaLink="false">http://blog.loicg.net/?p=1188</guid>
		<description><![CDATA[Ho Ho Ho ! Voici venir la veille du week-end. En bref cette semaine : La NASA trouve de nouvelles formes de vies&#8230; sur Terre, l&#8217;extension de noms de domaines .p2p pourrait voir le jour sur un système de DNS parallèles, et il neige (sisi, j&#8217;vous jure !). Allez, passons à de la veille plus [...]]]></description>
			<content:encoded><![CDATA[<p>Ho Ho Ho ! Voici venir la veille du week-end.</p>
<p>En bref cette semaine : La NASA trouve de nouvelles formes de vies&#8230; sur Terre, l&#8217;extension de noms de domaines .p2p pourrait voir le jour sur un système de DNS parallèles, et il neige (sisi, j&#8217;vous jure !).</p>
<p style="text-align: center;"><img class="aligncenter size-medium wp-image-1190" title="Il neige" src="http://blog.loicg.net/wp-content/uploads/2010/12/snowman_51-300x200.jpg" alt="" width="300" height="200" /></p>
<p>Allez, passons à de la veille plus utile :<br />
<span id="more-1188"></span></p>
<h2>Développement web et technique</h2>
<ul>
<li><a href="http://pinba.org/wiki/Main_Page">Pinba</a>, un outil pour monitorer les performances de ses application PHP : via <a href="http://twitter.com/francoisz">@francoisz</a></li>
<li><a href="http://roget.biz/comment-savoir-combien-de-fois-un-url-a-ete-tague-jaime-sur-facebook?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A+rogetthierry+%28Cocktail+de+Web+News%29">Comment savoir combien de fois une url a été taguée “j’aime” sur facebook” </a>: via <a href="http://twitter.com/carotav">@carotav</a></li>
<li><a href="http://net.tutsplus.com/tutorials/php/creating-a-twitter-oauth-application/">Créer une application Twitter utilisant l&#8217;OAuth</a> : via <a href="http://twitter.com/twevelopers">@twevelopers</a></li>
</ul>
<h2>Javascript</h2>
<ul>
<li><a href="http://headjs.com/">$LabJS + Modernizr + #HTML5 enabler = HeadJS </a>: via <a href="http://twitter.com/FGRibreau">@FGRibreau</a></li>
<li><a href="http://www.thecssawards.com/blog/15-fresh-jquery-slides.html">15 sliders jQuery</a> (belle sélection) : via <a href="http://twitter.com/usejquery">@usejquery</a></li>
</ul>
<h2>SEO, et tous ses potes</h2>
<ul>
<li><a href="http://www.leonard-rodriguez.com/web-marketing/search-marketing/seo-search-marketing/definition-sem-seo-sea-smo-search-engine-marketing-421">SEM=SEO+SEA+SMO… Arrêtons les confusions! </a>: via <a href="http://twitter.com/axenetwit">@axenetwit</a></li>
<li><a href="http://wik.io/info/FR/232637970">Google modifie son algorithme pour contrer la publicité négative dans son référencement</a>: via <a href="http://twitter.com/VeilleSEO">@VeilleSEO</a></li>
<li><a href="http://www.journaldunet.com/ebusiness/crm-marketing/campagnes-marketing-sur-facebook/">Dix campagnes marketing réussies sur Facebook</a> (+ celle de largow) : via <a href="http://twitter.com/largow">@largow</a></li>
<li><a href="http://www.renardudezert.com/2010/11/30/seo-et-mythe-de-sisyphe.html">SEO et mythe de sysyphe chez @Renardudezert </a>: via <a href="http://twitter.com/seomuscle">@seomuscle</a></li>
<li><a href="http://www.tubbydev.com/2010/12/quel-impact-du-site-under-sur-l-audience-et-donc-la-valorisation-de-certains-sites.html">Quel impact du site under sur l’ audience</a> (et donc la valorisation de certains sites ?) : via <a href="http://twitter.com/axenetwit">@axenetwit</a></li>
<li><a href="http://paulbutler.org/archives/experiment-in-testing-my-resume/">Une expérience dans le A/B testing</a>, appliqué à un CV : via <a href="http://twitter.com/smashingmag">@smashingmag</a></li>
</ul>
<p><strong>Intégration, webdesign et expérience utilisateur</strong></p>
<ul>
<li><a href="http://econsultancy.com/uk/blog/6924-25-reasons-why-i-ll-leave-your-website-in-10-seconds">25 bonnes raisons de quitter un site dans les 10 sec </a>: via <a href="http://twitter.com/dadisucre">@dadisucre</a></li>
<li><a href="http://www.dbswebsite.com/design/wordpress-reference/V3/">Web Design #WordPress Function List</a> (indispensable pour créer des thèmes WP) : via <a href="http://twitter.com/lecolibrilibre">@lecolibrilibre</a></li>
<li><a href="http://www.useit.com/alertbox/newsletters.html">E-mail et newsletter : améliorer l&#8217;utilisabilité </a>: via <a href="http://twitter.com/analyse_web">@analyse_web</a></li>
<li><a href="http://www.youtube.com/watch?v=j6sAm7CLoCQ">Le top 5 des erreurs CSS</a>, conférence très intéressante lors du Velocity 2010 (vidéo) : via <a href="http://twitter.com/LaFermeDuWeb">@LaFermeDuWeb</a></li>
<li><a href="http://excargot.net/2010/11/appercu-de-texte-via-css3/?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A+ExcargotRss+%28excargot+rss%29">CSS3 : Tronquer un texte trop long</a> (et coller &laquo;&nbsp;&#8230;&nbsp;&raquo; quand le texte n’est pas complet) : via <a href="http://twitter.com/carotav">@carotav</a></li>
<li><a href="http://webdesignledger.com/inspiration/35-inspiring-headers-and-footers">35 headers et footers intéressants </a>: via <a href="http://twitter.com/akashrine">@akashrine</a></li>
<li><a href="http://blogs.sitepoint.com/2010/11/26/html5-and-css3-for-the-real-world/">HTML5 et CSS3 pour le monde réel</a> : via <a href="http://twitter.com/lecolibrilibre">@lecolibrilibre</a></li>
<li><a href="http://www.smashingmagazine.com/2010/11/29/persuasion-triggers-in-web-design/">Les déclencheurs persuasifs dans le Webdesign</a> (achète mon fils !): via <a href="http://twitter.com/analyse_web">@analyse_web</a></li>
<li><a href="http://www.colorzilla.com/gradient-editor/">Colorzilla lance un générateur de dégradés CSS3</a> (style Photoshop) : via <a href="http://twitter.com/LaFermeDuWeb">@LaFermeDuWeb</a></li>
</ul>
<h2>Syadmin et linuxeries</h2>
<ul>
<li><a href="http://www.woueb.net/2010/12/02/easy-mysql-status-reports/?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A+woueb+%28wOueb+2.0%29">Comment synthétiser rapidement le statut d’un serveur MySQL</a> : via <a href="http://twitter.com/deletom">@deletom</a></li>
<li><a href="http://blog.johanbleuzen.fr/retour-seconde-soiree-webperf-sur-paris-2">Un premier retour sur la soirée webperf latence et CDN : </a>: via <a href="http://twitter.com/theystolemynick">@theystolemynick</a></li>
<li><a href="http://calendar.perfplanet.com/2010/">Le calendrier de l&#8217;avent des performances web, édition 2010</a> : via <a href="http://twitter.com/zeroload">@zeroload</a></li>
<li><a href="http://blog.myprod.net/2010/08/14/apache2-suexec-fastcgi-php-5-3-3-fpm-cache-opcode-apc/">Apache2, PHP-FPM, FastCGI et APC</a>: via <a href="http://twitter.com/deletom">@deletom</a></li>
<li><a href="http://nvie.com/posts/a-successful-git-branching-model/">Un must-read sur git et les branches</a>: via <a href="http://twitter.com/delphiki">@delphiki</a></li>
<li><a href="http://lu.cx/4Goi0D">Contrôler un PC ou un Mac depuis un téléphone Android</a> : via <a href="http://twitter.com/chibani">@chibani</a></li>
<li><a href="http://www.synaptics.com/support/drivers">Pavé Tactile Synaptics (sur Dell Studio XPS) pour le Multitouch </a> : via <a href="http://twitter.com/lecolibrilibre">@lecolibrilibre</a></li>
<li><a href="http://blog.nicolargo.com/2010/11/utilisation-du-protocole-nfs-avec-votre-nas.html?utm_source=twitterfeed&amp;utm_medium=twitter"> Utilisation du protocole NFS avec votre NAS</a> : via <a href="http://twitter.com/nicolargo">@nicolargo</a></li>
<li><a href="http://blog.servme.fr/2010-11/quelques-fonction-bash-sympas/">Quelques fonction Bash sympas</a> : via <a href="http://twitter.com/Sethpolma">@Sethpolma</a></li>
<li><a href="http://omacronides.com/articles/validateur-html5/">Installer un validateur HTML en local sous ubuntu </a>: via <a href="http://twitter.com/notabene">@notabene</a></li>
</ul>
<p>Comme d&#8217;habitude, je n&#8217;ai pas publié tout ce que j&#8217;ai mis en favoris ou noté sur le web. Pour la liste complètes, c&#8217;est sur <a href="http://lab.loicg.net/twitter_favs/chibani/6/2010-11-26?follow_shortened=1&amp;template=%3Cli%3E%3Ca+href%3D%22$tweet_real_url$%22%3E$cleaned_text$%3C/a%3E+:+via+%3Ca+href%3D%22http://twitter.com/$user-%3Escreen_name$%22%3E@$user-%3Escreen_name$%3C/a%3E%3C/li%3E">Twitter_favs</a>.</p>
<p><a href="http://calendar.perfplanet.com/2010/"></a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-huitieme/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Un nouvel écrin pour ma page d&#8217;accueil</title>
		<link>http://blog.loicg.net/webdev/nouvelle-page-accueil/</link>
		<comments>http://blog.loicg.net/webdev/nouvelle-page-accueil/#comments</comments>
		<pubDate>Wed, 24 Nov 2010 05:47:37 +0000</pubDate>
		<dc:creator>Loïc</dc:creator>
				<category><![CDATA[WebDev]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://blog.loicg.net/?p=1151</guid>
		<description><![CDATA[Depuis que j&#8217;ai ce nom de domaine (un peu plus de 3 ans&#8230;), je n&#8217;avais jamais touché à mon &#171;&#160;site racine&#160;&#187;, à savoir loicg.net ou encore www.loicg.net. Pourtant, il est indexé et apparait lorsqu&#8217;on me cherche (Loïc Gerbaud). Du coup, ça la foutait mal pour les quelques personnes qui tombaient dessus (clients, employeurs, partenaires potentiels). [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-1154" title="logo_loicg" src="http://blog.loicg.net/wp-content/uploads/2010/11/logo_loicg.png" alt="" width="100" height="100" />Depuis que j&#8217;ai ce nom de domaine (un peu plus de 3 ans&#8230;), je n&#8217;avais jamais touché à mon &laquo;&nbsp;site racine&nbsp;&raquo;, à savoir loicg.net ou encore <a href="http://www.loicg.net">www.loicg.net</a>. Pourtant, il est indexé et apparait lorsqu&#8217;on me cherche (<a href="http://www.google.fr/search?q=Loic+Gerbaud">Loïc Gerbaud</a>).</p>
<p>Du coup, ça la foutait mal pour les quelques personnes qui tombaient dessus (clients, employeurs, partenaires potentiels).</p>
<div id="attachment_1156" class="wp-caption aligncenter" style="width: 310px"><a href="http://blog.loicg.net/wp-content/uploads/2010/11/ancienne_home.jpg"><img class="size-medium wp-image-1156" title="ancienne_home" src="http://blog.loicg.net/wp-content/uploads/2010/11/ancienne_home-300x134.jpg" alt="" width="300" height="134" /></a><p class="wp-caption-text">Admirez l&#39;ancienne version que Google a daigné capturer ^^</p></div>
<p style="text-align: left;">Ce week-end, je me suis donc lancé dans l&#8217;habillage de cette page (je n&#8217;oserai pas parler de refonte puisqu&#8217;il n&#8217;y avait quasi-rien à l&#8217;origine&#8230;).<br />
Il s&#8217;agit d&#8217;un &laquo;&nbsp;site&nbsp;&raquo; en one-page avec un scroll assez grand (un peu plus de 6 écrans), animé par jQuery.<br />
La page contient mon CV de développeur web (il manque mes études, mais il y a <a href="http://fr.linkedin.com/in/devseo">linkedin</a> pour ça).</p>
<p>Pour le code HTML, j&#8217;ai pris le parti de tenter le HTML5, que je n&#8217;avais jamais essayer. La sémantique est assez bien foutue puisque chaque balise décrit ce qu&#8217;elle est (header, footer, article &#8230;).</p>
<p>La feuille de style est actuellement en CSS2 et je tente actuellement de refaire le logo en CSS3 (en me prenant un peu la tête avec ces p##### de gradient sous Chrome et Safari &#8230;).</p>
<div id="attachment_1158" class="wp-caption aligncenter" style="width: 310px"><a href="http://blog.loicg.net/wp-content/uploads/2010/11/logo_css3.png"><img class="size-medium wp-image-1158" title="logo_css3" src="http://blog.loicg.net/wp-content/uploads/2010/11/logo_css3-300x186.png" alt="" width="300" height="186" /></a><p class="wp-caption-text">Le rendu actuel du logo (la police a changé pour s&#39;harmoniser avec celle du reste du site)</p></div>
<p>En bon professionnel, j&#8217;ai pris le temps de regarder la page sous IE (6,7,8) et de pleurer en pensant aux adaptations nécessaires pour que le rendu soit identique &#8230;</p>
<p>En dev qui vient de se faire une page pour le plaisir de SES yeux en tout premier lieu, j&#8217;ai pris le temps de regarder la page sous IE (6,7,8) et j&#8217;ai pensé &#8230; OSEF ! Je mettrai certainement un bout de javascript pour indiquer aux visiteurs sous IE qu&#8217;il est temps de passer à des navigateurs qui font l&#8217;internet plus beau.</p>
<p>Cher lecteur, que penses-tu de <a href="http://www.loicg.net/">ce design simple et épuré</a> ? Ainsi que de l&#8217;idée de coder le site en HTML5 ? As-tu des suggestions pour améliorer cette page ?</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.loicg.net/webdev/nouvelle-page-accueil/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using memcached (Feed is rejected)
Page Caching using memcached (User agent is rejected)
Database Caching 30/57 queries in 0.038 seconds using memcached

Served from: blog.loicg.net @ 2012-02-05 09:41:47 -->
