<?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>JQuery, PHP, html, design... // arnaud-k : un blog de geek &#187; facebook</title>
	<atom:link href="http://blog.arnaud-k.fr/tag/facebook/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.arnaud-k.fr</link>
	<description>Le blog JQuery, Html, Web Design</description>
	<lastBuildDate>Thu, 21 Apr 2011 08:10:17 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Coup de coeur : Hellotipi</title>
		<link>http://blog.arnaud-k.fr/2009/07/08/coup-de-coeur-hellotipi/</link>
		<comments>http://blog.arnaud-k.fr/2009/07/08/coup-de-coeur-hellotipi/#comments</comments>
		<pubDate>Wed, 08 Jul 2009 10:40:22 +0000</pubDate>
		<dc:creator>arnaud</dc:creator>
				<category><![CDATA[news du web]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[hellotipi]]></category>
		<category><![CDATA[réseaux sociaux]]></category>

		<guid isPermaLink="false">http://blog.arnaud-k.fr/?p=812</guid>
		<description><![CDATA[Hellotipi est un site français qui permet de &#171;&#160;créer un site familial privé&#160;&#187;. On entend par privé qu&#8217;il faut absolument être connecté pour pouvoi accéder au divers contenu du site (photos, documents&#8230;). A vous de partager les accès uniquement avec&#160;[...]</p> <p class="read-more"><a class="gray normal" href="http://blog.arnaud-k.fr/2009/07/08/coup-de-coeur-hellotipi/">Lire la suite&#160;&#62;&#62;</a></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.arnaud-k.fr%2F2009%2F07%2F08%2Fcoup-de-coeur-hellotipi%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.arnaud-k.fr%2F2009%2F07%2F08%2Fcoup-de-coeur-hellotipi%2F&amp;source=arnaudk&amp;style=compact&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://www.hellotipi.com/?pp=105"><img class="aligncenter size-full wp-image-813" title="hellotipi" src="http://blog.arnaud-k.fr/wp-content/uploads/2009/07/hellotipi.png" alt="hellotipi" /></a></p>
<p><a href="http://www.hellotipi.com/?pp=105">Hellotipi</a> est un site français qui permet de &laquo;&nbsp;créer un site familial privé&nbsp;&raquo;. On entend par privé qu&#8217;il faut absolument être connecté pour pouvoi accéder au divers contenu du site (photos, documents&#8230;). A vous de partager les accès uniquement avec votre famille, un groupe d&#8217;ami&#8230; Hellotipi est un peu comme le plus connu des réseaux sociaux (Facebook) mais est beaucoup plus <strong>sécurisé du côté de la protection de la vie privée</strong>. On garde vraiment le <strong>contrôle des accès</strong> et vos données personnelles ne sont pas utilisées à des fins publicitaires.</p>
<p>Après l&#8217;inscription,<strong> un sous-domaine (virtuel) est créé</strong>, tu auras donc une adresse de type : http://nomdefamille.hellotipi.com. Après cela c&#8217;est à toi de jouer pour ajouter du contenu sur le site, inviter ta famille sur le site (avec un outil d&#8217;import de contact depuis une boîte mail) et voir la mise en page du site (pas aussi poussé que sur <a href="http://www.e-monsite.com">e-monsite</a> par exemple).  <img src='http://blog.arnaud-k.fr/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /> </p>


<p>Pas encore de billet sur le même sujet !</p>]]></content:encoded>
			<wfw:commentRss>http://blog.arnaud-k.fr/2009/07/08/coup-de-coeur-hellotipi/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Plugin JQuery : agrandissement automatique d&#8217;un textarea avec JQuery Simpleautogrow</title>
		<link>http://blog.arnaud-k.fr/2009/07/01/plugin-jquery-agrandissement-automatique-dun-textarea-avec-jquery-simpleautogrow/</link>
		<comments>http://blog.arnaud-k.fr/2009/07/01/plugin-jquery-agrandissement-automatique-dun-textarea-avec-jquery-simpleautogrow/#comments</comments>
		<pubDate>Wed, 01 Jul 2009 11:58:28 +0000</pubDate>
		<dc:creator>arnaud</dc:creator>
				<category><![CDATA[JQuery]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[plugin JQuery]]></category>

		<guid isPermaLink="false">http://blog.arnaud-k.fr/?p=791</guid>
		<description><![CDATA[Pour un développement en cours, j&#8217;ai dû ajouter une fonction d&#8217;agrandissement automatique d&#8217;un textarea (à la facebook). Je me suis donc penché dessus en me disant qu&#8217;il y aurait certainement un plugin JQuery qui le ferait ! Et j&#8217;en ai&#160;[...]</p> <p class="read-more"><a class="gray normal" href="http://blog.arnaud-k.fr/2009/07/01/plugin-jquery-agrandissement-automatique-dun-textarea-avec-jquery-simpleautogrow/">Lire la suite&#160;&#62;&#62;</a></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.arnaud-k.fr%2F2009%2F07%2F01%2Fplugin-jquery-agrandissement-automatique-dun-textarea-avec-jquery-simpleautogrow%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.arnaud-k.fr%2F2009%2F07%2F01%2Fplugin-jquery-agrandissement-automatique-dun-textarea-avec-jquery-simpleautogrow%2F&amp;source=arnaudk&amp;style=compact&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Pour un développement en cours, j&#8217;ai dû ajouter une fonction d&#8217;<strong>agrandissement automatique d&#8217;un textarea</strong> (à la facebook). Je me suis donc penché dessus en me disant qu&#8217;il y aurait certainement un plugin JQuery qui le ferait ! Et j&#8217;en ai trouvé plusieurs et c&#8217;est finalement le troisième qui a fonctionné le mieux dans mon cas.</p>
<p>Le premier (<a href="http://www.unwrongest.com/projects/elastic/">elastic</a>) gérait très mal les textarea multiples sur une même page, le second (<a href="http://plugins.jquery.com/project/autogrow">autogrow</a>) gérait mal les bordures et les padding dans le calcul de la hauteur (effet d&#8217;agrandissement et de rétrécissement à chaque touche  appuyé).</p>
<p><img class="aligncenter size-full wp-image-792" title="jquery simpleautogrow" src="http://blog.arnaud-k.fr/wp-content/uploads/2009/07/jquery-simpleautogrow.png" alt="jquery simpleautogrow" /></p>
<p>J&#8217;en ai donc essayé un troisième, <a href="http://github.com/akaihola/jquery-simpleautogrow/tree/master/">simpleautogrow</a>, qui a bien fonctionné (et qui est très facile à utiliser). J&#8217;ai dû néanmoins l&#8217;<strong>adapter pour qu&#8217;il tienne en compte les paddings verticaux</strong> (top et bottom) dans le calcul de la hauteur du textarea (on se retrouvait au final avec des lignes coupées en deux).</p>
<p>La modification fonctionne dans tous les cas avec un padding défini en pixels (&laquo;&nbsp;px&nbsp;&raquo;). Je ne dis pas que c&#8217;est la meilleur méthode mais c&#8217;était la plus rapide à mettre en oeuvre.</p>
<p>Je te laisse donc ici le code du plugin tel que je l&#8217;ai modifié (lignes 36 à 40) :</p>
<p>Edit 10/07 : ajout de diverses modifications effectuées par <a href="http://www.zzzombie.com/">zero-zombie</a> !</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #006600; font-style: italic;">/*
 /*
* Simple Auto Expanding Text Area (0.1.2-dev)
* by Antti Kaihola (antti.kaihola.fi)
* akaihol+jquery@ambitone.com
*
* Copyright (c) 2009 Antti Kaihola (antti.kaihola.fi)
* Licensed under the MIT and BSD licenses.
*
* NOTE: This script requires jQuery to work. Download jQuery at
* http://www.jquery.com
*
* Improvements :
* arnaud-k http://blog.Arnaud-k.fr . Takes care of the textarea’s vertical paddings
* zero-zombie http://www.zzzombie.com. Takes the textarea’s initial height as a minimum + minor optimizations
*/</span>
&nbsp;
<span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>jQuery<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
&nbsp;
	jQuery.<span style="color: #660066;">fn</span>.<span style="color: #660066;">simpleautogrow</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">each</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> <span style="color: #003366; font-weight: bold;">new</span> jQuery.<span style="color: #660066;">simpleautogrow</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
	<span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
&nbsp;
	jQuery.<span style="color: #660066;">simpleautogrow</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span>e<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #003366; font-weight: bold;">var</span> self <span style="color: #339933;">=</span> <span style="color: #000066; font-weight: bold;">this</span><span style="color: #339933;">;</span>
		<span style="color: #003366; font-weight: bold;">var</span> $e <span style="color: #339933;">=</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">textarea</span> <span style="color: #339933;">=</span> jQuery<span style="color: #009900;">&#40;</span>e<span style="color: #009900;">&#41;</span>
			.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>overflow<span style="color: #339933;">:</span> ‘hidden’<span style="color: #339933;">,</span> display<span style="color: #339933;">:</span> ‘block’<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>
			.<span style="color: #660066;">bind</span><span style="color: #009900;">&#40;</span>’<span style="color: #000066;">focus</span>’<span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
				<span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">timer</span> <span style="color: #339933;">=</span> window.<span style="color: #660066;">setInterval</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>self.<span style="color: #660066;">checkExpand</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">200</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
			<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>
			.<span style="color: #660066;">bind</span><span style="color: #009900;">&#40;</span>’<span style="color: #000066;">blur</span>’<span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> clearInterval<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">timer</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
			<span style="color: #003366; font-weight: bold;">var</span> reg<span style="color: #339933;">=</span><span style="color: #003366; font-weight: bold;">new</span> RegExp<span style="color: #009900;">&#40;</span>”<span style="color: #009900;">&#40;</span>px<span style="color: #009900;">&#41;</span>”<span style="color: #339933;">,</span> “g”<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
			<span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">paddingSum</span> <span style="color: #339933;">=</span> parseInt<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">textarea</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span>”padding<span style="color: #339933;">-</span>top”<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">replace</span><span style="color: #009900;">&#40;</span>reg<span style="color: #339933;">,</span>”<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> parseInt<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">textarea</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span>”padding<span style="color: #339933;">-</span>bottom”<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">replace</span><span style="color: #009900;">&#40;</span>reg<span style="color: #339933;">,</span>”<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
			<span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">minHeight</span> <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> 
&nbsp;
			<span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">border</span> <span style="color: #339933;">=</span> $e.<span style="color: #660066;">outerHeight</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">-</span> $e.<span style="color: #660066;">innerHeight</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
			<span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">clone</span> <span style="color: #339933;">=</span> $e.<span style="color: #660066;">clone</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>position<span style="color: #339933;">:</span> ‘absolute’<span style="color: #339933;">,</span> visibility<span style="color: #339933;">:</span> ‘hidden’<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">attr</span><span style="color: #009900;">&#40;</span>’<span style="color: #000066;">name</span>’<span style="color: #339933;">,</span> ”<span style="color: #009900;">&#41;</span>
			$e.<span style="color: #660066;">height</span><span style="color: #009900;">&#40;</span> Math.<span style="color: #660066;">max</span><span style="color: #009900;">&#40;</span>e.<span style="color: #660066;">scrollHeight</span> <span style="color: #339933;">+</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">border</span> <span style="color: #339933;">+</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">paddingSum</span><span style="color: #339933;">,</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">minHeight</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>
			.<span style="color: #660066;">after</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">clone</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
			<span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">checkExpand</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
	<span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
&nbsp;
	jQuery.<span style="color: #660066;">simpleautogrow</span>.<span style="color: #660066;">prototype</span>.<span style="color: #660066;">checkExpand</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #003366; font-weight: bold;">var</span> target_height <span style="color: #339933;">=</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">clone</span><span style="color: #009900;">&#91;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#93;</span>.<span style="color: #660066;">scrollHeight</span> <span style="color: #339933;">+</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">border</span> <span style="color: #339933;">+</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">paddingSum</span><span style="color: #339933;">;</span>
		<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">minHeight</span> <span style="color: #339933;">==</span> <span style="color: #CC0000;">0</span><span style="color: #009900;">&#41;</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">minHeight</span> <span style="color: #339933;">=</span> target_height<span style="color: #339933;">;</span> <span style="color: #006600; font-style: italic;">// first call : target_height eq current height</span>
		<span style="color: #003366; font-weight: bold;">var</span> target_height <span style="color: #339933;">=</span> Math.<span style="color: #660066;">max</span><span style="color: #009900;">&#40;</span>target_height<span style="color: #339933;">,</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">minHeight</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">textarea</span>.<span style="color: #660066;">height</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">!=</span> target_height<span style="color: #009900;">&#41;</span>
		<span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">textarea</span>.<span style="color: #660066;">height</span><span style="color: #009900;">&#40;</span>target_height <span style="color: #339933;">+</span> ‘px’<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">clone</span>.<span style="color: #660066;">attr</span><span style="color: #009900;">&#40;</span>’value’<span style="color: #339933;">,</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">textarea</span>.<span style="color: #660066;">attr</span><span style="color: #009900;">&#40;</span>’value’<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">height</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
	<span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#40;</span>jQuery<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>



<p>Pas encore de billet sur le même sujet !</p>]]></content:encoded>
			<wfw:commentRss>http://blog.arnaud-k.fr/2009/07/01/plugin-jquery-agrandissement-automatique-dun-textarea-avec-jquery-simpleautogrow/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Mais à quoi sert réellement facebook ?</title>
		<link>http://blog.arnaud-k.fr/2009/04/14/mais-a-quoi-sert-reellement-facebook/</link>
		<comments>http://blog.arnaud-k.fr/2009/04/14/mais-a-quoi-sert-reellement-facebook/#comments</comments>
		<pubDate>Tue, 14 Apr 2009 12:32:06 +0000</pubDate>
		<dc:creator>arnaud</dc:creator>
				<category><![CDATA[news du web]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[site communautaire]]></category>

		<guid isPermaLink="false">http://blog.arnaud-k.fr/?p=176</guid>
		<description><![CDATA[Mais à quoi sert facebook ? C&#8217;est une question que je me pose depuis plusieurs semaines maintenant.  Certes, j&#8217;ai eu une période facebook, où je me connectais plusieurs fois par jour. Mais après avoir fait le tour des possibilités, je&#160;[...]</p> <p class="read-more"><a class="gray normal" href="http://blog.arnaud-k.fr/2009/04/14/mais-a-quoi-sert-reellement-facebook/">Lire la suite&#160;&#62;&#62;</a></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.arnaud-k.fr%2F2009%2F04%2F14%2Fmais-a-quoi-sert-reellement-facebook%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.arnaud-k.fr%2F2009%2F04%2F14%2Fmais-a-quoi-sert-reellement-facebook%2F&amp;source=arnaudk&amp;style=compact&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><img class="aligncenter size-full wp-image-177" title="facebook, mais à quoi ça sert?" src="http://blog.arnaud-k.fr/wp-content/uploads/2009/04/facebook.png" alt="facebook, mais à quoi ça sert?" width="600" height="200" /></p>
<p><strong>Mais à quoi sert facebook ?</strong> C&#8217;est une question que je me pose depuis plusieurs semaines maintenant.  Certes, j&#8217;ai eu une période facebook, où je me connectais plusieurs fois par jour. Mais après avoir fait le tour des possibilités, je me dis qu&#8217;au final <strong>facebook n&#8217;est qu&#8217;une sorte de copains d&#8217;avant améliorée</strong>&#8230;</p>
<p><a href="http://copainsdavant.linternaute.com/">Copains d&#8217;avant</a> permet, comme facebook, de retrouver ses anciens amis. Mais la question que je me pose c&#8217;est une fois que tu as sélectionné tes amis tu fais quoi ? Sur mon compte facebook, j&#8217;ai actuellement plus de 100 amis et je n&#8217;ai aucun contact facebookien avec 90% de ceux-ci&#8230; Je suis amis avec des personnes que je n&#8217;ai pas vu depuis des années&#8230; L&#8217;ajout de photos peut être utile, si on limite l&#8217;accès seulement à un groupe de personnes. J&#8217;ai déjà pu regarder des albums entiers remplis uniquement de personnes que je ne connaissais pas (c&#8217;est le côté voyeurisme de facebook).</p>
<p><strong>Les 3/4 des groupes ne servent concrètement à pas grand chose</strong> (par exemple, <a href="http://www.facebook.com/search_redirect.php?q=&amp;fc=0&amp;gc=0&amp;cl=300&amp;rc=550&amp;rank=15&amp;friends=0&amp;sns=0&amp;sf=p&amp;init=b:group&amp;cururl=http%3A%2F%2Fwww.facebook.com%2Fs.php%3Fk%3D200000010%26n%3D0%26c1%3D10%26sf%3Dp%26sid%3D7d59a95e999e3ef9ed9859725328b1df%26c2%3D143%26o%3D4%26s%3D10%26nctrct%3D1239711686207&amp;is_friend=&amp;sid=7d59a95e999e3ef9ed9859725328b1df&amp;num_uq=1&amp;id=46874358687&amp;o_type=2&amp;rid=0&amp;ab=X&amp;t=c:name&amp;u=http%3A%2F%2Fwww.facebook.com%2Fgroup.php%3Fgid%3D46874358687">le groupe de ceux qui ont un i dans leur prénom</a> ou <a class="url fn" onclick="search_logged_ajax({&quot;q&quot;:&quot;&quot;,&quot;fc&quot;:0,&quot;gc&quot;:0,&quot;cl&quot;:300,&quot;rc&quot;:550,&quot;rank&quot;:30,&quot;friends&quot;:&quot;0&quot;,&quot;sns&quot;:0,&quot;sf&quot;:&quot;p&quot;,&quot;init&quot;:&quot;b:group&quot;,&quot;cururl&quot;:&quot;http:\/\/www.facebook.com\/s.php?k=200000010&amp;n=0&amp;c1=10&amp;sf=p&amp;sid=7d59a95e999e3ef9ed9859725328b1df&amp;c2=143&amp;o=4&amp;s=20&amp;nctrct=1239711812144&quot;,&quot;is_friend&quot;:false,&quot;sid&quot;:&quot;7d59a95e999e3ef9ed9859725328b1df&quot;,&quot;num_uq&quot;:1,&quot;id&quot;:57918480669,&quot;o_type&quot;:2,&quot;rid&quot;:0,&quot;ab&quot;:&quot;X&quot;,&quot;t&quot;:&quot;c:name&quot;,&quot;u&quot;:&quot;http:\/\/www.facebook.com\/group.php?gid=57918480669&amp;sid=7d59a95e999e3ef9ed9859725328b1df&quot;});" href="http://www.facebook.com/search_redirect.php?q=&amp;fc=0&amp;gc=0&amp;cl=300&amp;rc=550&amp;rank=30&amp;friends=0&amp;sns=0&amp;sf=p&amp;init=b:group&amp;cururl=http%3A%2F%2Fwww.facebook.com%2Fs.php%3Fk%3D200000010%26n%3D0%26c1%3D10%26sf%3Dp%26sid%3D7d59a95e999e3ef9ed9859725328b1df%26c2%3D143%26o%3D4%26s%3D20%26nctrct%3D1239711812144&amp;is_friend=&amp;sid=7d59a95e999e3ef9ed9859725328b1df&amp;num_uq=1&amp;id=57918480669&amp;o_type=2&amp;rid=0&amp;ab=X&amp;t=c:name&amp;u=http%3A%2F%2Fwww.facebook.com%2Fgroup.php%3Fgid%3D57918480669">Si toi aussi t&#8217;as déjà essayé de remplir un gant de toilette avec de l&#8217;eau</a>&#8230;). On rejoint un groupe juste pour que tout ses amis le voit sur notre mur et c&#8217;est tout. Il n&#8217;y a <strong>pas vraiment d&#8217;intéractions entre les membres d&#8217;un groupe</strong>. Et j&#8217;ai failli oublier le pourrisage des boîtes mails par certains groupes qui abusent des messages envoyés à tous les membres.</p>
<p>Enfin les applications&#8230; Tout d&#8217;abord, tu sais que lorsque tu ajoutes une application,<strong> tu donnes l&#8217;accès à tes donnés personnelles</strong> à la personne (ou l&#8217;entreprise) qui a créé l&#8217;application ? Quasiment tous les jeux que l&#8217;on trouve sur facebook sont disponibles ailleurs (et en respectant la vie privée de chacun). Et je ne parle même pas des applications de type &laquo;&nbsp;Machin a répondu à des questions sur toi&#8230;&nbsp;&raquo;.</p>
<p>Point positif : <strong>la twitterisation de facebook</strong> avec la nouvelle mise en page peut apporter un plus (si 95% des utilisateurs n&#8217;étaient pas contre).</p>
<p>Donc pour conclure, je ne sais toujours pas à quoi sert facebook. Je suis un peu sceptique devant le modèle économique que propose facebook : <strong>la monétisation de la vie privée</strong>. En ce moment j&#8217;hésite entre deux solutions radicales : soit supprimer mon compte définitivement (je m&#8217;y connect une fois toutes les semaines maximum) soit je supprime tous les amis qui n&#8217;en sont pas vraiment pour garder qu&#8217;un cercle restreint (&laquo;&nbsp;vrais amis&nbsp;&raquo; et famille).</p>


<p>Pas encore de billet sur le même sujet !</p>]]></content:encoded>
			<wfw:commentRss>http://blog.arnaud-k.fr/2009/04/14/mais-a-quoi-sert-reellement-facebook/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

