<?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>css 4 design &#187; Réseaux sociaux</title>
	<atom:link href="http://css4design.com/tag/reseaux-sociaux/feed" rel="self" type="application/rss+xml" />
	<link>http://css4design.com</link>
	<description>Le blog de l&#039;intégrateur web</description>
	<lastBuildDate>Sun, 05 Feb 2012 18:10:56 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
	<atom:link rel='hub' href='http://css4design.com/?pushpress=hub'/>
		<item>
		<title>Le petit journal du web &#8212; Non, Twitter n&#8217;a pas tué les Backlinks&#8230; La preuve !</title>
		<link>http://css4design.com/le-petit-journal-du-web-non-twitter-na-pas-tue-les-backlinks-la-preuve</link>
		<comments>http://css4design.com/le-petit-journal-du-web-non-twitter-na-pas-tue-les-backlinks-la-preuve#comments</comments>
		<pubDate>Mon, 06 Sep 2010 14:18:51 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Le petit journal du web]]></category>
		<category><![CDATA[CSS3 Javascript]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Graphisme]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Liste de liens]]></category>
		<category><![CDATA[Référencement]]></category>
		<category><![CDATA[Réseaux sociaux]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://css4design.com/?p=6679</guid>
		<description><![CDATA[A force de refiler des bons tuyaux aux plus de 4 300 abonnés de mon compte Twitter j&#8217;en avais presque oublié mon petit journal du web. Cette rubrique qui me permets d&#8217;arrêter le temps, l&#8217;instant d&#8217;un billet, pour jeter un oeil dans le rétro, histoire de me remémorer les sites ou les articles qui ont attiré mon attention. En ce qui me concerne, il ne sera pas dit que Twitter sera un dévoreur de Backlinks ! Pour vous donner le goût des autres, ce billet est composé de sites que j&#8217;ai découvert récemment. Nvision De la création de structures adéquates à [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2Fle-petit-journal-du-web-non-twitter-na-pas-tue-les-backlinks-la-preuve">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2Fle-petit-journal-du-web-non-twitter-na-pas-tue-les-backlinks-la-preuve&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a&amp;b=2" height="61" width="50" />
			</a>
		</div><p>A force de refiler des bons tuyaux aux plus de 4 300 abonnés de <a title="br1o les bons tuyaux" href="http://twitter.com/br1o">mon compte Twitter</a> j&#8217;en avais presque oublié mon petit journal du web. Cette rubrique qui me permets d&#8217;arrêter le temps, l&#8217;instant d&#8217;un billet, pour jeter un oeil dans le rétro, histoire de me remémorer les sites ou les articles qui ont attiré mon attention. En ce qui me concerne, il ne sera pas dit que Twitter sera un dévoreur de <em>Backlinks</em> ! Pour vous donner le goût des autres, ce billet est composé de sites que j&#8217;ai découvert récemment.<span id="more-6679"></span></p>

<dl> <dt><a href="http://www.nvision.lu/">Nvision</a></dt> <dd>De la création de structures adéquates à la mise au point de stratégies à succès, du design de pages web élégantes au développement de sites dynamiques performants, <em>Nvision</em> conçoit les sites web hauts de gamme au Luxembourg. Le blog parle de design, de techniques, de tendances, du métier et de nos projets.</dd> <dd>Lire <a href="http://www.nvision.lu/blog/si-parlait-des-utilisateurs-avant-de-parler-de-contenu">Si on parlait des utilisateurs avant de parler de contenu ?</a></dd> <dt><a href="http://braincracking.org/blog/">Braincracking</a></dt> <dd><em>BrainCracking</em> est une <a href="http://braincracking.org/blog/category/rpw/">revue de presse quotidienne</a> et des <a href="http://braincracking.org/blog/category/articles/">articles originaux</a> traitant principalement de performances, HTML5, CSS3, et de javascript avancé. Ce nouveau blog remplace feu <a href="http://jpv.typepad.com/">jpv.typepad.com</a>, le changement de nom de domaine étant une invitation pour écrire à plusieurs :)</dd> <dd>Lire <a href="http://braincracking.org/blog/2010/08/27/passer-son-blog-wordpress-a-la-semantique-html5-et-aria/">Passer son blog WordPress à la sémantique HTML5 et ARIA</a></dd> <dt><a href="http://www.hounkpe-media.fr/">Hounkpe-Media</a></dt> <dd><em>Hounkpe Media</em> propose des solutions de référencement naturel garanti adaptées aux webmasters qui permet de gagner du trafic qualifié sur des mots-clés pertinent. Leur travail consiste à améliorer votre site pour l’optimiser vis-à-vis des moteurs de recherche dominants, en particulier google.</dd> <dd>Lire <a href="http://www.hounkpe-media.fr/du-seo-et-des-sites-qui-restent-toujours-en-premiere-place">Du SEO et des sites qui restent toujours en première place</a></dd> <dt><a href="http://fr.locita.com">Locita</a></dt> <dd><em>Locita</em> est une source d’informations sur le web, les réseaux sociaux et les nouvelles technologies. Locita vous informe sur les entreprises, les services en ligne et les réseaux sociaux en publiant quotidiennement des articles d’actualité, des analyses de fond et proposant des guides pour vous aider à mieux exploiter les réseaux sociaux et les sites web 2.0.</dd> <dd>Lire <a href="http://fr.locita.com/web-design/7-principes-pour-un-meilleur-classement-dans-les-moteurs-de-recherche/">7 principes pour un meilleur classement dans les moteurs de recherche</a></dd> <dt><a href="http://blog.victorcoulon.fr/">Victor Coulon</a></dt> <dd>Blog d&#8217;un développeur web qui maîtrise le PHP orienté objet, jQuery, HTML et les CSS et qui rafolle de tout ce qui touche le développement web &amp; le web design.</dd> <dd>Lire <a href="http://blog.victorcoulon.fr/2010/09/une-modal-box-en-css3-et-sans-javascript/">Une modal box en CSS3 et sans javascript</a></dd> <dt><a href="http://www.woodymood-dev.net/cms/wordpress/">Débuter avec WordPress</a></dt> <dd><em>Débuter avec WordPress</em> propose des articles de fond, des tests de plugins, des modes d&#8217;emploi et des astuces sur le CMS WordPress. C&#8217;est un laboratoire où l&#8217;auteur expérimente différents plugins et partage ses découvertes.</dd> <dd>Lire <a href="http://www.woodymood-dev.net/cms/wordpress/fr/2010/04/19/comparer-wordpress-et-drupal/">Comparer WordPress et Drupal</a></dd> <dt><a href="http://www.hteumeuleu.fr/">HTeuMeuLeu</a></dt> <dd>Faites le pleins de trucs et d&#8217;astuces sur les langages HTML5 et CSS3, et tout ce qui fait le quotidien d&#8217;un intégrateur !</dd> <dd><a href="http://www.hteumeuleu.fr/gmail-marge-images/">Lire Gmail et les marges sous les images</a></dd> <dt><a href="http://www.troispointzero.fr/">TroisPointZéro</a></dt> <dd><em>TroisPointZéro</em> est un blog de veille autour du webdesign, du graphisme, du développement web, du Cloud Computing, et plus généralement tout ce qui touche au web et au hi-tech.</dd> <dd>Lire <a href="http://www.troispointzero.fr/index.php/2010/08/11/script-recuperer-les-liens-dans-une-liste-creee-sous-twitter/">[script] Recuperer les liens dans une liste créée sous Twitter</a></dd> <dt><a href="http://www.blog-nouvelles-technologies.fr">Design Folio</a></dt> <dd>Un blog sur les thèmes des nouvelles technologies, des services innovants, de l’interopérabilité dans le domaine médical, des réseaux sociaux et du buzz marketing.</dd> <dd>Lire <a href="http://www.blog-nouvelles-technologies.fr/archives/239/html5-conseils-astuces-et-techniques-2eme-partie/">HTML5 : conseils, astuces et techniques</a></dd> </dl>

<p>Voici, c&#8217;est fini pour aujourd&#8217;hui. N&#8217;hésitez pas à vous manifester si vous avez lancé un site ou un blog sur la création ou la gestion de sites web durant les six derniers mois.</p>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css4design.com/wordpress-a-z-extension-plugin' title='WordPress de A à Z &#8212; E comme Extensions (les plugins)'>WordPress de A à Z &#8212; E comme Extensions (les plugins)</a></li><li><a href='http://css4design.com/quelques-notes-sur-la-balise-h1-avec-html5' title='Quelques notes sur la balise h1 avec HTML5'>Quelques notes sur la balise h1 avec HTML5</a></li><li><a href='http://css4design.com/composes-html-logo-baseline-potentiel-seo' title='8 composés HTML pour le logo et la « baseline » et leur potentiel SEO'>8 composés HTML pour le logo et la « baseline » et leur potentiel SEO</a></li><li><a href='http://css4design.com/listes-pour-webdesigners' title='23 listes pour Webdesigners'>23 listes pour Webdesigners</a></li><li><a href='http://css4design.com/astuce-ameliorer-referencement-google' title='Référencement de sites Web &#8212; Chassez le naturel, il revient au SEO !'>Référencement de sites Web &#8212; Chassez le naturel, il revient au SEO !</a></li></ul>
 <p><a href="http://css4design.com/?flattrss_redirect&amp;id=6679&amp;md5=4f03933e24f589a9e6cbaaeedeed86d8" title="Flattr" target="_blank"><img src="http://css4design.com/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css4design.com/le-petit-journal-du-web-non-twitter-na-pas-tue-les-backlinks-la-preuve/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		<atom:link rel="payment" href="http://css4design.com/?flattrss_redirect&amp;id=6679&amp;md5=4f03933e24f589a9e6cbaaeedeed86d8" type="text/html" />
	</item>
		<item>
		<title>Quels sont les services web 2.0 que j&#039;ai utilisés aujourd’hui ?</title>
		<link>http://css4design.com/quels-sont-les-services-web-2-0-que-j-ai-utilises-aujourdhui</link>
		<comments>http://css4design.com/quels-sont-les-services-web-2-0-que-j-ai-utilises-aujourdhui#comments</comments>
		<pubDate>Fri, 29 Jun 2007 12:42:49 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Dotclear]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Réseaux sociaux]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.css4design.com/blog-reloaded/?p=98</guid>
		<description><![CDATA[Le Prince d&#8217;OpenLaszlo vient de me convier à poursuivre une chaîne initiée par Jacques Froissant d&#8217;Altaïde &#8211; probablement le chasseur de tête 2.0 le plus chassé d&#8217;internet ;) &#8211; dont le but est de dire quelques mots sur les services web 2.0 que l&#8217;on utilise tous les jours, ou presque. Communication Gmail : la boite mail accessible partout que j&#8217;utilise depuis un peu plus d&#8217;un an maintenant. J&#8217;ai quand même configuré Opera pour avoir une copie locale de ma correspondance. J&#8217;apprécie particulièrement la réactivité globale, les filtres (règles de messages), la gestion très souple du classement par Labels (tags) même [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2Fquels-sont-les-services-web-2-0-que-j-ai-utilises-aujourdhui">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2Fquels-sont-les-services-web-2-0-que-j-ai-utilises-aujourdhui&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a&amp;b=2" height="61" width="50" />
			</a>
		</div><p>Le <a href="http://www.misterpatate.fr/?p=254" title="aka Mister Patate" hreflang="fr">Prince d&#8217;OpenLaszlo</a> vient de me convier à poursuivre une chaîne initiée par <a href="http://altaide.typepad.com/about.html" hreflang="fr">Jacques Froissant</a> d&#8217;<a href="http://altaide.typepad.com/" hreflang="fr">Altaïde</a> &#8211; probablement le chasseur de tête 2.0 le plus chassé d&#8217;internet ;) &#8211; dont le but est de dire quelques mots sur les services web 2.0 que l&#8217;on utilise tous les jours, ou presque.<span id="more-108"></span></p>

<h3>Communication</h3>

<ul>
    <li> <a href="http://mail.google.com" hreflang="fr">Gmail</a> : la boite mail accessible partout que j&#8217;utilise depuis un peu plus d&#8217;un an maintenant. J&#8217;ai quand même configuré <a href="http://www.opera.com/" hreflang="fr">Opera</a> pour avoir une copie locale de ma correspondance. J&#8217;apprécie particulièrement la réactivité globale, les filtres (règles de messages), la gestion très souple du classement par Labels (tags) même si un peu de rigueur dans l&#8217;organisation aide aussi ;) J&#8217;arrive à 37% d&#8217;utilisation sur les 3 Giga disponibles (je me sers de <a href="http://fr.wikipedia.org/wiki/Gmail_Drive" hreflang="fr">Gmail Drive</a> pour quelques sauvegardes).</li>
    <li> <a href="http://twitter.com/br1o" hreflang="en">Twitter</a> : Parce que je le veux bien ;) Pratique pour être en contact avec des personnes que l&#8217;on n&#8217;a pas forcément parmi ses contacts MSN&#8230;</li>
    <li> <a href="http://www.windowslive.fr/messenger/default.asp" hreflang="fr">MSN Messenger</a> : disponible sur tous les ordinateurs de France, de Navarre et hors de nos frontières, et puis tout le monde n&#8217;est pas sur Twitter :p</li>
</ul>

<h3>Page personnalisable</h3>

<ul>
    <li> J&#8217;utilise de moins en moins <a href="http://www.netvibes.com/" hreflang="fr">Netvibes</a> à cause des ralentissements désagréables qu&#8217;il provoque dans mon Firefox sous w2k. Et puisque <a href="http://www.google.fr/ig" hreflang="fr">iGoogle</a> est définitivement trop moche &#8211; les widgets sont tous plus affreux les uns que les autres, et le pire, c&#8217;est que leurs laideurs n&#8217;arrivent même pas à s&#8217;harmoniser entre elles &#8211; je n&#8217;utilise plus de page personnalisable. Na !</li>
</ul>

<h3>Organisation</h3>

<ul>
    <li> <a href="http://entreprise.01net.com/windows/Bureautique/agenda/fiches/30844.html" hreflang="fr">Post-it</a> : Pour prendre des notes avec une page web sous les yeux.</li>
    <li> <a href="http://www.google.com/notebook/" hreflang="en">Google Notebook</a> : Très pratique pour structurer les notes un peu longues prises avec <em>Post-it</em>.</li>
    <li> <a href="http://www.google.com/calendar/" hreflang="fr">Google Calendar</a> : Je m&#8217;y met doucement et je suis vraiment emballé par l&#8217;ergonomie et les fonctions de partage d&#8217;agenda.</li>
    <li> <a href="http://www.43things.com/" hreflang="en">43Things</a> : pour se fixer des objectifs (plutôt sur le long terme) en organisant le suivi avec la tenue d&#8217;un mini-blog pour faire le point sur les étapes accomplies et obtenir l&#8217;avis de ceux qui partagent le même but. Bon, j&#8217;avoue que je ne l&#8217;utilise pas vraiment tous les jours, mais il y a du potentiel quand on se lance dans un projet complexe qui nécessite un <em>feed back</em> de la part d&#8217;une communauté. Bon, en même temps on peut aussi ouvrir un blog dédié&#8230;</li>
</ul>

<h3>Bureautique</h3>

<ul>
    <li> <a href="http://docs.google.com/" hreflang="fr">Google Document &amp; Tableur</a> : super pratique pour ouvrir un document <em>Office</em> depuis <em>Gmail</em> sans le télécharger pour autant (bien plus rapide que de l&#8217;ouvrir avec <a href="http://fr.openoffice.org/" hreflang="fr">OpenOffice.org</a>).</li>
    <li> <a href="http://entreprise.01net.com/windows/Bureautique/agenda/fiches/30844.html" hreflang="fr">Post-it</a> : je commence presque toujours mes textes avec ce petit utilitaire astucieux pour les continuer sur <em>OOo</em> ou sur <em>Google Document</em>.</li>
</ul>

<h3>blogs</h3>

<ul>
    <li> <a href="http://wordpress.org/" hreflang="en">WordPress</a> : Code Quantum!</li>
    <li> <a href="http://www.dotclear.net/" hreflang="fr">DotClear</a> : Da Vinci Code!</li>
    <li> <a href="http://www.google.com/reader/" hreflang="fr">Google Reader</a> : celui que j&#8217;utilise le plus. Je teste également <a href="http://www.bloglines.com/" hreflang="en">bloglines</a> et <a href="http://www.newsgator.com/" hreflang="en">newsgator</a>.</li>
</ul>

<h3>Statistiques</h3>

<ul>
    <li> <a href="http://www.google.com/analytics/" hreflang="en">Google Analytics</a> : indispensable. Devient par la force des choses la référence en matière de mesure d&#8217;audience. La nouvelle version satisfera les petits et les grands.</li>
    <li> <a href="http://www.iminr.com/" hreflang="fr">iMinr</a> : il est possible de configurer soi-même les données à analyser. Nécessite quand même : 1) de savoir ce que l&#8217;on veut, et 2) de savoir le programmer.</li>
    <li> <a href="http://www.toutlemondeenblogue.com/" hreflang="fr">TLMEB</a> : Ce site propose un classement des blogs sur une donnée très pertinente : le nombre de visiteurs uniques sur 7 jours glissants par catégorie thématique. Les chiffres sont fournis grâce à un script à installer soi-même. C&#8217;est apparemment la même personne (ou société) qui est à l&#8217;initiative de <em>iMinr</em>.</li>
    <li> <a href="http://spongestats.sourceforge.net/" hreflang="fr">Spongestats</a> : Développé par <a href="http://www.gougueule.com/" hreflang="fr">un lyonnais passionné</a> professionnel et rigoureux, Spongestats carbure à l&#8217;Ajax et m&#8217;apporte mes résultats quotidien sur un plateau.</li>
    <li> <a href="http://www.phpmyvisites.net/" hreflang="fr">phpMyVisites</a> : pas très beau, pas très web 2.0, mais contient des morceaux d&#8217;Ajax. Je ne sais pas si c&#8217;est l&#8217;habitude (c&#8217;est le premier outil statistique que j&#8217;ai installé) mais les données essentielles sont accessibles très rapidement. Quelques problèmes en revanche avec le <em>time limit</em> de 30 sec. pour afficher les statistiques mensuelles. Mais bon, je m&#8217;en sers surtout pour les vues quotidiennes et hebdomadaires.</li>
    <li> <a href="http://www.mybloglog.com/buzz/members/br1o/" hreflang="fr">MyBlogLog</a> : Les chiffres fournis par <acronym title="MyBlogLog">MBL</acronym> sont parfois fantaisistes, mais l&#8217;outil donne une petite idée des liens sortants les plus cliqués.</li>
    <li> <a href="http://www.hittail.com/" hreflang="en">HitTail</a> : pour savoir si la longue traine de mes mots-clés vaut de l&#8217;or. Ou pas.</li>
    <li> <a href="http://www.feedburner.com/" hreflang="en">Feedburner</a> : j&#8217;espère que le rachat par Google permettra de fusionner les chiffres fournis par Google Analytics en tenant compte des clics en provenance du flux RSS&#8230;</li>
    <li> <a href="http://technorati.com/" hreflang="en">Technorati</a> : inscris depuis presque un an, j&#8217;ai commencé à l&#8217;utiliser régulièrement depuis peu pour avoir une idée des sites participants à la chaîne Kawa-Yaka. Depuis, j&#8217;ai peur de devenir accro ;)</li>
</ul>

<h3>Publicités</h3>

<ul>
    <li> <a href="http://www.text-link-ads.com" hreflang="en">Text-Link-Ads</a> : prometteur.</li>
    <li> <a href="http://www.google.com/adsense" hreflang="en">Google Adsense</a> : très intéressant pour connaitre le positionnement d&#8217;un billet en terme de mots-clés ;)</li>
</ul>

<h3>Réseaux sociaux</h3>

<ul>
    <li> <a href="http://www.copaing.net/" hreflang="fr">Copaing</a> : un &laquo;&nbsp;copain d&#8217;avant&nbsp;&raquo; d&#8217;aujourd&#8217;hui qui nous veut du <em>bieng</em> (gratuit) ;)</li>
    <li> <a href="http://www.viadeo.com/" hreflang="fr">Viadeo</a> : Le seul réseau où j&#8217;ai réussi à renseigner mon profil à au moins 90%.</li>
    <li> <a href="http://www.ziki.com/fr/people/bruno/ziki" hreflang="fr">Ziki</a> : Pas mal d&#8217;inscrits parmi lesquels il est possible de faire des recherches selon de très nombreux critères. Je m&#8217;en sers de plus en plus pour centraliser mes différents profils. Permet également d&#8217;être visible sur Google et Yahoo!</li>
    <li> <a href="http://www.facebook.com/" hreflang="en">Facebook</a> : je suis (du verbe suivre) le mouvement twitterien&#8230; on verra bien, s&#8217;il en reste quelque chose&#8230;</li>
    <li> <a href="http://twitter.com/" hreflang="en">Twitter</a> : pour réseauter entre messagerie instantanée, <em>micro-blogging</em> et <em>Google News</em> de proximité.</li>
</ul>

<h3>Bookmark</h3>

<ul>
    <li> <a href="http://blogmarks.net" hreflang="fr">blogmarks</a> : vraiment top, avec des fonctions de réseaux d&#8217;amis pour partager ses blogmarks. A réussi à importer plus de 2000 bookmarks sans problème alors que <a href="http://del.icio.us/" hreflang="en">del.icio.us</a> a calé&#8230;</li>
</ul>

<h3>Musique</h3>

<ul>
    <li> <a href="http://www.radioblogclub.com/" hreflang="en">radioblog</a> : pour écouter de la musique et en mettre sur votre blog.</li>
    <li> <a href="http://www.blogmusik.net/fr/" hreflang="fr">blogmusik</a> : pour écouter de la musique et en mettre sur votre blog. En mieux ! L&#8217;ajout d&#8217;un titre par glissé-déposé dans une <em>playlist</em> est un vrai régal.</li>
</ul>

<h3>Quelques liens pour approfondir la question</h3>

<p>Comme j&#8217;ai déjà eu l&#8217;occasion de décrire plus en détail certains services mentionnés plus haut, j&#8217;en profite pour redonner un coup de <em>boost</em> à des billets qui sont toujours d&#8217;actualité :</p>

<ul>
    <li><a href="http://www.css4design.com/index.php/2007/03/26/71-netvibes-web-2-0-vs-google-reader-plus-1" hreflang="fr">Netvibes et Google Reader</a></li>
    <li><a href="http://www.css4design.com/index.php/2006/11/08/48-reseaux-sociaux-et-esprit-web-2-0" hreflang="fr">Les réseaux sociaux</a></li>
    <li><a href="http://www.css4design.com/index.php/2006/10/18/45-gerard-m-ajax-mashup-et-web-20" hreflang="fr">Les mashups web 2.0</a></li>
    <li><a href="http://www.css4design.com/index.php/2006/09/22/40-walk-like-an-ajaxian-avec-le-web-2-0" hreflang="fr">Walk like an ajaxian avec Copaing, mybloglog, blogmarks&#8230;</a></li>
    <li><a href="http://www.css4design.com/index.php/2007/04/29/83-43-things-what-do-you-want-to-do-with-your-life" hreflang="fr">43Things</a></li>
    <li><a href="http://www.css4design.com/index.php/2007/04/14/79-twitter-signal-social-microblogging-et-moblogging-web-20" hreflang="fr">Twitter</a></li>
    <li><a href="http://www.css4design.com/index.php/2006/11/16/51-mesure-d-audience-google-ecriture-des-mots-clefs-au-clickrank" hreflang="fr">Mesure d&#8217;audience</a></li>
</ul>

<p>Pfiou&#8230; Fait :) Bon, je passe la patate chaude à <a href="http://arbon2.celeonet.fr/dotclear/index.php?" hreflang="fr">Laeti</a>, <a href="http://www.odd-tales.com/" hreflang="fr">myev</a> et <a href="http://www.pixellum.com/" hreflang="fr">Blazouf</a></p>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css4design.com/twitter-signal-social-microblogging-et-moblogging-web-20' title='Twitter : Signal social, microblogging et moblogging'>Twitter : Signal social, microblogging et moblogging</a></li><li><a href='http://css4design.com/css-naked-day-copaing-lyon-blog-css2-pratique-du-design-web' title='CSS Naked Day + Copaing + Lyon Blog + CSS2 Pratique&#8230;'>CSS Naked Day + Copaing + Lyon Blog + CSS2 Pratique&#8230;</a></li><li><a href='http://css4design.com/mon-top-5-des-outils-pour-bloguer' title='Mon Top 5 des outils pour bloguer'>Mon Top 5 des outils pour bloguer</a></li><li><a href='http://css4design.com/mesure-d-audience-google-ecriture-des-mots-clefs-au-clickrank' title='Mesure d&#039;audience : des mots-clefs au ClickRank'>Mesure d&#039;audience : des mots-clefs au ClickRank</a></li><li><a href='http://css4design.com/reseaux-sociaux-et-esprit-web-2-0' title='Les réseaux sociaux et l&#039;esprit web 2.0'>Les réseaux sociaux et l&#039;esprit web 2.0</a></li></ul>
 <p><a href="http://css4design.com/?flattrss_redirect&amp;id=108&amp;md5=45fcbe7651f30bb90b5b986b02dac085" title="Flattr" target="_blank"><img src="http://css4design.com/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css4design.com/quels-sont-les-services-web-2-0-que-j-ai-utilises-aujourdhui/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		<atom:link rel="payment" href="http://css4design.com/?flattrss_redirect&amp;id=108&amp;md5=45fcbe7651f30bb90b5b986b02dac085" type="text/html" />
	</item>
		<item>
		<title>43 Things : what do you want to do with your life?</title>
		<link>http://css4design.com/43-things-what-do-you-want-to-do-with-your-life</link>
		<comments>http://css4design.com/43-things-what-do-you-want-to-do-with-your-life#comments</comments>
		<pubDate>Sun, 29 Apr 2007 21:05:27 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Réseaux sociaux]]></category>

		<guid isPermaLink="false">http://www.css4design.com/blog-reloaded/?p=78</guid>
		<description><![CDATA[Qu&#8217;est-ce que j&#8217;ai envie de faire dans la vie ? Un tas de chose en fait. Et comme beaucoup de monde, si j&#8217;en réalisais une fraction je serais déjà bien content&#8230; S&#8217;il vous est déjà arrivé de vouloir faire quelque chose et de laisser tomber en cours de route faute d&#8217;encouragement, 43 Things est fait pour vous (le site existe bien en version française, mais la traduction laisse peu de chance au produit). Présentez en une phrase jusqu&#8217;à 43 choses que vous voulez faire dans la vie, associez des tags, reformulez avec d&#8217;autres mots afin d&#8217;être bien compris, tant il [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2F43-things-what-do-you-want-to-do-with-your-life">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2F43-things-what-do-you-want-to-do-with-your-life&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a&amp;b=2" height="61" width="50" />
			</a>
		</div><p><img class="il" title="Find your 43 things" src="/images/billet/43things.png" alt="43 Things : what do you want to do with your life?" /> Qu&#8217;est-ce que j&#8217;ai envie de faire dans la vie ? Un tas de chose en fait. Et comme beaucoup de monde, si j&#8217;en réalisais une fraction je serais déjà bien content&#8230; S&#8217;il vous est déjà arrivé de vouloir faire quelque chose et de laisser tomber en cours de route faute d&#8217;encouragement, <a title="What do you want to do with your life?" href="http://www.43things.com/">43 Things</a> est fait pour vous (le site existe bien en <a hreflang="fr" href="http://fr.43things.com/">version française</a>, mais la traduction laisse peu de chance au produit).</p>

<p><span id="more-89"></span></p>

<p>Présentez en une phrase jusqu&#8217;à 43 choses que vous voulez faire dans la vie, associez des tags, reformulez avec d&#8217;autres mots afin d&#8217;être bien compris, tant il est vrai que :</p>

<blockquote><q>Ce qui se conçoit bien s&#8217;énonce clairement et les mots pour le dire viennent aisément.</q></blockquote>

<p>Vous verrez ensuite si d&#8217;autres personnes partagent les mêmes envies. Inspirez-vous donc des solutions qu&#8217;elles ont mises en place pour parvenir à leurs fins, ou pas.</p>

<p>Ne reste plus qu&#8217;à alimenter le mini-blog dédié à cet objectif pour faire le point sur l&#8217;avancement de votre projet avec l&#8217;aide bienveillante des membres de 43 Things qui peuvent laisser des commentaires ou vous encourager par un <em>cheer</em> s&#8217;ils estiment que vous allez dans la bonne direction. Il est même possible de donner un <em>cheer</em> à un commentaire constructif au regard du but poursuivi.</p>

<p>Le widget ? Ah, oui, j&#8217;allais oublier. Il est possible de mettre la liste des 43 choses que vous aimeriez faire sur votre blog. Ma liste de souhaits est courte, mais comme dit le proverbe :</p>

<blockquote>&laquo;&nbsp;Pour aller loin, ménage ta monture&nbsp;&raquo; :</blockquote>

<script src="http://www.43things.com/people/js/br1o?limit=43" type="text/javascript"></script>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css4design.com/quels-sont-les-services-web-2-0-que-j-ai-utilises-aujourdhui' title='Quels sont les services web 2.0 que j&#039;ai utilisés aujourd’hui ?'>Quels sont les services web 2.0 que j&#039;ai utilisés aujourd’hui ?</a></li><li><a href='http://css4design.com/twitter-signal-social-microblogging-et-moblogging-web-20' title='Twitter : Signal social, microblogging et moblogging'>Twitter : Signal social, microblogging et moblogging</a></li><li><a href='http://css4design.com/css-naked-day-copaing-lyon-blog-css2-pratique-du-design-web' title='CSS Naked Day + Copaing + Lyon Blog + CSS2 Pratique&#8230;'>CSS Naked Day + Copaing + Lyon Blog + CSS2 Pratique&#8230;</a></li><li><a href='http://css4design.com/reseaux-sociaux-et-esprit-web-2-0' title='Les réseaux sociaux et l&#039;esprit web 2.0'>Les réseaux sociaux et l&#039;esprit web 2.0</a></li><li><a href='http://css4design.com/le-petit-journal-du-web-non-twitter-na-pas-tue-les-backlinks-la-preuve' title='Le petit journal du web &#8212; Non, Twitter n&#8217;a pas tué les Backlinks&#8230; La preuve !'>Le petit journal du web &#8212; Non, Twitter n&#8217;a pas tué les Backlinks&#8230; La preuve !</a></li></ul>
 <p><a href="http://css4design.com/?flattrss_redirect&amp;id=89&amp;md5=58513a9759500f12c0ab60cc1a853adc" title="Flattr" target="_blank"><img src="http://css4design.com/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css4design.com/43-things-what-do-you-want-to-do-with-your-life/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<atom:link rel="payment" href="http://css4design.com/?flattrss_redirect&amp;id=89&amp;md5=58513a9759500f12c0ab60cc1a853adc" type="text/html" />
	</item>
		<item>
		<title>Twitter : Signal social, microblogging et moblogging</title>
		<link>http://css4design.com/twitter-signal-social-microblogging-et-moblogging-web-20</link>
		<comments>http://css4design.com/twitter-signal-social-microblogging-et-moblogging-web-20#comments</comments>
		<pubDate>Sat, 14 Apr 2007 16:00:29 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Commentaires conditionnels]]></category>
		<category><![CDATA[Réseaux sociaux]]></category>

		<guid isPermaLink="false">http://www.css4design.com/blog-reloaded/?p=77</guid>
		<description><![CDATA[Dans la série je suis un garçon influençable, en voici la preuve : comme tout le monde, j&#8217;ai entendu parler de Twitter qui permet de laisser des traces de ce qu&#8217;on est en train de faire. Ce site se situe à à mi-chemin entre le microblogging , le moblogging et le signal social. Votre status est visible par tous sur la page d&#8217;accueil de Twitter pour participer au Zeitgeist ; par vos amis pour garder le contact ; ou bien encore sous la forme d&#8217;un widget à placer sur un blog pour permettre à vos lecteurs de suivre votre vie [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2Ftwitter-signal-social-microblogging-et-moblogging-web-20">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2Ftwitter-signal-social-microblogging-et-moblogging-web-20&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a&amp;b=2" height="61" width="50" />
			</a>
		</div><p><img class="il" src="/images/billet/twitter/twitter-signal-social.png" alt="Ce que je fais sur Twitter ?" /> Dans la série <em>je suis un garçon influençable</em>, en voici la preuve : comme tout le monde, j&#8217;ai entendu parler de <a hreflang="en" href="http://twitter.com/">Twitter</a> qui permet de laisser des traces de ce qu&#8217;on est en train de faire. Ce site se situe à à mi-chemin entre le <em>microblogging </em>, le <a hreflang="en" href="http://en.wikipedia.org/wiki/Moblog">moblogging</a> et le <a hreflang="fr" href="http://www.signal-social.fr/">signal social</a>. Votre <em>status</em> est visible par tous sur la page d&#8217;accueil de Twitter pour participer au <em>Zeitgeist</em> ; par vos amis pour garder le contact ; ou bien encore sous la forme d&#8217;un <em>widget</em> à placer sur un blog pour permettre à vos lecteurs de suivre votre vie quotidienne&#8230; ou pas. C&#8217;est vous qui écrivez, c&#8217;est vous qui choisissez !<span id="more-85"></span></p>

<p><img class="imgFullWidth" src="/images/billet/twitter/ce-que-je-fais.png" alt="Ce que je fais sur Twitter ?" /></p>

<p>Je trouvais l&#8217;idée sympathique, mais sans plus. Jusqu&#8217;à ce que je lise <a hreflang="fr" href="http://www.vinch.be/2007/04/11/twitter-je-me-prends-au-jeu/">le billet de Vinch</a>. Et hop ! me voilà sur <a hreflang="en" href="http://en.wikipedia.org/wiki/Twitter">Twitter</a>. Je lis, je m&#8217;inscris, et je suis là, à choisir une couleur de fond pas trop criarde pour le <em>widget Flash</em>.</p>

<h3>Comment ça marche ?</h3>

<p>L&#8217;inscription terminée, je commence à tester. Le site affiche mon avatar, mon pseudo (avec un lien vers <a hreflang="fr" href="http://twitter.com/br1o">ma page publique</a>), mon status (ce que je suis en train de faire), et le temps passé depuis mon dernier gazouillis (c&#8217;est comme ça que l&#8217;on peut traduire Twitter).</p>

<p><img class="imgFullWidth" src="/images/billet/twitter/my-friends.png" alt="Mes amis et moi sur Twitter" /></p>

<p><img class="il" src="/images/billet/twitter/twitter-vinch.png" alt="Vinch sur Twitter" /> Sur le widget Flash, il ne reste plus que le status. Deux flèches permettent d&#8217;afficher les status précédents et suivants. Le tout dans un petit bloc ni beau ni moche dont on peut choisir la couleur.</p>

<p>J&#8217;allais passer sans m&#8217;en rendre compte du côté obscur, quand je suis tombé sur la version brute de fonderie du <em>widget</em> : un honnête Javascript à copier-coller où je veux.</p>

<p>Pour résumer, le script <em>splitte</em> le texte du status et le temps passé depuis ma dernière utilisation, puis écrit le résultat avec <em>innerHTML</em> dans deux balises <em>span</em> qu&#8217;il suffit de styler &#8211; ou de changer !</p>

<p>Pour ma part, j&#8217;ai utilisé la balise <em>blockquote</em> pour l&#8217;affichage du status que je considère comme une citation, et une balise <em>p</em> pour le temps passé depuis la dernière mise à jour.</p>

<p>L&#8217;affichage du temps est réalisé par le script (simple copié-collé), de sorte que j&#8217;ai pu le personnaliser. J&#8217;aurais pu tout aussi bien le supprimer, mais il ne serait rien resté du concept Twitter déjà minimaliste ;)</p>

<p>J&#8217;ai été agréablement surpris par l&#8217;absence totale de publicité sur cette version <em>Low Tech</em> : on dirait vraiment que c&#8217;est moi qui l&#8217;ai fait ;)</p>

<p><img class="imgFullWidth" src="/images/billet/twitter/mon-twitter.png" alt="Affichage de mon twitter sur mon blog" /></p>

<p>En revanche, je suis moins satisfait par les temps de réponse du script qui ont tendance à ralentir le chargement de la page de temps à autre.</p>

<h3>Pourquoi ça marche ?</h3>

<p>Le succès grandissant de Twitter et le <a hreflang="en" href="http://www.technorati.com/search/twitter">buzz énorme</a> sur le service ont provoqué moult réactions plus ou moins favorables aux gazouilleurs. Twitter divise la blogosphère :</p>

<ul>
    <li> Une grande partie trouve que ça ne sert strictement à rien, et qu&#8217;il est même indécent d&#8217;étaler sa vie quotidienne dans ce qu&#8217;elle a de plus banale ou triviale. A ceux-là, je rappellerais seulement le slogan qui accompagna la Twingo en son temps : <em>à nous d&#8217;inventer la vie qui va avec&#8230;</em> Et toc ;)</li>
    <li> Beaucoup trouvent ça inutile donc indispensable. Ce sont souvent des blogueurs qui relayent l&#8217;information sans trop s&#8217;engager eux-mêmes. Mais au moins ne dénigrent-ils pas un service qu&#8217;ils n&#8217;ont pas vraiment testé&#8230;</li>
    <li> D&#8217;autres encore, dont je suis, essaient de comprendre le phénomène de l&#8217;intérieur tout en s&#8217;amusant :)</li>
    <li> Et enfin, une majorité de blogueurs ou non-blogueurs trouvent dans Twitter le moyen de diversifier encore plus les moyens de communication pour rester en contact avec leur tribu. Ce qui est l&#8217;objectif premier du site.</li>
    <li>etc.</li>
</ul>

<h3>C&#8217;est pas tout de l&#8217;installer, mais je fais quoi avec ?</h3>

<p>Pour l&#8217;instant, parmi toutes les utilisations possibles, je n&#8217;ai pas encore vraiment choisi : 140 caractères c&#8217;est court (à peu près la taille d&#8217;un SMS). En même temps, ça peut être motivant de faire passer un message en si peu de lettres :</p>

<ul>
    <li>Mon humeur du moment (mais je doute que ça intéresse du monde),</li>
    <li>Ce que je suis en train de faire (idem),</li>
    <li>Des Haikus (tiens pourquoi pas),</li>
    <li>Des citations (idem),</li>
    <li>Le site que je suis en train de visiter (pas bête),</li>
    <li>Le bon plan de derrière les fagot (idem),</li>
    <li>De l&#8217;auto-promotion (ouééééé, noooooon),</li>
    <li> &#8230;</li>
</ul>

<p>Finalement les idées ne manquent pas. Si de votre côté vous voulez rallonger la liste, n&#8217;hésitez pas à <em>squatter</em> les commentaires.</p>

<h3>Trucs et astuces pour Twitter tranquille</h3>

<p>Il est possible de faire des liens. Mais comme tous les caractères sont comptés il ne reste pas beaucoup de place pour le corps du message. J&#8217;utilise donc <a hreflang="en" href="http://tinyurl.com/">tinyurl</a> qui échange mes longues URL contre des plus courtes. C&#8217;est toujours ça de gagné.</p>

<h4>Je peux Twitter de partout&#8230;</h4>

<p>Outre l&#8217;interface du site lui-même, il existe une <a hreflang="en" href="http://lud.icro.us/post-twitter-updates-from-firefox/">extension Firefox</a> très astucieuse pour <em>twitter</em> tout en surfant. Par ailleurs, en activant l&#8217;option idoine sur le site, et en invitant le contact <em>twitter@twitter.com</em>, je peux utiliser mes 140 caractères sur GTalk ! Malgré tout, je pense rester sur l&#8217;interface du site car l&#8217;affichage du nombre de caractères restants lors de la saisie est une aide précieuse quand on a tendance à déborder&#8230;</p>

<h4>&#8230; mais pas sur Internet Explorer</h4>

<p>En vérifiant mon Twitter sur IE6, je me suis rendu compte qu&#8217;il ne gazouillait pas. En attendant de régler le problème, j&#8217;ai copié-collé le code HTML résultant du script en ciblant le dernier de la classe via les <a hreflang="fr" href="http://www.css4design.com/index.php/2006/07/18/28-commentaires-conditionnels-d-internet-explorer-vs-hacks-css">commentaires conditionnels</a>, et j&#8217;ai mis deux citations en attendant.</p>

<h3>Un éco-système riche et innovant</h3>

<p>Twitter a inspiré des initiatives nombreuses et parfois étonnantes :</p>

<ul>
    <li> <a hreflang="en" href="http://Twittervision.com/">twittervision</a> propose <strong>une carte du monde affichant en temps réel les utilisateurs</strong> en train de gazouiller. C&#8217;est assez bluffant : la carte se déplace sous vos yeux (en 1280 x 1024) et affiche une infobulle à l&#8217;endroit où le Twitterer <em>twitte</em>.</li>
    <li> Le moteur de recherche <a hreflang="en" href="http://twitterment.umbc.edu/">twitterment</a> affiche les résultats sur deux colonnes. La première affiche les gazouillis associés à votre mot-clé, et la seconde fournit des <strong>indications statistiques sur la tendance horaire ou journalière d&#8217;apparition du mot-clé</strong>, une carte Google (inaccessible à l&#8217;heure où j&#8217;écris), et quelques mots-clés en relation avec le vôtre pour élargir votre recherche.Vous pourrez aussi comparer la fréquence d&#8217;apparition de deux mots-clés. Deux nuages de tags vous renseigneront sur les termes qui montent et ceux qui descendent pour avoir une idée du <em>Zeitgeist Twitterien</em>.</li>
    <li> Pour mettre <strong>un peu de sémantique dans cette joyeuse anarchie</strong>, <a href="http://teketen.blogspot.com/">Gorka Julio</a> propose de mettre en place un <a hreflang="en" href="http://twitternanoformats.wikispaces.com/">nanoformat pour Twitter</a> sur une page wikispaces. En voilà une idée qu&#8217;elle est bonne ! Je dirais même que c&#8217;est le genre d&#8217;idée qui, si elle marche et si le phénomène Twitter continue sur sa lancée, pourrait permettre de structurer le web. <strong><em>Save the web, save Twitter ?</em></strong> Pourquoi pas :)</li>
</ul>

<h3>C&#8217;est pas tout mais faut y aller, maintenant !</h3>

<p>Maintenant que le vin est tiré, il faut le boire. Je verrais bien à l&#8217;usage quoi faire de Twitter. Certainement un mélange de tout ce que j&#8217;ai évoqué plus haut.</p>

<p>Reste la dimension &laquo;&nbsp;sociale&nbsp;&raquo; de Twitter que je découvre à peine et que je vous invite à découvrir vous aussi : Twitter, c&#8217;est trop bien pour que seuls les ados en profitent.</p>

<h3>Pour conclure, voici quelques liens de blogueurs qui parlent de Twitter</h3>

<h4>Ils sont plutôt favorables :</h4>

<ul>
    <li>Chez <a hreflang="fr" href="http://www.vinch.be/2007/04/11/twitter-je-me-prends-au-jeu/">Vinch</a></li>
    <li>Chez <a hreflang="fr" href="http://climbtothestars.org/archives/2007/03/15/twitter-cest-quoi-explications/">Stéphanie Booth</a></li>
    <li>Chez <a hreflang="fr" href="http://xtof.viabloga.com/news/voulez-vous-twitter-avec-moi-ce-soir">xtof</a></li>
    <li>Chez <a hreflang="en" href="http://www.lifehack.org/articles/lifehack/5-ways-to-use-twitter-for-good.html">lifehack</a></li>
    <li>Chez LLM, mais c&#8217;est <a hreflang="fr" href="http://www.loiclemeur.com/france/2007/04/bientt_la_mort__2.html">Ouriel Oyahon</a> qui régale ;)</li>
</ul>

<h4>Ils sont plutôt contre :</h4>

<ul>
    <li>Chez <a hreflang="fr" href="http://altaide.typepad.com/jacques_froissant_altade/2007/04/la_folie_twitte.html">Jacques Froissant</a></li>
    <li>Chez <a hreflang="fr" href="http://fredericdevillamil.com/articles/2007/03/21/twitter-la-branlette-2-0">Frederic de Villamil</a></li>
</ul>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css4design.com/quels-sont-les-services-web-2-0-que-j-ai-utilises-aujourdhui' title='Quels sont les services web 2.0 que j&#039;ai utilisés aujourd’hui ?'>Quels sont les services web 2.0 que j&#039;ai utilisés aujourd’hui ?</a></li><li><a href='http://css4design.com/moi-aussi-j-ai-quitte-netvibes' title='Moi aussi, j&#039;ai quitté Netvibes&#8230;'>Moi aussi, j&#039;ai quitté Netvibes&#8230;</a></li><li><a href='http://css4design.com/43-things-what-do-you-want-to-do-with-your-life' title='43 Things : what do you want to do with your life?'>43 Things : what do you want to do with your life?</a></li><li><a href='http://css4design.com/l-experience-utilisateur-au-centre-de-l-ergonomie-des-sites-web' title='L&#039;expérience utilisateur et l&#039;ergonomie des sites web'>L&#039;expérience utilisateur et l&#039;ergonomie des sites web</a></li><li><a href='http://css4design.com/css-naked-day-copaing-lyon-blog-css2-pratique-du-design-web' title='CSS Naked Day + Copaing + Lyon Blog + CSS2 Pratique&#8230;'>CSS Naked Day + Copaing + Lyon Blog + CSS2 Pratique&#8230;</a></li></ul>
 <p><a href="http://css4design.com/?flattrss_redirect&amp;id=85&amp;md5=3b507f7ae15795a9625acbdf0c9e8040" title="Flattr" target="_blank"><img src="http://css4design.com/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css4design.com/twitter-signal-social-microblogging-et-moblogging-web-20/feed</wfw:commentRss>
		<slash:comments>14</slash:comments>
		<atom:link rel="payment" href="http://css4design.com/?flattrss_redirect&amp;id=85&amp;md5=3b507f7ae15795a9625acbdf0c9e8040" type="text/html" />
	</item>
		<item>
		<title>CSS Naked Day + Copaing + Lyon Blog + CSS2 Pratique&#8230;</title>
		<link>http://css4design.com/css-naked-day-copaing-lyon-blog-css2-pratique-du-design-web</link>
		<comments>http://css4design.com/css-naked-day-copaing-lyon-blog-css2-pratique-du-design-web#comments</comments>
		<pubDate>Wed, 04 Apr 2007 15:26:08 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Le petit journal du web]]></category>
		<category><![CDATA[Accessibilité]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Réseaux sociaux]]></category>
		<category><![CDATA[Standards web]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.css4design.com/blog-reloaded/?p=73</guid>
		<description><![CDATA[Un petit mix pour commencer le mois. Demain c&#8217;est Show Time pour ce blog qui dévoilera ses dessous pour la bonne cause, au moment même où mes Copaings font leur apparition&#8230; Et dire que ça se passe peut-être près de chez vous : si vous habitez la région lyonnaise, venez noyer votre chagrin football-istique (pourtant le nom d&#8217;une liste ordonnée aurait pu être de bonne augure, mais bon&#8230;) en compagnie de Lyon-Blog qui prépare sa V2. En parlant de V2, il y a aussi du nouveau du côté de chez Alsacreations. CSS Naked Day Demain, ce blog fait son full [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2Fcss-naked-day-copaing-lyon-blog-css2-pratique-du-design-web">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2Fcss-naked-day-copaing-lyon-blog-css2-pratique-du-design-web&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a&amp;b=2" height="61" width="50" />
			</a>
		</div><p><img class="il" title="CSS Naked Day + Copaing + Lyon Blog + CSS2 Pratique..." src="/images/billet/en-vrac.png" alt="Ca part en vrac ?" /> Un petit <em>mix</em> pour commencer le mois. Demain c&#8217;est <em>Show Time</em> pour ce blog qui dévoilera ses dessous pour la bonne cause, au moment même où mes Copaings font leur apparition&#8230; Et dire que ça se passe peut-être près de chez vous : si vous habitez la région lyonnaise, venez noyer votre chagrin football-istique (pourtant le nom d&#8217;une liste ordonnée aurait pu être de bonne augure, mais bon&#8230;) en compagnie de Lyon-Blog qui prépare sa V2. En parlant de V2, il y a aussi du nouveau du côté de chez Alsacreations.</p>

<p><span id="more-81"></span></p>

<ol>
    <li>
<h3>CSS Naked Day</h3>
Demain, ce blog fait son <em>full monty</em> en participant à l&#8217;opération lancée par <a hreflang="en" href="http://www.dustindiaz.com/">dustindiaz</a> pour promouvoir les standards web dans leur plus simple appareil.

En désactivant les feuilles de style CSS, vous mettez votre <samp>body</samp> à nu et montrez que vous utilisez un marquage HTML sémantique et structuré. Pour participer <a hreflang="en" href="http://naked.dustindiaz.com/">inscrivez votre site</a> sur la liste !

Pour ma part, je commence le <em>strip</em> soit dans la nuit, soit jeudi en début de matinée.</li>
    <li>
<h3>Du nouveau sur Copaing</h3>
Si vous aimez taquiner la molette, vous avez peut-être remarqué le <em>widget</em> Copaing qui a fait son apparition sur ce blog. Vous voulez le même ? Alors inscrivez-vous vite et encouragez vos amis à faire pareil. Vous n&#8217;avez pas d&#8217;amis ? Raison de plus pour quitter ce blog de N0L1F3 et rejoindre Copaing, le site gratuit pour <a hreflang="fr" href="http://www.copaing.net/">retrouver vos anciens copains de classe</a> et les localiser grâce à l&#8217;API Google Maps.</li>
    <li>
<h3>Lyon-Blog : ça se passe près de chez vous (ou pas)</h3>
<a hreflang="fr" href="http://www.lyon-blog.fr/">Lyon Blog</a> prépare sa V2 et nous attendons vos <a hreflang="fr" href="http://www.lyon-blog.fr/forum/viewtopic.php?pid=1373">suggestions</a> ou simplement vos encouragements. Si vous éditez un blog dans la région lyonnaise, <a hreflang="fr" href="http://www.lyon-blog.fr/?blogs_lyonnais#formulaire">inscrivez-vous</a> et participez aux célèbres Apéros Blog !</li>
    <li>
<h3>CSS2 Pratique du design web v2.0</h3>
<q cite="http://blog.alsacreations.com/2007/03/29/341-css2-pratique-du-design-web-v20">Aujourd&#8217;hui, 29 mars 2007, la seconde édition du livre &laquo;&nbsp;CSS2 : pratique du design web&nbsp;&raquo; voit officiellement le jour et commence à être diffusée chez les distributeurs.</q>

L&#8217;année dernière, j&#8217;ai lu la 1<sup>ère</sup> édition du livre de Raphael Goetter qui m&#8217;a été particulièrement utile pour mieux comprendre les questions relatives au positionnement relatif ou absolu. Cette année, j&#8217;achète la 2<sup>ème</sup> édition qui fait le point, entre autre, sur la prise en charge des CSS par IE7.

La liste des nouveautés présentes sur <a hreflang="fr" href="http://blog.alsacreations.com/2007/03/29/341-css2-pratique-du-design-web-v20">CSS2 Pratique du design web</a> est disponible sur le blog de l&#8217;auteur.</li>
    <li>
<h3>Principes pour des sites ergonomiques</h3>
Pendant que j&#8217;étais sur Alsacreations, je (re)trouvé une page très complète sur les éléments à prendre en compte pour <a hreflang="fr" href="http://css.alsacreations.com/Tutoriels-et-articles-divers/Principes-a-suivre-pour-un-site-web-de-qualite-Ergonomie-Compatibilite-Accessibilite">faire des sites web de qualité</a> centrés sur l&#8217;utilisateur. Enjoy!</li>
</ol>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css4design.com/petit-bilan-statistique-du-css-naked-day' title='Petit bilan statistique du CSS Naked Day'>Petit bilan statistique du CSS Naked Day</a></li><li><a href='http://css4design.com/formation-integrateur-html5-css3' title='CSS Sans Stress &#8212; Une formation intégrateur HTML &amp; CSS'>CSS Sans Stress &#8212; Une formation intégrateur HTML &#038; CSS</a></li><li><a href='http://css4design.com/je-teste-mon-navigateur-sous-acid2-cest-grave-docteur' title='Je teste mon navigateur sous Acid2, c&#039;est grave, docteur ?'>Je teste mon navigateur sous Acid2, c&#039;est grave, docteur ?</a></li><li><a href='http://css4design.com/5-reset-css-a-la-loupe-pour-une-remise-a-zero-des-valeurs-par-defaut-des-navigateurs' title='5 Reset CSS à la loupe pour une remise à zéro des valeurs par défaut des navigateurs'>5 Reset CSS à la loupe pour une remise à zéro des valeurs par défaut des navigateurs</a></li><li><a href='http://css4design.com/quelques-notes-autour-du-design-fluide-avec-3-colonnes-du-collectif-alsacreations' title='Quelques notes autour du design fluide avec 3 colonnes du collectif Alsacréations'>Quelques notes autour du design fluide avec 3 colonnes du collectif Alsacréations</a></li></ul>
 <p><a href="http://css4design.com/?flattrss_redirect&amp;id=81&amp;md5=f237e26603e14d90fa69c810d2208ab4" title="Flattr" target="_blank"><img src="http://css4design.com/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css4design.com/css-naked-day-copaing-lyon-blog-css2-pratique-du-design-web/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<atom:link rel="payment" href="http://css4design.com/?flattrss_redirect&amp;id=81&amp;md5=f237e26603e14d90fa69c810d2208ab4" type="text/html" />
	</item>
		<item>
		<title>Copaing, WordPress, HDTV et Oups !</title>
		<link>http://css4design.com/copaing-wordpress-hdtv-et-oups</link>
		<comments>http://css4design.com/copaing-wordpress-hdtv-et-oups#comments</comments>
		<pubDate>Sat, 17 Feb 2007 23:01:05 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Le petit journal du web]]></category>
		<category><![CDATA[Liste de liens]]></category>
		<category><![CDATA[Réseaux sociaux]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.css4design.com/blog-reloaded/?p=63</guid>
		<description><![CDATA[Comme toutes les bonnes choses ont une suite, voici le deuxième opus de cette rubrique dont tout le monde raffole ;) Que mes lecteurs exigeants se rassurent, j&#8217;ai quelques brouillons qui devraient éclore sous peu&#8230; En attendant, ça va partir en vrac avec un widget qui veut devenir votre meilleur ami Copaing, une nouvelle version de WordPress qui en jette, et un site sur les séries TV qui vont bien. Xuxu, un Copaing qui vous veut du bien Si vous connaissez Copaing, le site qui vous permet de retrouver vos anciens camarades ou collègues ou d&#8217;être retrouvé par eux, connectez-vous, [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2Fcopaing-wordpress-hdtv-et-oups">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2Fcopaing-wordpress-hdtv-et-oups&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a&amp;b=2" height="61" width="50" />
			</a>
		</div><p><img class="il" title="Mon mix à moi" src="/images/billet/en-vrac.png" alt="ça part en vrac" /> Comme toutes les bonnes choses ont une suite, voici le deuxième <em>opus</em> de cette rubrique dont tout le monde raffole ;) Que mes lecteurs exigeants se rassurent, j&#8217;ai quelques brouillons qui devraient éclore sous peu&#8230; En attendant, ça va partir en vrac avec un widget qui veut devenir votre meilleur <del>ami</del> <a hreflang="fr" href="http://www.copaing.net/">Copaing</a>, une nouvelle version de WordPress qui en jette, et un site sur les séries TV qui vont bien.</p>

<p><span id="more-71"></span></p>

<h3>Xuxu, un Copaing qui vous veut du bien</h3>

<p>Si vous connaissez <a hreflang="fr" href="http://www.copaing.net/">Copaing</a>, le site qui vous permet de retrouver vos anciens camarades ou collègues ou d&#8217;être retrouvé par eux, connectez-vous, cliquez sur <em>Vos widgets</em> dans le menu <em>Options</em> dans la colonne de gauche, puis paramétrez le libellé du widget, sa largeur, le nombres de Copaings affichés, et enfin, précisez la manière dont vous voulez que le tri s&#8217;effectue. Notez que vous pouvez restreindre l&#8217;affichage des Copaings à ceux qui ont une photo.</p>

<p>Ensuite vous copiez-collez le bout de code Javascript (ça ne mord pas) dans votre page web, et hop ! c&#8217;est fini.</p>

<p>Si vous ne connaissiez pas encore ce site qui vous permet de <a hreflang="fr" href="http://www.copaing.net/">retrouver vos copains</a>, vous pouvez dès à présent présenter vos excuses à la communauté et vous inscrire l&#8217;air de rien :) Vous verrez, vous ne le regretterez pas ! A mon avis, <a hreflang="en" href="http://www.mybloglog.com/buzz/members/br1o/">MyBlogLog</a> va devoir mettre les bouchées doubles s&#8217;il veut garder l&#8217;avantage&#8230;</p>

<h3>WordPress, what else?</h3>

<p>Que <a hreflang="fr" href="http://www.blogdesbois.fr/2007/02/10/wordpress-what-else/">Thanh</a> me pardonne de lui avoir emprunté ce titre sans lui demander la permission, mais la tentation était trop grande !</p>

<p>J&#8217;ai commencé il y a déjà quelques temps un comparatif hâtif concernant <a hreflang="fr" href="http://www.css4design.com/index.php/2006/06/01/23-cms">WordPress 2.0.3 et DotClear 1.2.5</a> que je n&#8217;ai jamais vraiment terminé. En effet, les versions testées à l&#8217;époque ne sont plus d&#8217;actualité depuis l&#8217;annonce (et la mise en place prochaine) de la version 2 de DotClear et l&#8217;arrivée de la version 2.1 de WordPress. J&#8217;ai passé un peu de temps le nez dans le code et le codex, et les possibilités stupéfiantes, la souplesse et la documentation de cette dernière version m&#8217;ont coupés le souffle&#8230;</p>

<p>Je n&#8217;en dit pas plus pour le moment : je me réserve pour un prochain billet sur le sujet ;)</p>

<h3>HDTV : le blog des séries qui vont bien.</h3>

<p>Il n&#8217;y a pas que les CSS et l&#8217;intégration web dans la vie ! La preuve avec le nouveau site <a hreflang="fr" href="http://hdtv.unotherblog.net/">HDTV</a> qui devrait satisfaire votre curiosité à propos de vos séries TV préférées. Enfin, surtout si : <q>Tu as un portable d&#8217;une autonomie de 24H en communication et ne jures que par Motorola, ce blog est fait pour toi.</q> dixit le site en question.</p>

<p>Pour ma part, question séries, je suis plutôt du genre <em>mainstream</em> : 24H, Desperate Housewives, Cosmos 99, et&#8230; Inspecteur Derrick :) Et vous ?</p>

<p>Comme toutes les bonnes choses ont une fin, j&#8217;arrête ce billet maintenant car si ça continue, je vais finir par prendre goût à ces billets qui partent en vrac !</p>

<h3>Oups!.. j&#8217;ai oublié quelque chose&#8230;</h3>

<p>&#8230;de <a hreflang="fr" href="http://www.nubiumgraphik.com/cadavres_exquis/">froid et délicieux</a> en même temps&#8230;</p>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css4design.com/le-petit-journal-du-web-non-twitter-na-pas-tue-les-backlinks-la-preuve' title='Le petit journal du web &#8212; Non, Twitter n&#8217;a pas tué les Backlinks&#8230; La preuve !'>Le petit journal du web &#8212; Non, Twitter n&#8217;a pas tué les Backlinks&#8230; La preuve !</a></li><li><a href='http://css4design.com/listes-pour-webdesigners' title='23 listes pour Webdesigners'>23 listes pour Webdesigners</a></li><li><a href='http://css4design.com/200-garcons-a-suivre-sur-twitter' title='200+ garçons à suivre sur Twitter '>200+ garçons à suivre sur Twitter </a></li><li><a href='http://css4design.com/liens-integrateur-developpeur-web' title='Liens utiles pour l&#039;intégrateur HTML / CSS et le développeur web'>Liens utiles pour l&#039;intégrateur HTML / CSS et le développeur web</a></li><li><a href='http://css4design.com/24-plugins-wordpress' title='Liste des 24 plugins WordPress utilisés sur mon blog'>Liste des 24 plugins WordPress utilisés sur mon blog</a></li></ul>
 <p><a href="http://css4design.com/?flattrss_redirect&amp;id=71&amp;md5=fdad6fc82555c768e02d5392f8647781" title="Flattr" target="_blank"><img src="http://css4design.com/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css4design.com/copaing-wordpress-hdtv-et-oups/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		<atom:link rel="payment" href="http://css4design.com/?flattrss_redirect&amp;id=71&amp;md5=fdad6fc82555c768e02d5392f8647781" type="text/html" />
	</item>
		<item>
		<title>Les réseaux sociaux et l&#039;esprit web 2.0</title>
		<link>http://css4design.com/reseaux-sociaux-et-esprit-web-2-0</link>
		<comments>http://css4design.com/reseaux-sociaux-et-esprit-web-2-0#comments</comments>
		<pubDate>Wed, 08 Nov 2006 23:54:07 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Réseaux sociaux]]></category>

		<guid isPermaLink="false">http://www.css4design.com/blog-reloaded/?p=47</guid>
		<description><![CDATA[Je me suis inscris sur plusieurs sites de social networking. Si leurs objectifs sont différents, ils proposent tous un ensemble de fonctions pour se faire connaitre et rencontrer d&#8217;autres profils personnes. Les sites évoqués dans la suite de ce billet apportent leur touche personnelle au web 2.0 dans ce qu&#8217;il a de mieux : faciliter les échanges entre les internautes. C&#8217;est pourquoi, plutôt qu&#8217;un comparatif pour choisir le meilleur, je vous invite à les essayer pour partager à votre tour votre sentiment sur la question. business is business Un rapide coup d&#8217;œil permet de dégager plusieurs catégories. Pour commencer, on [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2Freseaux-sociaux-et-esprit-web-2-0">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2Freseaux-sociaux-et-esprit-web-2-0&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a&amp;b=2" height="61" width="50" />
			</a>
		</div><p><img class="il" title="static.flickr.com/1/184964553_58296ff831_m.jpg" src="/images/billet/social-networking.png" alt="social-networking.png" /> Je me suis inscris sur plusieurs sites de <em>social networking</em>. Si leurs objectifs sont différents, ils proposent tous un ensemble de fonctions pour se faire connaitre et rencontrer d&#8217;autres <del>profils</del> personnes. Les sites évoqués dans la suite de ce billet apportent leur touche personnelle au <em>web 2.0</em> dans ce qu&#8217;il a de mieux : faciliter les échanges entre les internautes. C&#8217;est pourquoi, plutôt qu&#8217;un comparatif pour choisir le meilleur, je vous invite à les essayer pour partager à votre tour votre sentiment sur la question.</p>

<p><span id="more-57"></span></p>

<h3>business is business</h3>

<p>Un rapide coup d&#8217;œil permet de dégager plusieurs catégories. Pour commencer, on trouve des réseaux sociaux orientés <em>business</em> : <strong>Viaduc</strong>, <strong>6nergie</strong>, et <strong>LinkedIn</strong>. Vous pourrez peut-être vous y faire des amis, mais  il s&#8217;agit surtout de trouver des clients, des fournisseurs, des employeurs ou des collaborateurs.</p>

<h4>Viaduc, un pont entre nous ?</h4>

<p><img class="il" title="viaduc" src="/images/billet/viaduc.png" alt="viaduc.png" /> Sur Viaduc, tout se joue sur la distance qui vous sépare d&#8217;un contact. Le site peut vous mettre en relation avec les amis de vos amis sur quatre niveaux, ce qui peut très vite représenter plusieurs centaines de contacts. Pour devenir le contact direct de quelqu&#8217;un, on peut soit lui demander, soit faire passer le message à tous ceux qui vous séparent de lui, le cas échéant.</p>

<p>La différence ? Le prix&#8230; Malheureusement, cette petite merveille a un coût plutôt élevé quand on ne peut pas le faire passer en note de frais&#8230; En fonction de votre abonnement, vous aurez droit à un certains nombre de mises en relations directes. Lors de l&#8217;inscription, j&#8217;ai eu droit à quelques mises en relations gratuites, ce qui est suffisant pour tester le service.</p>

<p>Cerise sur le gâteau, Viaduc a mis en place de nombreux <em>Hubs</em> (forums) thématiques libre d&#8217;accès ou sur invitation, modérés ou pas. Vous trouverez à coup sûr votre bonheur : les sujets abordés sont aussi divers que l&#8217;architecture, les associations d&#8217;anciens élèves, l&#8217;externalisation, la titrisation, le graphisme ou le développement web.</p>

<p>A titre d&#8217;exemple, voici <a title="Un intégrateur x-html css sur Viaduc" href="http://www.viaduc.com/public/profil/?memberId=0021djy8d50k5tk3">mon profil sur Viaduc</a>.</p>

<h4>6nergie, une facturation innovante</h4>

<p><img class="il" title="6nergie" src="/images/billet/6nergie.png" alt="6nergie.png" /> <a title="6nergie" href="www.6nergies.net/">6nergie</a> développe quant à lui, votre identité numérique et votre capital relationnel. Le site propose de développer votre activité, d&#8217;être plus visible des chasseurs de tête ou de Google&#8230;</p>

<p>Le principe de mise en relation est simple : en effectuant une recherche de contact (par nom, secteur ou tag) et vous obtenez une liste de personnes que vous pourrez ajouter à votre réseau via un formulaire dans lequel vous devrez détailler les raisons de votre demande.</p>

<p>Sur ce site la &laquo;&nbsp;qualification&nbsp;&raquo; des profils se fait grâce à un système de modération par les &laquo;&nbsp;anges du service&nbsp;&raquo; pour éviter les profils fantaisistes ou le spam. Le &laquo;&nbsp;plus&nbsp;&raquo; revendiqué par le service est la bonne visibilité de votre profil sur Google. <a href="http://www.google.fr/search?hl=fr&amp;q=%22bruno+bichet%22+6nergie&amp;btnG=Rechercher&amp;meta=">Pour l&#8217;instant c&#8217;est pas ça</a> ;)</p>

<p>Combien ça coûte ? C&#8217;est vous qui décidez de la valeur du service, étonnant, non ? Et en plus les comptes <a title="PayPal" href="https://www.paypal.com/fr/cgi-bin/webscr?cmd=_registration-run">PayPal</a> sont acceptés. Vous bénéficiez de quelques avantages comme la création de groupe, le choix du mode de contact, des annonces exclusives, etc.</p>

<h4>LinkedIn, trop gros ?</h4>

<p><img class="il" title="linkedin" src="/images/billet/linkedin.png" alt="linkedin.png" /> Ce site propose de rechercher des personnes, de promouvoir votre entreprise, de trouver un emploi, mais aussi de retrouver des camarades de classe ou d&#8217;anciens collègues de travail.</p>

<p>On retrouve le système de proximité à plusieurs niveaux avec en plus le nombre de fois où le profil a été recommandé, ainsi que le nombre de personnes auquel il est relié. Ce qui donne assez rapidement une idée de la popularité de la personne (nombre de connexions) et de sa fiabilité (nombre de recommandations).</p>

<p>A la différence des deux autres, ce site est en anglais, ce qui lui permet d&#8217;avoir une audience internationale, mais qui ne favorise peut-être pas les contacts de proximité (encore que c&#8217;est peut-être un à-priori). Néanmoins, avec ses 8 millions d&#8217;inscrits dans plus de 130 pays, vous avez là un réservoir de contact rempli à ras bord ;)</p>

<p>C&#8217;est gratuit ? L&#8217;ensemble du site <del>est</del> semble gratuit avec toutefois des options payantes : publier une offre d&#8217;emploi ou entrer directement en contact avec quelqu&#8217;un via le service <em>inMail</em>. Comme pour Viaduc, il semble que l&#8217;accès gratuit ne permet pas un nombre infini de mises en relations.</p>

<p>Les fonctionnalités du site semblent aussi puissantes que nombreuses. Peut-être un peu trop. A force de vouloir tout faire, les fonctions disponibles émergent lentement. Mais c&#8217;est sans doute le lot des sites &laquo;&nbsp;baleine&nbsp;&raquo;, comme eBay, de demander à l&#8217;utilisateur de prendre le temps de la découverte. Malgré tout, l&#8217;ergonomie, la navigation et le design sont un modèle dans le genre et méritent le détour.</p>

<p>A titre d&#8217;exemple, voici <a title="Mon profil web designer intégrateur x-html css sur LinkedIn" href="http://www.linkedin.com/pub/2/8a7/664">mon profil sur LinkedIn</a>.</p>

<h3>Et les échanges désintéressés dans tout ça ?</h3>

<p>A côté des sites de rencontres (professionnelles&#8230;), on trouve des sites centrés sur la diffusion de votre profil (ce que proposent déjà les sites orientés <em>business</em>), mais surtout (et ça va intéresser toutes celles et ceux qui tiennent un blog) sur la promotion de votre contenu. A titre d&#8217;exemple voici mes profils <a title="Un web designer html et css sur Ziki" href="http://www.ziki.com/people/bruno">Ziki</a> et  <a title="Un intégrateur web sur MyBlogLog" href="http://www.mybloglog.com/buzz/members/br1o/">MyBlogLog</a>.</p>

<h4>Ziki, le kiki de tout les kikis ?</h4>

<p><img class="il" title="ziki" src="/images/billet/ziki.png" alt="ziki.png" /> A l&#8217;affichage des profils, les différences sautent aux yeux : là où Ziki veut centraliser tout ce qui me concerne, MyBlogLog s&#8217;intéresse plutôt à la fréquentation de mes blogs. En effet, Ziki permet d&#8217;afficher plusieurs flux RSS, d&#8217;indiquer ses autres profils (astucieuse manière de renforcer la centralisation des informations personnelles) et d&#8217;ajouter d&#8217;autres personnes à son réseaux. Pour cela, c&#8217;est très simple, vous pouvez commencer par visiter les profils de ceux qui visitent le vôtre, et hop ! c&#8217;est parti ;)</p>

<p>Le point faible, c&#8217;est peut-être que les fonctions ne sautent pas aux yeux : je suis resté un petit moment devant mon profil à me demander ce que je pouvais faire ensuite ;) (Dans une moindre mesure, c&#8217;est aussi le cas pour MyBlogLog : au début, on se demande ce qu&#8217;on peut bien faire là. Les réseaux sociaux, c&#8217;est tout nouveau, tout beau&#8230; Reste à inventer <del>la vie</del> les usages sociaux qui vont avec.</p>

<p>Je me rend compte que plus je veux parler de Ziki, plus le clavier me pousse sur MyBlogLog ! Il manque peut-être à Ziki un peu de chaleur communautaire&#8230; Faisons confiance à son nouveau <a title="Directeur Général France" href="http://www.webdeux.info/mon-nouveau-job-directeur-general-de-ziki-france">DG</a> pour mettre le feu ;).</p>

<h4>MyBlogLog, c&#8217;est pas que des logs</h4>

<p><img class="il" title="mybloglog" src="/images/billet/mybloglog.png" alt="mybloglog.png" /> Sur MyBlogLog, on commence par indiquer les blogs dont on est l&#8217;auteur. Chaque blog devient une communauté à laquelle d&#8217;autres <em>BlogLogueur</em> peuvent s&#8217;inscrire. Un service de <em>tracking</em> vous permet de consulter les statistiques d&#8217;accès à votre blog : d&#8217;où viennent les visiteurs, que visitent-ils, mais le plus intéressant, sur quels liens cliquent-ils pour quitter votre prose.</p>

<p>L&#8217;accès aux statistiques est gratuit si vous vous contentez des dix premières entrées. Sinon, il faut payer :( Oui, tout de suite, c&#8217;est moins drôle&#8230; Mais bon, pour avoir des stats il y a heureusement de nombreux services gratuits. Ceux que les liens sortants intéressent pourront en savoir un peu plus dans cet ancien billet sur le <a hreflang="fr" href="http://www.css4design.com/index.php/2006/06/18/10-tracker-les-liens-sortants">tracking</a>.</p>

<p>Ce que je trouve intéressant sur MyBlogLog, c&#8217;est que de profil en profil, mes lectures se sont diversifiées ; mon horizon internet qui se bornait aux langages du web englobe désormais des thématiques variées. Finalement, les blogs, c&#8217;est comme les légumes : on devrait en lire une dizaine par jour sur des sujets différents pour améliorer son transit intellectuel ;)</p>

<h3>Et la tendresse, b&#8230; !</h3>

<p>Pour conclure sur ces deux sites, je donnerais un bon point à MyBlogLog :  dès votre inscription, vous avez un ami qui vous veux du bien et qui répond à vos questions. Ca parait bête comme choux, mais ça permet d&#8217;aborder les autres profils avec la tête haute (genre, moi aussi j&#8217;ai un ami) ; le web 2.0, ce n&#8217;est pas que de la technique !</p>

<p>Si vous désirez en savoir un peu plus sur ces services, lisez <a href="http://leromanais.free.fr/?p=627">MyBlogLog, le sympathique mouchard du net</a> pour avoir un autre point de vue sur MyBlogLog. Et <a href="http://www.webdeux.info/ziki-un-reseau-social-20-davenir-interview-de-patrick-chassany">ziki, un réseau social d&#8217;avenir</a> pour en savoir plus sur Ziki.</p>

<h3>Et pour les copaings on fait comment, hein ?</h3>

<p><em>&lt;copinage&gt;</em></p>

<p>C&#8217;est vrai, <a hreflang="fr" href="http://gameplayer.free.fr/">Gameplayer</a> a raison : ce billet ne serait pas complet si je ne disais un mot des sites qui permettent de retrouver ceux qu&#8217;on a perdus de vue, qu&#8217;ils soient copaings de classe ou collègues de travail. Pour le coup, je tiens à préciser qu&#8217;il s&#8217;agit là de pur copinage (c&#8217;est le cas de le dire ;) ) car au départ, j&#8217;avais fait l&#8217;impasse sur les sites de rencontres de type <a hreflang="fr" href="http://www.meetic.fr/">Meetic</a> ou les sites de retrouvailles comme <a hreflang="fr" href="http://copainsdavant.linternaute.com/">Copains d&#8217;avant</a>.</p>

<h4>Copaing, c&#8217;est bien !</h4>

<p><img class="il" title="copaing" src="/images/billet/copaing.png" alt="copaing.png" /> <a title="retrouver des anciens amis et camarades de classe" hreflang="fr" href="http://www.copaing.net/">Copaing</a>, c&#8217;est avant tout un site pour <em>retrouver des anciens amis et camarades de classe</em>, mais après réflexion, <em>Copaing</em> a lui aussi de nombreux atouts pour être utilisé comme réseau social.</p>

<p>Pour commencer, beaucoup d&#8217;inscrits se connaissent déjà et forment par ailleurs une ou plusieurs communautés comme <a title="Communauté de blogs lyonnais" hreflang="fr" href="http://www.lyon-blog.fr/">lyon-blog</a> notamment. De plus, les fonctionnalités du site permettent de contacter d&#8217;autres Copaings, de leur envoyer des messages ou de vous tenir au courant de leur actualité.</p>

<p>Dans tout réseau social qui se respecte, le nerf de la guerre, c&#8217;est le profil. Sur Copaing, votre présentation est dans un bel écrin grâce aux talents de <a hreflang="fr" href="http://www.chez-xuxu.net/">xuxu</a>. L&#8217;ensemble du site peut servir de modèle dans l&#8217;utilisation judicieuse des technologies dites <em>web 2.0</em> comme <a hreflang="fr" href="http://fr.wikipedia.org/wiki/Asynchronous_JavaScript_and_XML">Ajax</a> avec <a hreflang="fr" href="http://xhrconnection.sutekidane.net/">XHRConnection</a> ou l&#8217;API Google Maps pour localiser vos copaings.</p>

<p>Praline sur la brioche, on peut ajouter des photos à son album personnel qui s&#8217;afficheront sous la forme d&#8217;un diaporama du plus bel effet !</p>

<p>A titre d&#8217;exemple, voici <a title="Mon profil intégrateur web sur Copaing.net" href="http://www.copaing.net/br1o/">mon profil sur Copaing</a>.</p>

<p><em>&lt;/copinage&gt;</em></p>

<p>Bon réseaux !</p>

<h4 class="listLink">Linkographie :</h4>

<dl class="linkArticle"> <dt><strong>Les réseaux sociaux</strong></dt> <dt> <a title="viaduc" hreflang="fr" href="http://www.viaduc.com/">www.viaduc.com/</a> </dt> <dd> Viaduc, aujourd&#8217;hui viadeo. C&#8217;est drôle, parce que pour faire international les <em>anglo-américains</em> s&#8217;expriment en anglais (normal, vous me direz) et nous en France pour faire international, on parle Latin&#8230; </dd> <dt> <a title="6nergies" hreflang="fr" href="http://www.6nergies.net/">www.6nergies.ne</a> </dt> <dd> 6nergie développe votre identité numérique et votre capital relationnel. Toujours pas au top question référencement, mais une facturation et des services originaux. </dd> <dt> <a title="linkedin" hreflang="en" href="http://www.linkedin.com/">www.linkedin.com</a> </dt> <dd> linkedin : avec plus de 8 millions d&#8217;utilisateurs vous y retrouverez certainement votre bonheur ;) </dd> <dt> <a title="zik" hreflang="fr" href="http://www.ziki.com/">www.ziki.com/</a> </dt> <dd> Ziki, tient votre identité numérique bien au chaud. </dd> <dt> <a title="mybloglog" hreflang="en" href="http://www.mybloglog.com/">www.mybloglog.com</a> </dt> <dd> mybloglog : pour découvrir pleins de blog, connaître l&#8217;audience du vôtre. </dd> <dt> <a title="copaing" hreflang="fr" href="http://www.copaing.net/">www.copaing.net</a> </dt> <dd> Copaing c&#8217;est bieng pour retrouver vos anciens camarades de classe ou collègues de travail. Dans une ambiance conviviale, vous découvrirez les albums photo des uns et des autres, leur actualité, et bien sûr leurs parcours. Gratuitement ? Oui ! </dd> </dl>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css4design.com/quels-sont-les-services-web-2-0-que-j-ai-utilises-aujourdhui' title='Quels sont les services web 2.0 que j&#039;ai utilisés aujourd’hui ?'>Quels sont les services web 2.0 que j&#039;ai utilisés aujourd’hui ?</a></li><li><a href='http://css4design.com/css-naked-day-copaing-lyon-blog-css2-pratique-du-design-web' title='CSS Naked Day + Copaing + Lyon Blog + CSS2 Pratique&#8230;'>CSS Naked Day + Copaing + Lyon Blog + CSS2 Pratique&#8230;</a></li><li><a href='http://css4design.com/le-web-20-peut-etre-dangereux-pour-vos-profits' title='Le web 2.0 peut être dangereux&#8230; pour vos profits'>Le web 2.0 peut être dangereux&#8230; pour vos profits</a></li><li><a href='http://css4design.com/43-things-what-do-you-want-to-do-with-your-life' title='43 Things : what do you want to do with your life?'>43 Things : what do you want to do with your life?</a></li><li><a href='http://css4design.com/twitter-signal-social-microblogging-et-moblogging-web-20' title='Twitter : Signal social, microblogging et moblogging'>Twitter : Signal social, microblogging et moblogging</a></li></ul>
 <p><a href="http://css4design.com/?flattrss_redirect&amp;id=57&amp;md5=4ef9caa11665e3bff708aa161b6c3ddd" title="Flattr" target="_blank"><img src="http://css4design.com/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css4design.com/reseaux-sociaux-et-esprit-web-2-0/feed</wfw:commentRss>
		<slash:comments>16</slash:comments>
		<atom:link rel="payment" href="http://css4design.com/?flattrss_redirect&amp;id=57&amp;md5=4ef9caa11665e3bff708aa161b6c3ddd" type="text/html" />
	</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using disk: enhanced (User agent is rejected)

Served from: css4design.com @ 2012-02-09 04:05:23 -->
