<?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 &#38; Webdesign &#187; Web 2.0</title>
	<atom:link href="http://css.4design.tl/articles/le-petit-journal-du-web/web-2-0/feed" rel="self" type="application/rss+xml" />
	<link>http://css.4design.tl</link>
	<description>Le blog de l&#039;intégrateur web</description>
	<lastBuildDate>Sun, 20 May 2012 15:30:49 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>100+ comptes Twitter pour webdesigner</title>
		<link>http://css.4design.tl/100-comptes-twitter-pour-webdesigner</link>
		<comments>http://css.4design.tl/100-comptes-twitter-pour-webdesigner#comments</comments>
		<pubDate>Mon, 13 Jul 2009 13:33:28 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Conception de site web]]></category>
		<category><![CDATA[Design & Graphisme]]></category>
		<category><![CDATA[Ergonomie & Accessibilité]]></category>
		<category><![CDATA[HTML & CSS]]></category>
		<category><![CDATA[Intégration web]]></category>
		<category><![CDATA[Javascript & PHP]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Partenaires]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Standards web]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.css4design.com/?p=3113</guid>
		<description><![CDATA[Twitter devient le service web 2.0 sur lequel il faut voir et être vu. Je vous propose un petit voyage dans le webdesign anglo-saxon avec 100 comptes Twitter utiles dans le cadre d&#8217;une veille technique et stratégique sur le Webdesign, WordPress, les Standards du Web, Javascript &#38; jQuery, Photoshop &#38; Illustrator, HTML &#38; CSS, PHP, l&#8217;architecture de l’information, etc. Au menu, le pseudo avec un lien vers le compte Twitter et la bio présente sur le profil. Webdesign DeliciousHot &#8212; Currently Popular content from Delicious Fleuron &#8212; The British Journal of Typography and Design webdosanddonts &#8212; Tips and tricks for [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.css4design.com/twitter-signal-social-microblogging-et-moblogging-web-20">Twitter</a> devient le service web 2.0 sur lequel il faut voir et être vu. Je vous propose un petit voyage dans le webdesign anglo-saxon avec 100 comptes Twitter utiles dans le cadre d&#8217;une veille technique et stratégique sur le Webdesign, WordPress, les Standards du Web, Javascript &amp; jQuery, Photoshop &amp; Illustrator, HTML &amp; CSS, PHP, l&#8217;architecture de l’information, etc. Au menu, le pseudo avec un lien vers le compte Twitter et la bio présente sur le profil.<span id="more-3113"></span></p>

<h3>Webdesign</h3>

<ol class="texte">
    <li><a href="http://twitter.com/DeliciousHot">DeliciousHot</a> &#8212; <em>Currently Popular content from Delicious</em></li>
    <li><a href="http://twitter.com/Fleuron">Fleuron</a> &#8212; <em>The British Journal of Typography and Design</em></li>
    <li><a href="http://twitter.com/webdosanddonts">webdosanddonts</a> &#8212; <em>Tips and tricks for the modern day web designer</em></li>
    <li><a href="http://twitter.com/zeldman">zeldman</a> &#8212; <em>The present-day pachuco refuses to die.</em></li>
    <li><a href="http://twitter.com/sixrevisions">sixrevision</a> &#8212; <em>Web developer/designer and founder of Six Revisions.</em></li>
    <li><a href="http://twitter.com/ilovetypography">ilovetypography</a> &#8212; <em>Covering news from the Colorado Startup scene</em></li>
    <li><a href="http://twitter.com/DesignerDepot">DesignerDepot</a> &#8212; <em>Webdesigner Depot is one of the most popular blogs about web design trends, tutorials and much more. It&#8217;s run by Walter Apai, a web designer from Vancouver.</em></li>
    <li><a href="http://twitter.com/nazareth">nazareth</a> &#8211;<em> Web and Graphic Designer, Developer UX, CSS, (X)HTML, Blogger, Twitter Fan, Internet Addict, Freelancer, Adobe Instructor, Digital Illustrator, friend</em></li>
    <li><a href="http://twitter.com/wwwdesign">wwwdesign</a> &#8212; <em>Whirl Wind Web &amp;amp; Design Studio provides services for website design, eLetterhead, ecommerce and content management systems small to medium sized businesses.</em></li>
    <li><a href="http://twitter.com/in_design">in_design</a> &#8212; <em>Share all important and interesting information about DESIGN via Twitter4all.COM then FOLLOW a moderated selection on this Twitter Design Channel</em></li>
    <li><a href="http://twitter.com/webdesignledger">webdesignledger</a> &#8212; <em>http://webdesignledger.com/</em></li>
    <li><a href="http://twitter.com/101bestwebsites">101bestwebsites</a> &#8212; <em>101 Best Websites is a new approach to website showcasing.</em></li>
    <li><a href="http://twitter.com/designfeed">designfeed</a> &#8212; <em>Tweeting the best web and print design feeds. I&#8217;m a bot, I don&#8217;t reply to @&#8217;s. Please send suggestions for feeds in a DM. Retweets are very much appreciated :)</em></li>
    <li><a href="http://twitter.com/wpstudios">wpstudios</a> &#8212; <em>WPstudios is a visual design and coding agency</em></li>
    <li><a href="http://twitter.com/mezzoblue">mezzoblue</a> &#8212; <em>using Twitter for me, not for you.</em></li>
    <li><a href="http://twitter.com/cwylie0">cwylie0</a> &#8212; <em>web developer, homebrewer, guitarist, herb gardener into comics, horror movies, photography</em></li>
    <li><a href="http://twitter.com/DesignNewz">DesignNewz</a> &#8212; <em>Feeding the design community with design and dev related news, articles and tutorials! yay! (please also follow @jophillips)</em></li>
    <li><a href="http://twitter.com/khoi">khoi</a> &#8212; <em>Design Director, NYTimes.com</em></li>
    <li><a href="http://twitter.com/hvdesigns">hvdesigns</a> &#8212; <em>http://www.hv-designs.co.uk/</em></li>
    <li><a href="http://twitter.com/justintadlock">justintadlock</a> &#8212; <em>Web designer, teacher in Seoul South Korea, and all-around good guy.</em></li>
    <li><a href="http://twitter.com/Hicksdesign">Hicksdesign</a> &#8212; <em>Designer and cheese fetishist working for Opera Software from the Cotswolds, UK</em></li>
    <li><a href="http://twitter.com/stevensnell">stevensnell</a> &#8212; <em>Web designer, blogger, and freelance writer.</em></li>
    <li><a href="http://twitter.com/COStartupTrack">COStartupTrack</a> &#8212; <em>Covering news from the Colorado Startup scene</em></li>
    <li><a href="http://twitter.com/Malarkey">Malarkey</a> &#8212; <em>Andy Clarke designs things, then writes and talks about them.</em></li>
    <li><a href="http://twitter.com/WebDesignDev">WebDesignDev</a> &#8212; <em>Learn web design the easy way!</em></li>
    <li><a href="http://twitter.com/Minervity">Minervity</a> &#8212; <em>Web/Graphic Designer. Web Developer. Founder of Minervity.com, RazorMade Mediaworks and The MonoTwins.</em></li>
    <li><a href="http://twitter.com/kevinmarks">kevinmarks</a> &#8212; <em>Reading your thoughts. if you write them first.</em></li>
    <li><a href="http://twitter.com/coopercobra">coopercobra</a> &#8212; <em>Stage Tech,a mac user, interested in webdesign,typography,graphism</em></li>
    <li><a href="http://twitter.com/ThemeForest">ThemeForest</a> &#8212; <em>Awesome ThemeForest Files, Community, News &amp;amp; Chatter </em></li>
    <li><a href="http://twitter.com/buildinternet">buildinternet</a> &#8212; <em>Web design, development, and business blog run by twins Sam and Zach Dunn</em></li>
    <li><a href="http://twitter.com/webmonkey">webmonkey</a> &#8212; <em>I am webmonkey. I help you build websites!</em> | <a href="http://www.webmonkey.com/">http://www.webmonkey.com/</a></li>
    <li><a href="http://twitter.com/mikeindustries">mikeindustries</a> &#8212; <em>Come heavy or don&#8217;t come at all.</em></li>
    <li><a href="http://twitter.com/stefsull">stefsull</a> &#8212; <em>Client-side developer. Beach volleyball freak. Procrastinating workaholic. Codes, trains &amp; writes for food.</em></li>
    <li><a href="http://twitter.com/dewebtimes">dewebtimes</a> &#8212; <em>latest in technology from Design, Graphics, Industry News, Photoshop, Showcase, Usability, Web Development. CSS Gallery and Showcase for Your Website.</em></li>
    <li><a href="http://twitter.com/DesiMatlock">DesiMatlock</a> &#8212; <em>Personal: Mom of twins, daddy&#8217;s girl, traveler/polyglot. Work: Web geek, SEO, SEM (lotta PPC) &amp; hand-coded valid (can you say perfectionist?) website redesigns.</em></li>
    <li><a href="http://twitter.com/bkmacdaddy">bkmacdaddy</a> &#8212; <em>Web and graphic designer: SEO XHTML CSS PHP Joomla Templates, Magento Themes, WordPress Themes, Twitter Backgrounds &#8211; all your web design dreams in 1 place!</em></li>
    <li><a href="http://twitter.com/DesignNewTrends">DesignNewTrends</a> &#8211;<em>The best news in the design and web development world from around the web.</em></li>
    <li><a href="http://twitter.com/Abduzeedo">Abduzeedo</a> &#8212; <em>Graphic/web designer and blogger.</em></li>
    <li><a href="http://twitter.com/markboulton">markboulton</a> &#8212; <em>Is not an early adopter. Apparently.</em></li>
    <li><a href="http://twitter.com/jasonsantamaria">jasonsantamaria</a> &#8211;<em>Designer by day, designer by night.</em></li>
    <li><a href="http://twitter.com/elliotjaystocks">elliotjaystocks</a> &#8212; <em>Designer / author / speaker. Currently accepting new work!</em></li>
    <li><a href="http://twitter.com/meaganfisher">meaganfisher</a> &#8212; <em>I love good design, well written markup, and owls. I&#8217;m the deputy designer at SimpleBits. When not helping Dan, I work with my own clients.</em></li>
    <li><a href="http://twitter.com/webofdesign">webofdesign</a> &#8212; <em>web design!</em></li>
</ol>

<h3>WordPress</h3>

<ol class="texte">
    <li><a href="http://twitter.com/iandstewart">iandstewart</a> &#8212; <em>I&#8217;m the WordPress Theme Developer behind the popular Thematic Theme Framework, LaunchPad Theme, and Wpazo.</em></li>
    <li><a href="http://twitter.com/pimpmywordpress">pimpmywordpress</a> &#8212; <em>Help you ‘pimp’ your blog by publishing the latest free themes, hot plugins, blogging tips, tricks and tutorials on using WordPress.</em></li>
    <li><a href="http://twitter.com/themehacks">themehacks</a> &#8211; <em>love graphic design, wordpress fan. I design themes and templates.</em></li>
    <li><a href="http://twitter.com/FreelyWordpress">FreelyWordpress</a> &#8212; <em>Premium WordPress Themes, Given away for FREE, Blogging Theme, Woo Themes, Thesis Theme and much more.</em></li>
    <li><a href="http://twitter.com/wordpress">wordpress</a> &#8212; <em>Updates and other fun stuff related to WordPress.org (that&#8217;s the self-hosted version).</em></li>
    <li><a href="http://twitter.com/ozh"><em>ozh</em></a><em> &#8212; WordPress &amp; PHP hacker.</em></li>
    <li><a href="http://twitter.com/wptavern">wptavern</a> &#8212; <em>Official account for the WPTavern website</em></li>
    <li><a href="http://twitter.com/wpfreelance">wpfreelance</a> &#8212; <em>Freelance marketplace for WordPress theme design, plugins, programming and tweaks.</em></li>
    <li><a href="http://twitter.com/iheartwordpress">iheartwordpress</a> &#8212; <em>WordPress Fanatic, Helper, Designer</em></li>
    <li><a href="http://twitter.com/photomatt">photomatt</a> &#8212; <em>WordPress, Automattic, Akismet&#8230;</em></li>
    <li><a href="http://twitter.com/hashwp">hashwp</a> &#8212; <em>Finding news about #wp and #wordpress and RT them</em></li>
    <li><a href="http://twitter.com/themesnack">themesnack</a> &#8212; <em>Premium WordPress Themes &amp;amp; HTML Templates</em></li>
    <li><a href="http://twitter.com/myWordPress">myWordPress</a> &#8212; <em>WordPress Video Tutorials &#8211; From basic usage to advanced SEO tactics</em></li>
    <li><a href="http://twitter.com/ThemeHunter">ThemeHunter</a> &#8212; <em>We hunt for the latest and greatest WordPress themes and share them with you! Some of the themes we feature are paid, many are free!</em></li>
    <li><a href="http://twitter.com/nathanrice">nathanrice</a> &#8212; <em>I do stuff with WordPress. Not kinky stuff, just normal &laquo;&nbsp;code&nbsp;&raquo; stuff.</em></li>
    <li><a href="http://twitter.com/wordpress_jobs">wordpress_jobs</a> &#8211;<em> wordpress jobs + projects for freelancers, jobber + buyers </em></li>
    <li><a href="http://twitter.com/adii">adii</a> &#8212; <em>Entrepreneur, co-founder of WooThemes and general creator of Rockstar Awesomeness!</em></li>
    <li><a href="http://twitter.com/wpbeginner">wpbeginner</a> &#8212; <em>WP Beginner offers tips, tools, resources, and suggestions to #Wordpress Users. If you are a WordPress User, then you should stay updated with our tweets.</em></li>

</ol>

<h3>Standards Web</h3>

<ol class="texte">
    <li><a href="http://twitter.com/meyerweb">meyerweb</a> &#8212; <em>Web standards | (X)HTML | CSS | microformats | community | writing | speaking | signing man.</em></li>
    <li><a href="http://twitter.com/laura_carlson">laura_carlson</a> &#8212; <em>http://webstandardsgroup.org/features/laura-carlson.cfm</em></li>
    <li><a href="http://twitter.com/w3c">w3c</a> &#8212; <em>The World Wide Web Consortium (W3C) develops interoperable technologies (specifications, guidelines, software, and tools) to lead the Web to its full potential.</em></li>
    <li><a href="http://twitter.com/bblfish">bblfish</a> &#8212; <em>The  Semantic Web as philosophical Engineering. Social Cloud Architect at Sun Microsystems.</em></li>
    <li><a href="http://twitter.com/mollydotcom">mollydotcom</a> &#8212; <em>The Annoying Standards Girl.</em></li>
    <li><a href="http://twitter.com/technorati">technorati</a> &#8212; <em>Who&#8217;s saying what. Right now.</em></li>
    <li><a href="http://twitter.com/t">t</a> &#8212; <em>barcamp bicycler buildingblocks climber cultural evolution gtd hacker independent microformats nerdy optimist pescatarian scientist skeptic</em></li>
    <li><a href="http://twitter.com/cdibona">cdibona</a> &#8212; <em>Googler, Open Source Dude, Dad</em></li>
    <li><a href="http://twitter.com/alistapart">alistapart</a> &#8212; <em>A List Apart&#8211;For people who make websites</em></li>
    <li><a href="http://twitter.com/9swords">9swords</a> &#8212; <em>Web Developer / Designer &#8211; Student of  W3Schools Refsnes Data W3C Web Standards </em></li>
    <li><a href="http://twitter.com/iheni">iheni</a> &#8212; <em>Accessibility and standards advocate, Sinaphile, kickboxer and Chinese foodie.</em></li>
    <li><a href="http://twitter.com/webstandard">webstandard</a> &#8212; <em>Web-Developer, Blogger, Autor mit Tweets zu Webdesign, Entwicklung, Usability, Internet, Tools, Trends, &#8230;</em></li>

</ol>

<h3>Javascript</h3>

<ol class="texte">
    <li><a href="http://twitter.com/codepo8">codepo8</a> &#8212; <em>All things web, writing and working together</em></li>
    <li><a href="http://twitter.com/robertnyman">robertnyman</a> &#8212; <em>http://robertnyman.com/</em></li>
    <li><a href="http://twitter.com/jquery">jquery</a> &#8212; <em>Write less, do more. News &amp;amp; updates from the jQuery team.</em></li>
    <li><a href="http://twitter.com/shauninman">shauninman</a> &#8212; <em>Cool like Mint. Hot like a Fever. Designer. Developer. Um, schemer?</em></li>
    <li><a href="http://twitter.com/jeresig">jeresig</a> &#8212; <em>Creator of jQuery, JavaScript programmer, blogger, author, work for Mozilla.</em></li>
    <li><a href="http://twitter.com/ppk">ppk</a> &#8212; <em>Freelance front-end web development consultant, agent, trainer, writer, blogger, and speaker. Currently doing heavy research into mobile browser compatibility.</em></li>
    <li><a href="http://twitter.com/del_javascript">del_javascript</a> &#8211;<em> Javascript News and Links (from del.icio.us)</em></li>
    <li><a href="http://twitter.com/javascript_news">http://twitter.com/javascript_news</a> &#8212; <em>reddit.com/r/javascript_news</em></li>
    <li><a href="http://twitter.com/greatjavascript">http://twitter.com/greatjavascript</a> &#8212; <em>I bring great links of Javascript to the wealth of Developers and designers that follow me. WARNING GOOD LINKS!!!</em></li>
    <li><a href="http://twitter.com/jsninja">jsninja</a> &#8212; <em>Here on Twitter I will sporadically divulge sensitive information regarding JavaScript and its various abstractions&#8230;</em></li>
    <li><a href="http://twitter.com/rem">rem</a> &#8212; <em>Invented Squirrels</em></li>
</ol>

<h3>Graphisme, Photoshop, Illustrator</h3>

<ol class="texte">
    <li><a href="http://twitter.com/vectorart">vectorart</a> &#8211; <em>Vector Art : A digital illustration blog for graphic designers &amp; illustrators. Free vectors, brushes, tutorials, fonts and more.</em></li>
    <li><a href="http://twitter.com/PSDTUTS">PSDTUTS</a> &#8212; <em>The web&#8217;s #1 Photoshop tutorials site.</em></li>
    <li><a href="http://twitter.com/VECTORTUTS">VECTORTUTS</a> &#8212; <em>http://vector.tutsplus.com/</em></li>
    <li><a href="http://twitter.com/patternhead">patternhead</a> &#8212; <em>Designer, blogger, front end coder, pattern designer, painter, wannabee artist in love with Photoshop, Illustrator and Jquery.</em></li>
    <li><a href="http://twitter.com/hashphotoshop">hashphotoshop</a> &#8212; <em>Finding news about #photoshop and RT them</em></li>
    <li><a href="http://twitter.com/PshopCreative">PshopCreative</a> &#8211;<em>We&#8217;re the team behind Photoshop Creative &#8211; the magazine for Adobe Photoshop inspiration and advice</em></li>
    <li><a href="http://twitter.com/Colorburned">Colorburned</a> &#8212; <em>Brushes, patterns, vectors, tutorials and more!</em></li>
    <li><a href="http://twitter.com/logomoose">logomoose</a> &#8212; <em>Logo design inspiration gallery</em></li>
    <li><a href="http://twitter.com/photoshoplady">photoshoplady</a> &#8211;<em> All of the Best Design Resources Around the World</em></li>
    <li><a href="http://twitter.com/Photoshop_PSD">Photoshop_PSD</a> &#8212; <em>Photoshop Tutorials: How To Do, Skills Like A Pro</em></li>
    <li><a href="http://twitter.com/colorburned">colorburned</a> &#8212; <em>Brushes, patterns, vectors, tutorials and more!</em></li>
    <li><a href="http://twitter.com/Illustrator_GU">Illustrator_GU</a> &#8212; <em>Illustrator articles, tutorials, reviews, tips, tricks, and freebies from GurusUnleashed.com</em></li>
    <li><a href="http://twitter.com/InsideAI">InsideAI</a> &#8212; <em>We’re members of the Adobe Illustrator product development, marketing, and engineering team. Let us hear from you!</em></li>
    <li><a href="http://twitter.com/ComputerArts">ComputerArts</a> &#8212; <em>The world&#8217;s best-selling creative magazine</em></li>
    <li><a href="http://twitter.com/Photoshop_GU">Photoshop_GU</a> &#8212; <em>Photoshop articles, tutorials, reviews, tips, tricks, and freebies from GurusUnleashed.com</em></li>
    <li><a href="We are the National Association of Photoshop Professionals (led by Scott Kelby), the leading world-wide resource for Photoshop training.">NAPP_News</a> &#8212; <em>We are the National Association of Photoshop Professionals (led by Scott Kelby), the leading world-wide resource for Photoshop training.</em></li>
    <li><a href="http://twitter.com/photoshopguides">photoshopguides</a> &#8212; <em>Fresh Tutorials Added Daily<em></em></li>
    <li><a href="http://twitter.com/psdisasters">psdisasters</a> &#8212; <em>Pour le fun, histoire de voir ce qu&#8217;il ne faut pas faire avec Photoshop !</em></li>
</ol>

<h3>HTML &amp; CSS</h3>

<ol class="texte">
    <li><a href="http://twitter.com/smashingmag">smashingmag</a> &#8212; <em>Vitaly Friedman, editor-in-chief of Smashing Magazine (www.smashingmagazine.com), an online magazine dedicated to designers and developers.</em></li>
    <li><a href="http://twitter.com/csswg">csswg</a> &#8212; <em>CSS working group Twitter</em></li>
    <li><a href="http://twitter.com/IE6">IE6</a> &#8212; <em>&laquo;&nbsp;this page cannot be displayed&nbsp;&raquo;</em></li>
    <li><a href="http://twitter.com/Elasticss">Elasticss</a> &#8212; <em>A simple, yet complete, css framework to layout web-based interfaces. Is cross-platform and is limited only by your imagination.</em></li>
    <li><a href="http://twitter.com/HTML5_EN">HTML5_EN</a> &#8212; <em>We save the Tweets about XHTML5 and HTML5.</em></li>
    <li><a href="http://twitter.com/html5">html5</a> &#8212; <em>Notifications of changes to HTML5 drafts</em></li>
    <li><a href="http://twitter.com/html5gallery">html5gallery</a> &#8212; <em>Site showcasing sites built using html5</em></li>
    <li><a href="http://twitter.com/cssglance">cssglance</a> &#8211; <em>Css websites showcase and web design resources</em></li>
    <li><a href="http://twitter.com/wufoo">wufoo</a> &#8211;<em> Striving to be the easiest way to collect information over the internet.</em></li>
</ol>

<h3>Développeurs (oui, ça veut dire PHP)</h3>

<ol class="texte">
    <li><a href="http://twitter.com/rasmus">rasmus</a> &#8212; <em>Breaking the Web</em></li>
    <li><a href="http://twitter.com/depthtouch">depthtouch</a> &#8212; <em>Computer Scientist, Website designer and developer. Likes sports, computers :)</em></li>
    <li><a href="http://twitter.com/AaronGustafson">AaronGustafson</a> &#8212; <em>I make stuff.</em></li>
    <li><a href="http://twitter.com/developerworks">developerworks</a> &#8212; <em>IBM&#8217;s premier Web site for Java, Android, Linux, Open Source, PHP, Social, Cloud Computing, Google, jQuery, and Web developer educational resources.</em></li>
    <li><a href="http://twitter.com/php_net">php_net</a> &#8212; <em>An aggregation of and for php coders from twitter.</em></li>
    <li><a href="http://twitter.com/phpclasses">phpclasses</a> &#8212; <em>Free ready to use PHP class scripts contributed by thousands of PHP developers, PHP book review, PHP jobs, listing of PHP professionals, PHP specialist forums&lt;</em></li>
    <li><a href="http://twitter.com/DailyPHP">http://twitter.com/DailyPHP</a> &#8212; <em>Another day, another PHP function (created by @jt2k)</em></li>
</ol>

<h3>Architecture de l&#8217;information</h3>

<ol class="texte">
    <li><a href="http://twitter.com/iA">iA</a> &#8212; <em>UX Designer, Founder iA, creator of webtrendmap.com</em></li>
    <li><a href="http://twitter.com/deaxon">deaxon</a> &#8212; <em>Interaction Designer</em></li>
    <li><a href="http://twitter.com/IATV"> IATV </a> &#8212; <em>Information Architect, Information Literacy, UX, IxD, User Experience, Usability, Design, Prague, Ginkgo Love</em></li>
    <li><a href="http://twitter.com/uxmag">uxmag</a> &#8212; <em>UX Magazine&#8217;s Twitter feed. By @alexoid and @cdemetriadis</em></li>
    <li><a href="http://twitter.com/IA_UXJOBS">IA_UXJOBS</a> &#8212; <em>UX Jobs from all over the world &#8211; Because finding the good ones shouldn&#8217;t be hard. Created for and by a UX Designer</em></li>
    <li><a href="http://twitter.com/designux">designux</a> &#8212; <em>User experience design and web development stream.</em></li>
    <li><a href="http://twitter.com/ux">ux</a> &#8211;<em>Better user experience design for the web and beyond.</em></li>
</ol>

<h3>Misc.</h3>

<ol class="texte">
    <li><a href="http://twitter.com/modeling22">@<strong>modeling22</strong></a> &#8212; Coordination For Film Production In Thailand. Passionate about Media &amp; Entertainment Industry, Tech, Marketing, Productivity, Fashions, Jazz. A nice person </li>
    <li><a href="http://twitter.com/inspiredm">inspiredm</a> &#8212; <em>Daily inspiration source for web designers, illustrators, Twitter addicts, iPhone lovers, and other creative humans.</em></li>
    <li><a href="http://twitter.com/delicious50">delicious50</a> &#8211;<em> Most recent Delicious bookmarks with 50 or more bookmarkers</em></li>
    <li><a href="http://twitter.com/skyje4u">skyje4u</a> &#8212; <em>official account for skyje.com</em></li>
</ol>

<p>N&#8217;oubliez pas de me rendre visite sur <a href="http://twitter.com/css4design">@css4design</a> où je tiens un micro-blog sur les CSS, le HTML, le Webdesign, le Graphisme, etc. Vous y trouverez quelques pensées en vrac et des discussions avec d&#8217;autres passionnés du web. Le tout en 140 caractères, parfois moins ;)</p>

<p><em>Stay tuned and mind the gap!</em></p>

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

<ul class='related_post'><li><a href='http://css.4design.tl/blogs-developpeurs-web' title='35 blogs de développeurs web'>35 blogs de développeurs web</a></li><li><a href='http://css.4design.tl/le-petit-journal-du-web-les-fruits-de-la-veille-ont-garde-leur-fraicheur' title='Le petit journal du web &#8212; Les fruits de la veille ont gardé toute leur fraicheur'>Le petit journal du web &#8212; Les fruits de la veille ont gardé toute leur fraicheur</a></li><li><a href='http://css.4design.tl/fonction-javascript-contre-bug-classes-multiples-internet-explorer-6' title='IE6 &#8212; 3 fonctions Javascript pour lutter contre le bug des classes multiples'>IE6 &#8212; 3 fonctions Javascript pour lutter contre le bug des classes multiples</a></li><li><a href='http://css.4design.tl/listes-pour-webdesigners' title='24 listes pour Webdesigners'>24 listes pour Webdesigners</a></li><li><a href='http://css.4design.tl/ameliorations-cosmetiques-et-ergonomiques-sur-ce-blog' title='Améliorations cosmétiques et ergonomiques sur ce blog'>Améliorations cosmétiques et ergonomiques sur ce blog</a></li></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=3113&amp;md5=39ffba2d109a5288da4540a84acbc065" title="Flattr" target="_blank"><img src="http://css.4design.tl/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css.4design.tl/100-comptes-twitter-pour-webdesigner/feed</wfw:commentRss>
		<slash:comments>35</slash:comments>
		<atom:link rel="payment" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2F100-comptes-twitter-pour-webdesigner&amp;language=fr_FR&amp;category=text&amp;title=100%2B+comptes+Twitter+pour+webdesigner&amp;description=Twitter+devient+le+service+web+2.0+sur+lequel+il+faut+voir+et+%C3%AAtre+vu.+Je+vous+propose+un+petit+voyage+dans+le+webdesign+anglo-saxon+avec+100+comptes+Twitter+utiles+dans...&amp;tags=CSS%2CHTML%2CIllustrator%2CJavascript%2CjQuery%2CPartenaires%2CPhotoshop%2CPHP%2CStandards+web%2CTwitter%2CWordPress%2Cblog" type="text/html" />
	</item>
		<item>
		<title>Le public s’empare des outils des journalistes</title>
		<link>http://css.4design.tl/le-public-sempare-des-outils-des-journalistes</link>
		<comments>http://css.4design.tl/le-public-sempare-des-outils-des-journalistes#comments</comments>
		<pubDate>Tue, 29 Jul 2008 01:45:51 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Blogosphère]]></category>
		<category><![CDATA[News]]></category>

		<guid isPermaLink="false">http://www.css4design.com/le-public-s%e2%80%99empare-des-outils-des-journalistes</guid>
		<description><![CDATA[Obama : le regard du pro face à la foule &#8211; AFP-MediaWatch. Article intéressant sur le thème blogueurs vs journalistes à propos de la photo d&#8217;Obama face à la foule à Berlin. L&#8217;auteur explore les grandes fonctions traditionnelles des journalistes professionnels avec un mot sur les pratiques concurrentielles des blogueurs. Articles sur le même sujet Classement Feedburner 2008 des Blogs en français (Top100)Journalistes vs Blogueurs (Gladiators inside)Le prêt-à-bloguer bride-t-il la créativité ?Ma vie et mes avis numériques sur la blogosphère «people», le «web beuh zéro» avec parfois beaucoup de reculAprès Gandi Blog, voici Free Blog]]></description>
			<content:encoded><![CDATA[<p><a href="http://mediawatch.afp.com/?post/2008/07/28/Obama-%3A-le-regard-du-pro-face-a-la-foule">Obama : le regard du pro face à la foule &#8211; AFP-MediaWatch</a>. Article intéressant sur le thème blogueurs vs journalistes à propos de la photo d&#8217;Obama face à la foule à Berlin. L&#8217;auteur explore les grandes fonctions traditionnelles des journalistes professionnels avec un mot sur les pratiques concurrentielles des blogueurs.</p>

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

<ul class='related_post'><li><a href='http://css.4design.tl/classement-feedburner-2008-des-blogs-en-francais-top100' title='Classement Feedburner 2008 des Blogs en français (Top100)'>Classement Feedburner 2008 des Blogs en français (Top100)</a></li><li><a href='http://css.4design.tl/journalistes-vs-blogueurs-gladiators-inside' title='Journalistes vs Blogueurs (Gladiators inside)'>Journalistes vs Blogueurs (Gladiators inside)</a></li><li><a href='http://css.4design.tl/le-pret-a-bloguer-bride-t-il-la-creativite' title='Le prêt-à-bloguer bride-t-il la créativité ?'>Le prêt-à-bloguer bride-t-il la créativité ?</a></li><li><a href='http://css.4design.tl/ma-vie-et-mes-avis-numeriques-sur-la-blogosphere-people-le-web-beuh-zero-avec-parfois-beaucoup-de-recul' title='Ma vie et mes avis numériques sur la blogosphère «people», le «web beuh zéro» avec parfois beaucoup de recul'>Ma vie et mes avis numériques sur la blogosphère «people», le «web beuh zéro» avec parfois beaucoup de recul</a></li><li><a href='http://css.4design.tl/apres-gandi-blog-voici-free-blog' title='Après Gandi Blog, voici Free Blog'>Après Gandi Blog, voici Free Blog</a></li></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=388&amp;md5=20dccf55f68e7d881a63180f0f87380f" title="Flattr" target="_blank"><img src="http://css.4design.tl/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css.4design.tl/le-public-sempare-des-outils-des-journalistes/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<atom:link rel="payment" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Fle-public-sempare-des-outils-des-journalistes&amp;language=fr_FR&amp;category=text&amp;title=Le+public+s%E2%80%99empare+des+outils+des+journalistes&amp;description=Obama+%3A+le+regard+du+pro+face+%C3%A0+la+foule+%26%238211%3B+AFP-MediaWatch.+Article+int%C3%A9ressant+sur+le+th%C3%A8me+blogueurs+vs+journalistes+%C3%A0+propos+de+la+photo+d%26%238217%3BObama+face+%C3%A0+la+foule...&amp;tags=Blogosph%C3%A8re%2CNews%2Cblog" type="text/html" />
	</item>
		<item>
		<title>Notes de lecture : Facebook, on s&#039;y retrouve !</title>
		<link>http://css.4design.tl/facebook-on-s-y-retrouve</link>
		<comments>http://css.4design.tl/facebook-on-s-y-retrouve#comments</comments>
		<pubDate>Fri, 16 May 2008 07:40:20 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Ecrire pour le web]]></category>
		<category><![CDATA[Facebook]]></category>

		<guid isPermaLink="false">http://www.css4design.com/?p=361</guid>
		<description><![CDATA[J&#8217;ai profité de quelques jours (parfois pluvieux) au bord de la mer pour terminer la lecture du livre Facebook, on s&#8217;y retrouve ! rédigé par Eric Delcroix et Alban Martin. Très rapidement, ce livre fait prendre conscience qu&#8217;il manquait une documentation pour vraiment s&#8217;y retrouver dans Facebook. Maintenant, c&#8217;est fait. D&#8217;autant plus que cet ouvrage traite exclusivement de la version française de Facebook, de sorte que les captures d&#8217;écran et les différentes explications sont &#171;&#160;raccords&#160;&#187; avec ce que vous verrez dès votre inscription ! Après deux billets publiés sur Notorious blog, il m&#8217;a semblé utile d&#8217;en faire une présentation ici [...]]]></description>
			<content:encoded><![CDATA[<p><a href="/files/2008/05/facebook-couv1.jpg"><img class="il alignnone size-medium wp-image-366" src="/files/2008/05/facebook-couv1.jpg" alt="" width="90" /></a>J&#8217;ai profité de quelques jours (parfois pluvieux) au bord de la mer pour terminer la lecture du livre <a href="http://www.facebook.com/group.php?gid=9144996767">Facebook, on s&#8217;y retrouve !</a> rédigé par <a href="http://www.ed-productions.com/leszed/index.php?eric-delcroix">Eric Delcroix</a> et <a href="http://facebook.typepad.com/faceblog/">Alban Martin</a>. Très rapidement, ce livre fait prendre conscience qu&#8217;il manquait une documentation pour vraiment s&#8217;y retrouver dans <a href="http://www.facebook.com/">Facebook</a>. Maintenant, c&#8217;est fait. D&#8217;autant plus que cet ouvrage traite exclusivement de la version française de <em>Facebook</em>, de sorte que les captures d&#8217;écran et les différentes explications sont &laquo;&nbsp;raccords&nbsp;&raquo; avec ce que vous verrez dès votre inscription ! Après deux <a href="http://www.notoriousblog.fr/facebook-on-sy-retrouve.blog">billets</a> <a href="http://www.notoriousblog.fr/quelques-mots-sur-facebook-on-sy-retrouve.blog">publiés</a> sur <a href="http://www.notoriousblog.fr/">Notorious blog</a>, il m&#8217;a semblé utile d&#8217;en faire une présentation ici car même les intégrateurs web peuvent trouver un intérêt à <em>Facebook</em> ;)<span id="more-232"></span></p>

<p>Parmi les myriades d&#8217;options, les nombreuses applications possibles et la multitude d&#8217;usages possibles, nombreux sont celles et ceux qui éprouvent des difficultés à cerner l&#8217;utilité de ce réseaux social dont tout le monde parle, mais que personne ou presque n&#8217;est capable de décrire simplement.</p>

<p>Heureusement, <strong>ce livre a réussi le tour de force de prendre le lecteur néophyte par la main en lui proposant des pas à pas pour s&#8217;inscrire et profiter au mieux des différents services proposés par <em>Facebook</em>, tout en tenant en éveil l&#8217;utilisateur régulier qui en profitera pour faire le plein d&#8217;astuces</strong>, ou simplement redécouvrir certaines options peu visibles mais néanmoins intéressantes (en particulier la gestion de la protection de sa vie privée)&#8230;</p>

<h6>Avec plus de 200 captures illustrant tutoriels, fiches pratiques et explications pas à pas ! Sans compter de nombreux conseils des spécialistes du domaine (journaliste, chasseurs de tête, blogueurs, patron, directeur d’école…)</h6>

<p><a href="/files/2008/05/facebook.jpg"><img class="alignnone size-full wp-image-364" src="/files/2008/05/facebook.jpg" alt="" width="450" /></a></p>

<p>L&#8217;ouvrage est découpé en deux grandes parties. La première, comprend entre autres : les détails de l&#8217;inscription et de la gestion de ses données personnelles ; la production et la diffusion de contenus, tout en passant en revue les principales applications à connaitre. La deuxième partie présente <em>Facebook</em> d&#8217;un point de vue plus professionnel : apprentissage et formation ; recrutement et ressources humaines ; organisation de campagnes publicitaires et sondages marketings.</p>

<p>Pour finir, les auteurs nous proposent d&#8217;en faire plus avec <em>Facebook</em> : gagner de l&#8217;argent, s&#8217;amuser, faire des rencontres ou militer pour une cause. Par ailleurs, on notera la place accordée aux usages mobiles de <em>Facebook</em>, qu&#8217;il s&#8217;agisse des widgets et applications que l&#8217;on peut installer sur son poste de travail (ou de loisirs) ou des fonctions principales de <em>Facebook</em> auxquelles on peut accéder depuis un téléphone portable ou un PDA.</p>

<p><em>Grosso modo</em>, si vous hésitiez encore à vous inscrire sur <em>Facebook</em> parce que vous craignez pour votre vie privée ou parce que vous ignorez ce que vous pourriez y faire, je vous invite à lire ce livre plein d&#8217;informations, d&#8217;astuces et d&#8217;espiègleries, de conseils et de tutoriels. Bref, un livre plein d&#8217;humour agréable à lire, ce qui ne gâche rien ;)</p>

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

<ul class='related_post'><li><a href='http://css.4design.tl/liens-javascript-jquery' title='390 ressources Javascript &amp; jQuery'>390 ressources Javascript &amp; jQuery</a></li><li><a href='http://css.4design.tl/notes-de-lecture-a-propos-de-strategie-de-contenu-web' title='Notes de lecture à propos de «&#160;Stratégie de contenu web&#160;»'>Notes de lecture à propos de «&#160;Stratégie de contenu web&#160;»</a></li><li><a href='http://css.4design.tl/wordpress-basics' title='Soyez « ♥ Basics »'>Soyez « ♥ Basics »</a></li><li><a href='http://css.4design.tl/baw-auto-shortener-raccourcisseur-url-wordpress' title='BAW Auto Shortener &#8212; Raccourcisseur d&#039;URL pour WordPress'>BAW Auto Shortener &#8212; Raccourcisseur d&#039;URL pour WordPress</a></li><li><a href='http://css.4design.tl/webdesign-lisibilite-typographie-redaction-web' title='Webdesign, lisibilité, typographie et rédaction web'>Webdesign, lisibilité, typographie et rédaction web</a></li></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=232&amp;md5=91df6f1be3fd8d7d5b76307d9587cf3e" title="Flattr" target="_blank"><img src="http://css.4design.tl/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css.4design.tl/facebook-on-s-y-retrouve/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		<atom:link rel="payment" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Ffacebook-on-s-y-retrouve&amp;language=fr_FR&amp;category=text&amp;title=Notes+de+lecture+%3A+Facebook%2C+on+s%26%23039%3By+retrouve+%21&amp;description=J%26%238217%3Bai+profit%C3%A9+de+quelques+jours+%28parfois+pluvieux%29+au+bord+de+la+mer+pour+terminer+la+lecture+du+livre+Facebook%2C+on+s%26%238217%3By+retrouve+%21+r%C3%A9dig%C3%A9+par+Eric+Delcroix+et+Alban+Martin....&amp;tags=Ecrire+pour+le+web%2CFacebook%2Cblog" type="text/html" />
	</item>
		<item>
		<title>Une blogroll 2.0 avec la liste de partage des flux RSS de Google Reader</title>
		<link>http://css.4design.tl/une-blogroll-20-avec-la-liste-de-partage-des-flux-rss-de-google-reader</link>
		<comments>http://css.4design.tl/une-blogroll-20-avec-la-liste-de-partage-des-flux-rss-de-google-reader#comments</comments>
		<pubDate>Sun, 27 Jan 2008 19:26:47 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Content Management System]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Liste de liens]]></category>
		<category><![CDATA[RSS]]></category>
		<category><![CDATA[Tutoriels]]></category>

		<guid isPermaLink="false">http://www.css4design.com/une-blogroll-20-avec-la-liste-de-partage-des-flux-rss-de-google-reader</guid>
		<description><![CDATA[Les plus attentifs auront peut-être remarqué que j&#8217;ai déplacé ma blogroll de la page d&#8217;accueil vers une page dédiée (vu la baisse constante de mon PageRank, personne n&#8217;y perd). A la place, j&#8217;ai préféré introduire une liste de mes lectures de flux RSS via la &#171;&#160;liste de partage&#160;&#187; de Google Reader. Cette liste étant dynamique, elle reflète, mieux qu&#8217;une liste de liens statique, mes intérêts du moment. Cette liste de partage est disponible sur cette page ou à partir du flux RSS généré à l&#8217;occasion. Une troisième méthode consiste à copier-coller un bout de code Javascript pour obtenir la liste [...]]]></description>
			<content:encoded><![CDATA[<p>Les plus attentifs auront peut-être remarqué que j&#8217;ai <a href="http://www.css4design.com/blogroll">déplacé ma blogroll</a> de la page d&#8217;accueil vers une page dédiée (vu la baisse constante de mon PageRank, personne n&#8217;y perd). A la place, j&#8217;ai préféré introduire une liste de mes lectures de flux RSS via la &laquo;&nbsp;liste de partage&nbsp;&raquo; de <a href="http://www.google.com/reader/">Google Reader</a>. Cette liste étant dynamique, elle reflète, mieux qu&#8217;une liste de liens statique, mes intérêts du moment.<span id="more-193"></span></p>

<p>Cette liste de partage est disponible <a href="http://www.google.com/reader/shared/18385213655509565132">sur cette page</a> ou <a href="http://www.google.com/reader/public/atom/user/18385213655509565132/state/com.google/broadcast">à partir du flux RSS</a> généré à l&#8217;occasion. Une troisième méthode consiste à copier-coller un bout de code Javascript pour obtenir la liste (paramétrable) des 10 derniers articles partagés avec la source du billet, comme ici.</p>

<h3>Ma liste de partage</h3>

<h3>Adapter le style en utilisant les classes CSS disponibles</h3>

<p>Par défaut, l&#8217;intégration du code Javascript provoque un espace plus ou moins important entre la liste de partage et les éléments qui la précèdent. Pour y remédier, on supprimera les retours à la ligne qui séparent les balises script.</p>

<p>Par ailleurs, le lien <em>Lire la suite&#8230;</em> est inclus dans une &lt;div class=&nbsp;&raquo;f&nbsp;&raquo;&gt; (<strong>f</strong>orward ?) en dehors de la liste ul (qu&#8217;on pourra atteindre avec .reader-publisher-module ul) qu&#8217;il faudra également penser à styler pour que l&#8217;affichage de cette liste de partage s&#8217;harmonise au mieux avec votre blog.</p>

<p>Pour finir, la liste elle-même est constituée de balises li comprenant un lien a class=&nbsp;&raquo;i&nbsp;&raquo; pour afficher les <strong>i</strong>nformations du billet et une div class=&nbsp;&raquo;s&nbsp;&raquo; pour indiquer la <strong>s</strong>ource du lien.</p>

<h3>Un blogroll Bon Chic Bon Geek</h3>

<p>Décidément, ce <em>Google Reader</em> recèle des petits trésors qui méritent leur place dans les blogolistes les plus chics. Il manque peut-être des options de personnalisation comme le choix des textes et des balises utilisées : pour le coup, j&#8217;aurais bien vu une liste de définition ;)</p>

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

<ul class='related_post'><li><a href='http://css.4design.tl/feedburner-holly-hits-my-feed-is-reach' title='Feedburner &#8212; Holly Hits, my feed is reach!'>Feedburner &#8212; Holly Hits, my feed is reach!</a></li><li><a href='http://css.4design.tl/protegez-votre-flux-rss-avec-authentification-http-de-feedburner' title='Protégez votre flux RSS avec l&#039;authentification HTTP de FeedBurner'>Protégez votre flux RSS avec l&#039;authentification HTTP de FeedBurner</a></li><li><a href='http://css.4design.tl/tutoriels-apprendre-html-css' title='Tutoriels pour apprendre HTML &amp; CSS'>Tutoriels pour apprendre HTML &#038; CSS</a></li><li><a href='http://css.4design.tl/check-your-body-avec-le-w3c' title='Check your &lt;body&gt; avec le W3C'>Check your &lt;body&gt; avec le W3C</a></li><li><a href='http://css.4design.tl/programme-formation-html-css' title='Quelques notes &#8212; Programme de formation HTML &amp; CSS'>Quelques notes &#8212; Programme de formation HTML &amp; CSS</a></li></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=193&amp;md5=79355b8647cc915d23574023436a8545" title="Flattr" target="_blank"><img src="http://css.4design.tl/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css.4design.tl/une-blogroll-20-avec-la-liste-de-partage-des-flux-rss-de-google-reader/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		<atom:link rel="payment" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Fune-blogroll-20-avec-la-liste-de-partage-des-flux-rss-de-google-reader&amp;language=fr_FR&amp;category=text&amp;title=Une+blogroll+2.0+avec+la+liste+de+partage+des+flux+RSS+de+Google+Reader&amp;description=Les+plus+attentifs+auront+peut-%C3%AAtre+remarqu%C3%A9+que+j%26%238217%3Bai+d%C3%A9plac%C3%A9+ma+blogroll+de+la+page+d%26%238217%3Baccueil+vers+une+page+d%C3%A9di%C3%A9e+%28vu+la+baisse+constante+de+mon+PageRank%2C+personne+n%26%238217%3By+perd%29.+A...&amp;tags=Liste+de+liens%2CRSS%2CTutoriels%2Cblog" type="text/html" />
	</item>
		<item>
		<title>Le web 2.0 peut être dangereux&#8230; pour vos profits</title>
		<link>http://css.4design.tl/le-web-20-peut-etre-dangereux-pour-vos-profits</link>
		<comments>http://css.4design.tl/le-web-20-peut-etre-dangereux-pour-vos-profits#comments</comments>
		<pubDate>Mon, 17 Dec 2007 19:40:44 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Conception de site web]]></category>
		<category><![CDATA[Ergonomie & Accessibilité]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[E-commerce]]></category>
		<category><![CDATA[Ergonomie]]></category>

		<guid isPermaLink="false">http://www.css4design.com/index.php/2007/12/17/184-le-web-20-peut-etre-dangereux-pour-vos-profits</guid>
		<description><![CDATA[Le gourou de l&#8217;utilisabilité, de l&#8217;ergonomie et du design web (au sens d&#8217;architecture web) Jakob Nielsen nous propose de réfléchir sur le web 2.0 du point de vue des fonctionnalités et de leur adéquation avec les besoins et les attentes de l&#8217;utilisateur. Voici un rapide résumé de son alertbox. Ajax, interfaces riches, mashups, web social et User Generated Content ajoutent souvent plus de complexité qu&#8217;ils n&#8217;offrent de solution. Ce web 2.0 détourne les ressources graphiques et prouve (une fois encore) que le ramage ne se rapporte pas toujours au plumage : Ajax et les interfaces riches : trop de complexité, [...]]]></description>
			<content:encoded><![CDATA[<p>Le gourou de l&#8217;utilisabilité, de l&#8217;ergonomie et du design web (au sens d&#8217;architecture web) <a href="http://www.useit.com/jakob/">Jakob Nielsen </a>nous propose de réfléchir sur le web 2.0 du point de vue des fonctionnalités et de leur adéquation avec les besoins et les attentes de l&#8217;utilisateur. Voici un rapide résumé de son <a href="http://www.useit.com/alertbox/web-2.html">alertbox</a>.<span id="more-162"></span></p>

<p>Ajax, interfaces riches, <em>mashups</em>, web social et <em>User Generated Content</em> ajoutent souvent plus de complexité qu&#8217;ils n&#8217;offrent de solution. Ce web 2.0 détourne les ressources graphiques et prouve (une fois encore) que le ramage ne se rapporte pas toujours au plumage :</p>

<ul>
    <li> Ajax et les interfaces riches : trop de complexité,</li>
    <li> Réseaux sociaux et <em>User Generated Content</em> : trop peu d&#8217;utilisateurs,</li>
    <li><em> Mashups</em> :  confusion des marques,</li>
    <li> Modèle économique basé sur la publicité : bulle 2.0,</li>
    <li> Sites web qui &laquo;&nbsp;déchirent&nbsp;&raquo; : non-représentatifs des sites commerciaux.</li>
</ul>

<h3>En bref</h3>

<p>Ajoutez une pincée de fonction web 2.0, mais concentrez-vous sur le coeur de votre service ! Pour nous guider, Jakob propose de doser l&#8217;infusion des fonctionnalités web 2.0 en fonction  des différentes sortes d&#8217;expérience utilisateur :</p>

<ul>
    <li>Information, marketing (corporate, gouvernemental ou associatif) : 10%,</li>
    <li>E-commerce : 20%,</li>
    <li>Médias : 30%,</li>
    <li>Intranets : 40%,</li>
    <li>Applications web : 50%.</li>
</ul>

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

<ul class='related_post'><li><a href='http://css.4design.tl/le-design-serait-inutile-dans-80-des-cas' title='Le Design serait inutile dans 80% des cas'>Le Design serait inutile dans 80% des cas</a></li><li><a href='http://css.4design.tl/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://css.4design.tl/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://css.4design.tl/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://css.4design.tl/netvibes-web-2-0-vs-google-reader-plus-1' title='Netvibes : web 2.0 vs Google Reader : +1'>Netvibes : web 2.0 vs Google Reader : +1</a></li></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=162&amp;md5=a6dfebc7afd0b37f6458013776bffdfe" title="Flattr" target="_blank"><img src="http://css.4design.tl/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css.4design.tl/le-web-20-peut-etre-dangereux-pour-vos-profits/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		<atom:link rel="payment" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Fle-web-20-peut-etre-dangereux-pour-vos-profits&amp;language=fr_FR&amp;category=text&amp;title=Le+web+2.0+peut+%C3%AAtre+dangereux%26%238230%3B+pour+vos+profits&amp;description=Le+gourou+de+l%26%238217%3Butilisabilit%C3%A9%2C+de+l%26%238217%3Bergonomie+et+du+design+web+%28au+sens+d%26%238217%3Barchitecture+web%29+Jakob+Nielsen+nous+propose+de+r%C3%A9fl%C3%A9chir+sur+le+web+2.0+du+point+de+vue+des+fonctionnalit%C3%A9s...&amp;tags=Ajax%2CE-commerce%2CErgonomie%2CWeb+2.0%2Cblog" type="text/html" />
	</item>
		<item>
		<title>rollSense : Google Adsense du contenu ou révolution dans l&#039;échange de lien ?</title>
		<link>http://css.4design.tl/rollsense-google-adsense-du-contenu-ou-revolution-dans-lechange-de-lien</link>
		<comments>http://css.4design.tl/rollsense-google-adsense-du-contenu-ou-revolution-dans-lechange-de-lien#comments</comments>
		<pubDate>Wed, 17 Oct 2007 10:16:08 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[AdSense]]></category>
		<category><![CDATA[Blogosphère]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Notorious Blog]]></category>
		<category><![CDATA[publicité]]></category>
		<category><![CDATA[Widget]]></category>

		<guid isPermaLink="false">http://www.css4design.com/index.php/2007/10/17/136-rollsense-google-adsense-du-contenu-ou-revolution-dans-lechange-de-lien</guid>
		<description><![CDATA[C&#8217;est grâce à Alexis que j&#8217;ai découvert rollSense. Je m&#8217;attendais à un Criteo de plus, mais passé le stade de la découverte, rollSense me parait plus attractif, plus fun à utiliser. Alors que Criteo propose à vos visiteurs des sites qui ont un rapport avec le vôtre, rollSense recommande à vos lecteurs des articles en relation avec le thème de vos pages. Une fois le widget installé, chaque fois qu&#8217;un lecteur cliquera sur un de vos billets pour le lire, rollSense fournira ses recommandations. Il est possible de sélectionner soi-même les sources d&#8217;information dans lesquelles le service puisera pour afficher [...]]]></description>
			<content:encoded><![CDATA[<p>C&#8217;est grâce à <a href="http://blog.alcd.be/165-mise-a-jour-de-ma-rollsense">Alexis</a> que j&#8217;ai découvert <a href="http://www.rollsense.com">rollSense</a>. Je m&#8217;attendais à un <a href="http://www.criteo.com">Criteo</a> de plus, mais passé le stade de la découverte,  <em>rollSense</em> me parait plus attractif, plus <em>fun</em> à utiliser. Alors que <em>Criteo</em> propose à vos visiteurs des sites qui ont un rapport avec le vôtre, <em>rollSense</em> recommande à vos lecteurs des articles en relation avec le thème de vos pages. Une fois le <em>widget</em> installé, chaque fois qu&#8217;un lecteur cliquera sur un de vos billets pour le lire, rollSense fournira ses recommandations. Il est possible de sélectionner soi-même les sources d&#8217;information dans lesquelles le service puisera pour afficher ses résultats et ne mettre que son site ou son réseau de sites. Et pourquoi pas, créer un réseau de liens réciproques comme <a href="http://www.google.fr/">Google</a> les aime tant ;)<span id="more-141"></span></p>

<h6>Cerise sur le gâteau, des liens sponsorisés et ciblés (tiens ça ne vous rappelle rien ?) fournis par <a href="http://searchmarketing.yahoo.com/fr_FR/">Yahoo! Search Marketing</a>  peuvent contribuer à la monétisation de votre blog, ce qui ne peut pas lui faire de mal :)</h6>

<p><a href="/files/2007/10/rollsense.jpg" title="rollsense"><img src="/files/2007/10/rollsense.jpg" alt="rollsense" width="450" /></a></p>

<h3>rollSense en bref</h3>

<ul>
    <li>Vous décidez d&#8217;où viennent les articles recommandés,</li>
    <li>Les articles recommandés le sont par rapport au billet que parcoure votre lecteur,</li>
    <li>Facile à activer, <em>rollSense</em> ne demande que l&#8217;adresse de votre blog et votre <em>blogroll</em> ou <acronym title="Outline Processor Markup Language">OPML</acronym>,</li>
    <li>Installation simple sur le blog, vous copiez et collez un bout de code HTML,</li>
    <li>Vous pourrez suivre les visites en provenance d&#8217;autres sites, comme celles générées vers votre <em>blogroll</em>,</li>
    <li><em>rollSense</em> peut aussi être utilisé pour simplement afficher les billets les plus récents de votre <em>blogroll</em>, éventuellement filtrés par vos mots clés</li>
</ul>

<h3>Allez, hop ! je m&#8217;inscris</h3>

<p>5 champs à remplir, plus la case concernant les conditions d&#8217;utilisation à cocher et je reçois le mail d&#8217;activation qui me renvoie curieusement sur une page m&#8217;indiquant que mon &laquo;&nbsp;canal&nbsp;&raquo; n&#8217;est pas valide&#8230; Demander le minimum d&#8217;information à l&#8217;inscription c&#8217;est bien, mais ils auraient pu demander l&#8217;adresse du flux dès le départ et nous faire économiser un clic ! Je clique néanmoins sur &laquo;&nbsp;OK&nbsp;&raquo; et j&#8217;arrive sur la page pour initialiser mon canal <em>rollSense</em>.</p>

<p>Je regrette (comme souvent) le choix restreint des intitulés de rubriques pour classer mon blog : je n&#8217;ai rien trouvé de mieux que &laquo;&nbsp;Ordinateurs &amp; Internet&nbsp;&raquo;&#8230; triste, non ?</p>

<h3>Monétiser son blog ?</h3>

<p>Voilà, c&#8217;est fini ! mon inscription est en attente d&#8217;approbation. En attendant, je définis mes options de paiement qui peut s&#8217;effectuer par chèque (à partir de 100€ d&#8217;avoir) ou par <a href="http://www.paypal.com">PayPal</a> (à partir de 60€). Hum&#8230; si les montants ressemblent à ceux de  <a href="http://www.google.com/adsense">Google Adsense</a>,  je pourrais offrir une figurine de <em>Grendizer</em> à mon fils de 4 ans pour ses 7 ans ;) Je vais donc attendre un peu avant de donner mes informations personnelles.</p>

<p>Vous pouvez admirer ensuite votre <em>widget</em> personnalisable &#8211; dont la langue utilisée &#8211; en  largeur (de 150px à 450px) et en couleur à l&#8217;image de ce qui se fait habituellement. Pour un meilleur contrôle, je vous conseille quand même de modifier les valeurs directement dans le code, c&#8217;est pas sorcier ;)</p>

<h4>Yahoo! Search Marketing ?</h4>

<p>Je ne sais pas si vous êtes comme moi, mais j&#8217;avais presque fini par oublier qu&#8217;il y avait une vie en dehors de <em>Google</em> dans le domaine de la publicité contextuelle d&#8217;envergure. Je me dit que c&#8217;est assez bien vu de la part de <a href="http://www.yahoo.fr">Yahoo!</a> de <strong>s&#8217;associer avec <em>rollSense</em> pour tenter de tailler des croupières à <em>Google</em> sur son terrain de jeux</strong> par le biais d&#8217;un <em>widget</em> qui a tout pour plaire.</p>

<h3>Je suis emballé</h3>

<p>Pour commencer, je me servirai certainement de <em>rollSense</em> pour faire des liens croisés entre les articles publiés sur <a href="http://www.notoriousblog.fr" title="Maintenant, vous êtes sur scène !">Notorious Blog</a> et celui-ci, en indiquant pour chacun d&#8217;eux le flux de l&#8217;autre. Sinon, il est possible de faire les choses en grand en ajoutant n&#8217;importe quel fichier <acronym title="Outline Processor Markup Language">OPML</acronym> : pourquoi pas la liste de vos <a href="http://blogmarks.net">blogmarks</a> favoris ?</p>

<p>Installé par simple curiosité au début, ce widget vient déjà de prendre sa place dans la page des billets et a même remplacé la liste des derniers billets publiés. Le fait de spécifier soi-même les flux pris en compte &#8211; et uniquement ceux-ci &#8211; est un plus indéniable qui permet d&#8217;<strong>envisager autrement la notion d&#8217;échange de liens, un peu <em>has been</em>, il faut bien le dire, malgré son efficacité redoutable</strong> ;)</p>

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

<ul class='related_post'><li><a href='http://css.4design.tl/7-etapes-pour-demander-une-prime-de-risque-en-qualite-de-trafiquant-de-pagerank' title='7 étapes pour demander une prime de risque en qualité de trafiquant de PageRank !'>7 étapes pour demander une prime de risque en qualité de trafiquant de PageRank !</a></li><li><a href='http://css.4design.tl/le-pret-a-bloguer-bride-t-il-la-creativite' title='Le prêt-à-bloguer bride-t-il la créativité ?'>Le prêt-à-bloguer bride-t-il la créativité ?</a></li><li><a href='http://css.4design.tl/sites-de-contenus-vs-sites-commerciaux' title='Sites de contenus vs sites commerciaux ?'>Sites de contenus vs sites commerciaux ?</a></li><li><a href='http://css.4design.tl/interesses-par-la-monetisation-de-votre-contenu-jettez-un-oeil-sur-google-adsense' title='Intéressés par la monétisation de votre contenu ? Jettez un oeil sur Google AdSense'>Intéressés par la monétisation de votre contenu ? Jettez un oeil sur Google AdSense</a></li><li><a href='http://css.4design.tl/ressources-pour-web-designer' title='9 ressources pour web designer'>9 ressources pour web designer</a></li></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=141&amp;md5=cbc4ee2dc4d8e04dd4d6570ee12670ff" title="Flattr" target="_blank"><img src="http://css.4design.tl/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css.4design.tl/rollsense-google-adsense-du-contenu-ou-revolution-dans-lechange-de-lien/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		<atom:link rel="payment" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Frollsense-google-adsense-du-contenu-ou-revolution-dans-lechange-de-lien&amp;language=fr_FR&amp;category=text&amp;title=rollSense+%3A+Google+Adsense+du+contenu+ou+r%C3%A9volution+dans+l%26%23039%3B%C3%A9change+de+lien+%3F&amp;description=C%26%238217%3Best+gr%C3%A2ce+%C3%A0+Alexis+que+j%26%238217%3Bai+d%C3%A9couvert+rollSense.+Je+m%26%238217%3Battendais+%C3%A0+un+Criteo+de+plus%2C+mais+pass%C3%A9+le+stade+de+la+d%C3%A9couverte%2C+rollSense+me+parait+plus+attractif%2C+plus+fun+%C3%A0...&amp;tags=AdSense%2CBlogosph%C3%A8re%2CGoogle%2CNotorious+Blog%2Cpublicit%C3%A9%2CWidget%2Cblog" type="text/html" />
	</item>
		<item>
		<title>StumbleUpon. Trébuchez, il en restera toujours quelque chose</title>
		<link>http://css.4design.tl/stumbleupon-trebuchez-il-en-restera-toujours-quelque-chose</link>
		<comments>http://css.4design.tl/stumbleupon-trebuchez-il-en-restera-toujours-quelque-chose#comments</comments>
		<pubDate>Tue, 24 Jul 2007 16:30:40 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://www.css4design.com/blog-reloaded/?p=109</guid>
		<description><![CDATA[Le hasard &#8211; un pic de visite inhabituel dans mes statistiques dès le début de matinée &#8211; m&#8217;a fait découvir l&#8217;étonnant StumbleUpon dont le nom évoque le fait de trébucher sur quelque chose. En l&#8217;occurence, ce site nous propose de trébucher sans arrêt sur le réseau pour découvrir de nouveaux sites. Ces nouveaux sites sont ajoutés par les internautes qui ont installé la StumbleUpon Toolbar qui propose, entre autre, le bouton Stumble pour pousser le navigateur en avant afin de nous faire découvrir un site. A noter qu&#8217;il est possible lors de l&#8217;inscription de sélectionner les thèmes dans lesquels le [...]]]></description>
			<content:encoded><![CDATA[<p>Le hasard &#8211; un pic de visite inhabituel dans mes statistiques dès le début de matinée &#8211;  m&#8217;a fait découvir l&#8217;étonnant <a href="http://www.stumbleupon.com/">StumbleUpon</a> dont le nom évoque le fait de trébucher sur quelque chose. En l&#8217;occurence, ce site nous propose de trébucher sans arrêt sur le réseau pour découvrir de nouveaux sites.</p>

<p>Ces nouveaux sites sont ajoutés par les internautes qui ont installé la <em>StumbleUpon Toolbar</em> qui propose, entre autre, le bouton <em>Stumble</em> pour pousser le navigateur en avant afin de nous faire découvrir un site. A noter qu&#8217;il est possible lors de l&#8217;inscription de sélectionner les thèmes dans lesquels le site piochera les sites à présenter.</p>

<p>Un clic sur le bouton <em>I like it</em> entraîne une visite pour le site que l&#8217;on &laquo;&nbsp;note&nbsp;&raquo; ainsi. Si le site en question ne fait pas partie de la sélection (il n&#8217;a pas été &laquo;&nbsp;liké&nbsp;&raquo; auparavant) une fenêtre vous propose de le faire.</p>

<p>Bref, vous l&#8217;aurez compris, aussitôt découvert, aussitôt adopté. Et je ne dis pas ça uniquement parce qu&#8217;il s&#8217;agit d&#8217;un moyen supplémentaire d&#8217;assurer la promotion de son blog :) C&#8217;est surtout un bon moyen pour découvrir facilement des nouveaux sites. En ce qui me concerne, en quelques minutes d&#8217;utilisation, j&#8217;ai découvert le surprenant <a href="http://www.dontclick.it/">dontclick.it</a> dont l&#8217;objectif est de démontrer que l&#8217;on peut très bien naviguer sur un site sans un seul clic !</p>

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

<ul class='related_post'><li>Pas d&#8217;articles sur le même sujet</li></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=112&amp;md5=5426735dd564901b2e7862eec95d01cf" title="Flattr" target="_blank"><img src="http://css.4design.tl/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css.4design.tl/stumbleupon-trebuchez-il-en-restera-toujours-quelque-chose/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		<atom:link rel="payment" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Fstumbleupon-trebuchez-il-en-restera-toujours-quelque-chose&amp;language=fr_FR&amp;category=text&amp;title=StumbleUpon.+Tr%C3%A9buchez%2C+il+en+restera+toujours+quelque+chose&amp;description=Le+hasard+%26%238211%3B+un+pic+de+visite+inhabituel+dans+mes+statistiques+d%C3%A8s+le+d%C3%A9but+de+matin%C3%A9e+%26%238211%3B+m%26%238217%3Ba+fait+d%C3%A9couvir+l%26%238217%3B%C3%A9tonnant+StumbleUpon+dont+le+nom+%C3%A9voque+le+fait+de+tr%C3%A9bucher...&amp;tags=blog" type="text/html" />
	</item>
		<item>
		<title>Quels sont les services web 2.0 que j&#039;ai utilisés aujourd’hui ?</title>
		<link>http://css.4design.tl/quels-sont-les-services-web-2-0-que-j-ai-utilises-aujourdhui</link>
		<comments>http://css.4design.tl/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[<p>Le <a href="http://www.misterpatate.fr/?p=254" title="aka Mister Patate">Prince d&#8217;OpenLaszlo</a> vient de me convier à poursuivre une chaîne initiée par <a href="http://altaide.typepad.com/about.html">Jacques Froissant</a> d&#8217;<a href="http://altaide.typepad.com/">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">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/">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">Gmail Drive</a> pour quelques sauvegardes).</li>
    <li> <a href="http://twitter.com/br1o">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">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/">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">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">Post-it</a> : Pour prendre des notes avec une page web sous les yeux.</li>
    <li> <a href="http://www.google.com/notebook/">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/">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/">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/">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/">OpenOffice.org</a>).</li>
    <li> <a href="http://entreprise.01net.com/windows/Bureautique/agenda/fiches/30844.html">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/">WordPress</a> : Code Quantum!</li>
    <li> <a href="http://www.dotclear.net/">DotClear</a> : Da Vinci Code!</li>
    <li> <a href="http://www.google.com/reader/">Google Reader</a> : celui que j&#8217;utilise le plus. Je teste également <a href="http://www.bloglines.com/">bloglines</a> et <a href="http://www.newsgator.com/">newsgator</a>.</li>
</ul>

<h3>Statistiques</h3>

<ul>
    <li> <a href="http://www.google.com/analytics/">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/">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/">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/">Spongestats</a> : Développé par <a href="http://www.gougueule.com/">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/">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/">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/">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/">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/">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">Text-Link-Ads</a> : prometteur.</li>
    <li> <a href="http://www.google.com/adsense">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/">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/">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">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/">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/">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">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/">del.icio.us</a> a calé&#8230;</li>
</ul>

<h3>Musique</h3>

<ul>
    <li> <a href="http://www.radioblogclub.com/">radioblog</a> : pour écouter de la musique et en mettre sur votre blog.</li>
    <li> <a href="http://www.blogmusik.net/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">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">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">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">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">43Things</a></li>
    <li><a href="http://www.css4design.com/index.php/2007/04/14/79-twitter-signal-social-microblogging-et-moblogging-web-20">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">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?">Laeti</a>, <a href="http://www.odd-tales.com/">myev</a> et <a href="http://www.pixellum.com/">Blazouf</a></p>

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

<ul class='related_post'><li><a href='http://css.4design.tl/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://css.4design.tl/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://css.4design.tl/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://css.4design.tl/mesure-d-audience-google-ecriture-des-mots-clefs-au-clickrank' title='Mesure d&#8217;audience : des mots-clefs au ClickRank'>Mesure d&#8217;audience : des mots-clefs au ClickRank</a></li><li><a href='http://css.4design.tl/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://css.4design.tl/?flattrss_redirect&amp;id=108&amp;md5=45fcbe7651f30bb90b5b986b02dac085" title="Flattr" target="_blank"><img src="http://css.4design.tl/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css.4design.tl/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="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Fquels-sont-les-services-web-2-0-que-j-ai-utilises-aujourdhui&amp;language=fr_FR&amp;category=text&amp;title=Quels+sont+les+services+web+2.0+que+j%26%23039%3Bai+utilis%C3%A9s+aujourd%E2%80%99hui+%3F&amp;description=Le+Prince+d%26%238217%3BOpenLaszlo+vient+de+me+convier+%C3%A0+poursuivre+une+cha%C3%AEne+initi%C3%A9e+par+Jacques+Froissant+d%26%238217%3BAlta%C3%AFde+%26%238211%3B+probablement+le+chasseur+de+t%C3%AAte+2.0+le+plus+chass%C3%A9+d%26%238217%3Binternet+%3B%29+%26%238211%3B+dont...&amp;tags=Ajax%2CBlog%2CDotclear%2CGoogle%2CR%C3%A9seaux+sociaux%2CWeb+2.0%2CWordPress%2Cblog" type="text/html" />
	</item>
		<item>
		<title>43 Things : what do you want to do with your life?</title>
		<link>http://css.4design.tl/43-things-what-do-you-want-to-do-with-your-life</link>
		<comments>http://css.4design.tl/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[<p><img class="il" 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 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>

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

<ul class='related_post'><li><a href='http://css.4design.tl/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://css.4design.tl/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://css.4design.tl/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://css.4design.tl/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://css.4design.tl/le-petit-journal-du-web-non-twitter-na-pas-tue-les-backlinks-la-preuve' title='Le petit journal du web &#8212; Non, Twitter n&#039;a pas tué les Backlinks&#8230; La preuve !'>Le petit journal du web &#8212; Non, Twitter n&#039;a pas tué les Backlinks&#8230; La preuve !</a></li></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=89&amp;md5=58513a9759500f12c0ab60cc1a853adc" title="Flattr" target="_blank"><img src="http://css.4design.tl/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css.4design.tl/43-things-what-do-you-want-to-do-with-your-life/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<atom:link rel="payment" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2F43-things-what-do-you-want-to-do-with-your-life&amp;language=fr_FR&amp;category=text&amp;title=43+Things+%3A+what+do+you+want+to+do+with+your+life%3F&amp;description=Qu%26%238217%3Best-ce+que+j%26%238217%3Bai+envie+de+faire+dans+la+vie+%3F+Un+tas+de+chose+en+fait.+Et+comme+beaucoup+de+monde%2C+si+j%26%238217%3Ben+r%C3%A9alisais+une+fraction+je+serais+d%C3%A9j%C3%A0+bien...&amp;tags=R%C3%A9seaux+sociaux%2CWeb+2.0%2Cblog" type="text/html" />
	</item>
		<item>
		<title>Twitter : Signal social, microblogging et moblogging</title>
		<link>http://css.4design.tl/twitter-signal-social-microblogging-et-moblogging-web-20</link>
		<comments>http://css.4design.tl/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[<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 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 href="http://en.wikipedia.org/wiki/Moblog">moblogging</a> et le <a 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 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 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 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 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 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 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 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 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 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 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 href="http://www.vinch.be/2007/04/11/twitter-je-me-prends-au-jeu/">Vinch</a></li>
    <li>Chez <a href="http://climbtothestars.org/archives/2007/03/15/twitter-cest-quoi-explications/">Stéphanie Booth</a></li>
    <li>Chez <a href="http://xtof.viabloga.com/news/voulez-vous-twitter-avec-moi-ce-soir">xtof</a></li>
    <li>Chez <a 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 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 href="http://altaide.typepad.com/jacques_froissant_altade/2007/04/la_folie_twitte.html">Jacques Froissant</a></li>
    <li>Chez <a 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://css.4design.tl/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://css.4design.tl/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://css.4design.tl/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://css.4design.tl/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://css.4design.tl/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://css.4design.tl/?flattrss_redirect&amp;id=85&amp;md5=3b507f7ae15795a9625acbdf0c9e8040" title="Flattr" target="_blank"><img src="http://css.4design.tl/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css.4design.tl/twitter-signal-social-microblogging-et-moblogging-web-20/feed</wfw:commentRss>
		<slash:comments>14</slash:comments>
		<atom:link rel="payment" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Ftwitter-signal-social-microblogging-et-moblogging-web-20&amp;language=fr_FR&amp;category=text&amp;title=Twitter+%3A+Signal+social%2C+microblogging+et+moblogging&amp;description=Dans+la+s%C3%A9rie+je+suis+un+gar%C3%A7on+influen%C3%A7able%2C+en+voici+la+preuve+%3A+comme+tout+le+monde%2C+j%26%238217%3Bai+entendu+parler+de+Twitter+qui+permet+de+laisser+des+traces+de+ce...&amp;tags=Blog%2CCommentaires+conditionnels%2CR%C3%A9seaux+sociaux%2CWeb+2.0%2Cblog" 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: basic

Served from: css.4design.tl @ 2012-05-21 16:26:23 -->
