<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:creativeCommons="http://backend.userland.com/creativeCommonsRssModule" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel xml:lang="fr">
	<title>romy.tetue.net</title>
	<link>http://romy.tetue.net/</link>
	<description>Romy Duhem-Verdière, conception et intégration X-HTML et CSS, indépendante spécialisée SPIP, accessibilité et standards W3C.</description>
	<language>fr</language>
	<generator>SPIP - www.spip.net</generator>

	<image><link>http://creativecommons.org/licenses/by-nd/2.0/</link><url>http://creativecommons.org/images/public/somerights20.gif</url><title>Some Rights Reserved</title></image>



<creativeCommons:license>http://creativecommons.org/licenses/by-nd/2.0/</creativeCommons:license><xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/romy" type="application/rss+xml" /><feedburner:emailServiceId>romy</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><feedburner:browserFriendly>This is an XML content feed. It is intended to be viewed in a newsreader or syndicated to another site, subject to copyright and fair use.</feedburner:browserFriendly><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com" /><item xml:lang="fr">
		<title>Éléments HTML 5 de structure</title>
		<link>http://feedproxy.google.com/~r/romy/~3/R2NS-L6_yx8/elements-html-5-de-structure</link>
		<guid isPermaLink="false">http://romy.tetue.net/elements-html-5-de-structure</guid>
		<dc:date>2009-07-15T13:15:00Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Romy Duhem-Verdière</dc:creator>


		<dc:subject>HTML</dc:subject>
		<dc:subject>sémantique</dc:subject>

		<description>&lt;p&gt;Exemple de structure HTML 5 et définition des nouveaux éléments : section, article, header, footer, etc. Moins évident qu'il n'y paraît de prime abord, mais très intéressant, HTML 5 va swinguer dans nos petites habitudes de composition !&lt;/p&gt;

-
&lt;a href="http://romy.tetue.net/web-design/" rel="directory"&gt;Web Design&lt;/a&gt;

/ 
&lt;a href="http://romy.tetue.net/html" rel="tag"&gt;HTML&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/semantique" rel="tag"&gt;sémantique&lt;/a&gt;

		</description>


 <content:encoded><![CDATA[<img src="http://romy.tetue.net/local/cache-vignettes/L150xH138/arton593-62b8d.png" alt="" align="right" width='150' height='138' class='spip_logos' style='height:138px;width:150px;' />
		<div class='rss_chapo'><p>Moins évident qu'il n'y paraît de prime abord, mais très intéressant, HTML 5 va swinguer dans nos petites habitudes de composition !</p></div>
		<div class='rss_texte'><p>D'un site à l'autre, nous retrouvons des éléments structurels identiques, répondant aux mêmes besoins : une navigation principale, un en-tête, un pied de page et des contenus organisés en différentes sections... Et pourtant, le langage qui sert à structurer le Web reste terriblement rudimentaire, ne fournissant pas de véritables éléments d'interface.</p> <p>La prochaine version du <abbr title="Hypertext Markup Language" lang="en">HTML</abbr> devrait se rapprocher du <abbr title="Extensible Markup Language" lang="en">XML</abbr> en permettant d'écrire des blocs aux intitulés signifiants. En effet, le HTML 5 définit un <a href='http://www.whatwg.org/specs/web-apps/current-work/#content-models' class='spip_out' hreflang='en' title="New content model concepts">nouveau modèle d'organisation des contenus</a> et fourni des éléments de structure : au lieu de monter la page à force de <code class='spip_code' dir='ltr'>div</code> dotées de <code class='spip_code' dir='ltr'>class</code> et d'<code class='spip_code' dir='ltr'>ID</code> distinctifs, comme les sempiternels <code class='spip_code' dir='ltr'><div id="header"></code>, <code class='spip_code' dir='ltr'><div id="content"></code> et <code class='spip_code' dir='ltr'><div id="footer"></code>, on utilise des balises dédiées, plus explicites : <code class='spip_code' dir='ltr'><header>, <article>, <nav> ou encore <footer></code>.</p> <p>Sachez qu'il est d'ores et déjà possible d'utiliser ces éléments de structure : si les navigateurs actuels ne les comprennent pas, ils n'en font pas une maladie, et les traitent comme s'il s'agissait de <code class='spip_code' dir='ltr'><span></code> [<a href='http://romy.tetue.net/#nb1' class='spip_note' rel='footnote' title='Plus précisément : les navigateurs n'appliquent pas de style par défaut à ces (...)' id='nh1'>1</a>]. Fonçons !</p> <p><a name="exemple"></a></p> <h2>
Exemple de structure HTML 5</h2>
<p>Cet affreux petit schéma vous plongera directement au cœur du sujet :</p> <p><span class='spip_document_1510 spip_documents spip_documents_center' >
<img src='http://romy.tetue.net/local/cache-vignettes/L454xH417/structure-html5-b4386.png' width='454' height='417' alt="Exemple de structure HTML 5" title="Exemple de structure HTML 5" style='height:417px;width:454px;' /></span></p> <p>Le plus déroutant est certainement la façon dont ces éléments peuvent être imbriqués les uns dans les autres. Il ne s'agit plus tant de définir les blocs principaux de la page, du moins pas seulement... c'est chaque bloc de la page qu'il convient de structurer, avec ces nouvelles balises.</p> <h2>
Découvrons ces nouveaux éléments de structure</h2>
<p>Attention, les définitions ci-dessous sont tirées d'un brouillon de spécification [<a href='http://romy.tetue.net/#nb2' class='spip_note' rel='footnote' title='Le groupe de travail du W3C a publié le premier brouillon (draft) de la (...)' id='nh2'>2</a>] et sont donc susceptibles d'évoluer. Mais elles donnent déjà une idée, très intéressante, de la façon dont seront structurées les pages web à l'avenir.</p> <ul class="spip"><li> Comme toujours, <a href='http://dev.w3.org/html5/spec/Overview.html#the-body-element' class='spip_out' hreflang='en' title="The body element">l'élément <dfn><code class='spip_code' dir='ltr'>body</code></dfn></a>, unique, délimite le corps du document.</li><li> Comme son nom l'indique, <a href='http://dev.w3.org/html5/spec/Overview.html#the-section-element' class='spip_out' hreflang='en' title="The section element">l'élément <dfn><code class='spip_code' dir='ltr'>section</code></dfn></a> permet de définir les différentes sections thématiques du document, permettant d'en établir le plan, un peu comme les chapitres d'un livre. Une section distingue un bloc logique de contenu (pour les autres blocs, on utilisera des <code class='spip_code' dir='ltr'>div</code>). Elle peut elle-même se se subdiviser en plusieurs sections et être constituée d'un en-tête, d'un pied, et d'une navigation.</li><li> <a href='http://dev.w3.org/html5/spec/Overview.html#the-nav-element' class='spip_out' hreflang='en' title="The nav element">L'élément <dfn><code class='spip_code' dir='ltr'>nav</code></dfn></a> signale la navigation principale du site, qu'elle soit en barre de navigation horizontale ou en menu latéral. C'est donc une liste de liens qui conduisent aux autres contenus du site (ou de la page).</li><li> <a href='http://dev.w3.org/html5/spec/Overview.html#the-article-element' class='spip_out' hreflang='en' title="The article element">L'élément <dfn><code class='spip_code' dir='ltr'>article</code></dfn></a> délimite une portion du document. Ce peut être un message de forum, un article de presse, un billet de blog ou toute autre portion de contenu indépendant. Un <code class='spip_code' dir='ltr'>article</code> imbriqué dans un autre désignera une citation [<a href='http://romy.tetue.net/#nb3' class='spip_note' rel='footnote' title='Attention, l'élément article ne représente pas nécessairement un texte provenant (...)' id='nh3'>3</a>].</li><li> <a href='http://dev.w3.org/html5/spec/Overview.html#the-aside-element' class='spip_out' hreflang='en' title="The aside element">L'élément <dfn><code class='spip_code' dir='ltr'>aside</code></dfn></a> contient les contenus contextuels, c'est-à-dire en relation thématique avec ce qui l'entoure, mais qu'il est possible d'appréhender séparément du reste de la page, comme par exemple une série de liens « sur le même thème » ou un encadré dans l'article.</li><li> Déjà bien connus, les éléments <dfn><code class='spip_code' dir='ltr'>h1</code>, <code class='spip_code' dir='ltr'>h2</code>, <code class='spip_code' dir='ltr'>h3</code>, <code class='spip_code' dir='ltr'>h4</code>, <code class='spip_code' dir='ltr'>h5</code> et <code class='spip_code' dir='ltr'>h6</code></dfn> sont des titres de différents niveaux, hiérarchiques, permettant de structurer le document.</li><li> <a href='http://dev.w3.org/html5/spec/Overview.html#the-header-element' class='spip_out' hreflang='en' title="The header element">L'élément <dfn><code class='spip_code' dir='ltr'>header</code></dfn></a> est une entrée en matière qui contient la titraille (au moins un <code class='spip_code' dir='ltr'>hn</code>) et ce qui permet d'identifier la section qu'il amorce (logo). Il peut également contenir quelques liens de navigation interne, un sommaire, un formulaire de recherche, etc. Mais ce n'est pas un résumé ni un chapo descriptif.</li><li> <a href='http://www.w3.org/TR/html5/semantics.html#the-footer-element' class='spip_out' hreflang='en' title="The footer element">L'élément <dfn><code class='spip_code' dir='ltr'>footer</code></dfn></a> contient les informations traditionnelles de pied de page : auteur, droits de reproduction, etc. de la section à laquelle il est appliqué. Cet élément peut être présent plusieurs fois dans la page : dans chaque <code class='spip_code' dir='ltr'>section</code>, <code class='spip_code' dir='ltr'>article</code>, etc. Contrairement à ce que son nom laisse entendre, il ne se place pas nécessairement à la fin. Voici un exemple d'application avec explications détaillées : <span lang="en"><a href='http://html5doctor.com/the-footer-element/' class='spip_out' hreflang='en'>The footer element</a>, by HTML5 Doctor</span>.</li><li> <a href='http://www.w3.org/TR/html5/semantics.html#the-address-element' class='spip_out' hreflang='en' title="The address element">L'élément <dfn><code class='spip_code' dir='ltr'>address</code></dfn></a> signale les coordonnées de contact de l'article ou de la section parente.</li></ul>
<p>Accrochez-vous bien, car HTML 5 va swinguer dans nos petites habitudes !</p></div>
		<hr />
		<div class='rss_notes'><p>[<a href='http://romy.tetue.net/#nh1' id='nb1' class='spip_note' title='Notes 1' rev='footnote'>1</a>] Plus précisément : les navigateurs n'appliquent pas de style par défaut à ces nouvelles balises qu'ils ne reconnaissent pas, et les traitent donc comme un élément inline. Un <code class='spip_code' dir='ltr'>display: block;</code> fait l'affaire. Sauf sous Internet Explorer... où il suffit d'ajouter un JavaScript déclarant ces nouvelles balises afin qu'IE6 les reconnaisse et accepte de les styler, cf. : <span lang="en"><a href='http://viralpatel.net/blogs/2009/05/html-5-the-new-html-kid-on-the-block.html' class='spip_out' hreflang='en'>HTML 5 : The new HTML kid on the block !</a>, by Viral Patel on May 27, 2009</span>.</p> <p>[<a href='http://romy.tetue.net/#nh2' id='nb2' class='spip_note' title='Notes 2' rev='footnote'>2</a>] Le groupe de travail du W3C a publié le premier brouillon (<span lang="en">draft</span>) de la future spécification de HTML5 début janvier 2008 et poursuit son développement : <a href='http://dev.w3.org/html5/spec/Overview.html' class='spip_out' hreflang='en'>HTML 5 - Editor's Draft 12 July 2009</a>. Il ne semble pas encore en exister de <a href='http://www.w3.org/2005/11/Translations/Lists/ListLang-fr.html' class='spip_out' hreflang='en' title="French Translations of W3C Documents">traduction française</a>. Notons seulement celle-ci : <a href='http://w3c.britoweb.net/html5-diff/2008-06-10.html' class='spip_out'>Différences de HTML 5 par rapport à HTML 4</a>.</p> <p>[<a href='http://romy.tetue.net/#nh3' id='nb3' class='spip_note' title='Notes 3' rev='footnote'>3</a>] Attention, l'élément <code class='spip_code' dir='ltr'>article</code> ne représente pas nécessairement <q>un texte provenant d'une source externe</q> comme le prétend à tord cet article d'Alsacréations souvent cité en référence : <a href='http://www.alsacreations.com/article/lire/750-HTML5-nouveautes.html' class='spip_out'>HTML5 se dévoile</a> !</p></div>
		<div class='rss_ps'><p>Ils en parlent aussi :
<br />- <a href='http://s-jdm.developpez.com/tutoriels/html/traductions/presentation-html5/' class='spip_out'>Un avant goût du HTML 5</a>, traduction de <span lang="en"><a href='http://www.alistapart.com/articles/previewofhtml5/' class='spip_out' hreflang='en'>A Preview of HTML 5</a>, by Lachlan Hunt, 4/12/2007</span>.
<br />- <a href='http://www.andibox.com/balises-html-5-referencement-universel.html' class='spip_out'>Utilisation des nouvelles balises HTML 5 pour le référencement universel</a>, par Maxime Bridon, 5/02/2008.
<br />- <a href='http://orderedlist.com/articles/structural-tags-in-html5' class='spip_out' hreflang='en'>Structural Tags in HTML5</a>, Steve Smith, 11/01/2009.</p> <p>Et voici deux tutoriels (en anglais) permettent de comprendre en mettant les mains dans le cambouis :
<br />- <span lang="en"><a href='http://net.tutsplus.com/tutorials/html-css-techniques/html-5-and-css-3-the-techniques-youll-soon-be-using/' class='spip_out' hreflang='en'>HTML 5 and CSS 3 : The Techniques You'll Soon Be Using</a>, by Mads Kjaer, 6/07/2009</span>
<br />- <span lang="en"><a href='http://www.brucelawson.co.uk/2009/marking-up-a-blog-with-html-5-part-2/' class='spip_out' hreflang='en'>Marking up a blog with HTML 5 (part 2)</a>, by Bruce Lawson, 6/03/2009</span></p></div>
		<img src="http://feeds.feedburner.com/~r/romy/~4/R2NS-L6_yx8" height="1" width="1"/>]]></content:encoded>


		

	<feedburner:origLink>http://romy.tetue.net/elements-html-5-de-structure</feedburner:origLink></item>
<item xml:lang="fr">
		<title>Je suis 34 % accro à Twitter, et vous ?</title>
		<link>http://feedproxy.google.com/~r/romy/~3/QlqCwPAyOls/34-addicted-to-twitter</link>
		<guid isPermaLink="false">http://romy.tetue.net/34-addicted-to-twitter</guid>
		<dc:date>2009-07-13T20:37:01Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Romy Duhem-Verdière</dc:creator>


		<dc:subject>quiz</dc:subject>
		<dc:subject>réseaux sociaux</dc:subject>
		<dc:subject>twitter</dc:subject>

		<description>&lt;p&gt;Générez votre logo à la mode Twitter et découvrez combien vous êtes accro. Wôh !&lt;/p&gt;

-
&lt;a href="http://romy.tetue.net/web-et-compagnie/" rel="directory"&gt;Web et compagnie&lt;/a&gt;

/ 
&lt;a href="http://romy.tetue.net/quiz" rel="tag"&gt;quiz&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/reseaux-sociaux" rel="tag"&gt;réseaux sociaux&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/twitter-284" rel="tag"&gt;twitter&lt;/a&gt;

		</description>


 <content:encoded><![CDATA[<img src="http://romy.tetue.net/local/cache-vignettes/L134xH150/arton594-92021.jpg" alt="" align="right" width='134' height='150' class='spip_logos' style='height:150px;width:134px;' />
		<div class='rss_texte'><p>Twitter, Twitter, Twitter... on ne parle que de ça. Surtout depuis que, paraît-il, ça fait la <a href='http://www.liberation.fr/monde/0101574203-iran-la-revolution-twitter' class='spip_out' title="Iran, la révolution Twitter ?">révolution en Iran</a>, la <a href='http://www.axonpost.com/2009/06/18/twitter-au-coeur-de-la-revolution-iranienne-cest-une-farce-ou-quoi/' class='spip_out' title="Twitter au coeur de la révolution iranienne ? C'est une farce ou quoi ?">bonne blague</a> ! Je suis toujours aussi tiède face à l'engouement suscité par <a href='http://fr.wikipedia.org/wiki/Twitter' class='spip_glossaire'>Twitter</a>, ce si célèbre outil de micro-blogging... C'est rigolo, surtout quand <a href='http://www.nabaztag.com/' class='spip_out'>mon lapin</a> me lit les <i lang="en">tweets</i> (gazouillis) des amis et amies, mais je n'y consacrerais pas plus de temps que ça. Je n'ai pas le temps d'aller lire.</p> <p>Ainsi ne suis-je que peu accro à Twitter. Et vous ? Pour le savoir, <strong>faites le test <q lang="en"><a href='http://theoatmeal.com/quiz/twitter_addict' class='spip_out' hreflang='en'>How addicted to Twitter are you ?</a></q></strong> (découvert via <a href='http://www.emilieogez.com/2009/07/10/i-am-90-addicted-to-twitter/' class='spip_out'>Émilie Ogez</a>). C'est en anglais, mais quelques coups de <a href='http://translate.google.fr/' class='spip_out'>Google traduction</a> le rendent accessible. Nan, je ne tweete pas encore depuis mes <abbr title="Water closets" lang="en">WC</abbr>, oui, j'utilise l'<a href='http://www.facebook.com/apps/application.php?id=2231777543' class='spip_out'>application Twitter</a> de Facebook, et j'aimerais bien tweeter avec mon téléphone portable, mais je n'y suis jamais parvenue. Enfin, j'ai adoré la dernière question : <q lang="en">Are you going to tweet your score after you finish this quiz ?</q> (Allez-vous tweeter votre score après avoir terminé ce quiz ?) <a href='http://twitter.com/tetue/statuses/2620133212' class='spip_out'>Évidement !</a></p> <p>Les plus fanas apprécieront de relooker leur nom comme le logo à <a href='http://www.presse-citron.net/le-logo-de-twitter-aurait-rapporte-6-dollars-a-son-createur' class='spip_out' title="Le logo de Twitter aurait rapporté 6 dollars à son créateur">2 dollars</a> de Twitter, avec <strong><a href='http://www.twitlogo.com/' class='spip_out' hreflang='en'>Twitlogo</a></strong>. Même pas obligé de garder l'abominable bleu fluo <b style="color: #33CCFF;">#33CCFF</b> du logo de référence, puisque cet outil simplissime permet de choisir les couleurs et la taille de typo. Oh yeah !</p> <p><span class='spip_document_1502 spip_documents spip_documents_center' >
<img src='http://romy.tetue.net/local/cache-vignettes/L466xH96/romy-twitlogo-a8942.png' width='466' height='96' alt="romy.tetue.net sur Twitlogo" title="romy.tetue.net sur Twitlogo" style='height:96px;width:466px;' /></span></p></div>
		<div class='rss_ps'><p>Cette vidéo en parle aussi : <a href='http://tv.lepost.fr/2009/07/08/1612211_16h-a-quel-point-etes-vous-accro-a-twitter.html' class='spip_out'>16h : À quel point êtes-vous accro à Twitter ?</a>, par Twitt'heure, LePostTV, 08/07/2009, et cite <a href='http://www.rue89.com/2009/07/07/les-46-etapes-de-laccro-a-twitter-ou-en-etes-vous' class='spip_out'>les 46 étapes de l'accro à Twitter : où en êtes vous ?</a>, traduites de <span lang="en"><a href='http://www.shanenickerson.com/nickerblog/2009/06/the-46-stages-of-twitter.html' class='spip_out' hreflang='en'>the 46 stages of Twitter</a>, by Shane Nickerson, 06/21/2009</span>.</p></div>
		<img src="http://feeds.feedburner.com/~r/romy/~4/QlqCwPAyOls" height="1" width="1"/>]]></content:encoded>


		

	<feedburner:origLink>http://romy.tetue.net/34-addicted-to-twitter</feedburner:origLink></item>
<item xml:lang="fr">
		<title>Festival SPIP d'Avignon</title>
		<link>http://feedproxy.google.com/~r/romy/~3/24tkHkLUwVQ/festival-spip-avignon</link>
		<guid isPermaLink="false">http://romy.tetue.net/festival-spip-avignon</guid>
		<dc:date>2009-06-30T07:09:14Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Romy Duhem-Verdière</dc:creator>


		<dc:subject>&lt;acronym title="Système de Publication pour Internet"&gt;SPIP&lt;/acronym&gt;</dc:subject>
		<dc:subject>party</dc:subject>
		<dc:subject>Avignon</dc:subject>

		<description>Chouette week-end, comme un avant-goût de vacances, comme un souvenir de colo, où l'on ré-apprend que SPIP, c'est d'abord des gens et de la tendresse. Chose inhabituelle lors d'une rencontre SPIP, il existait un programme, qui plus est matérialisé sous la forme d'une feuille imprimée, distribuée à chacun. Mais celui-ci précisait bien : SPIP, du logiciel libre et de la tendresse, derrière cette expression, nous insistons sur le fait que vous n'assisterez pas à un événement avec des conférences réglées au (...)

-
&lt;a href="http://romy.tetue.net/atelier-spip/" rel="directory"&gt;Atelier SPIP&lt;/a&gt;

/ 
&lt;a href="http://romy.tetue.net/spip" rel="tag"&gt;&lt;acronym title="Système de Publication pour Internet"&gt;SPIP&lt;/acronym&gt;&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/party" rel="tag"&gt;party&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/avignon" rel="tag"&gt;Avignon&lt;/a&gt;

		</description>


 <content:encoded><![CDATA[<img src="http://romy.tetue.net/local/cache-vignettes/L128xH128/arton591-750a8.png" alt="" align="right" width='128' height='128' class='spip_logos' style='height:128px;width:128px;' />
		<div class='rss_chapo'><p>Chouette week-end, comme un avant-goût de vacances, comme un souvenir de colo, où l'on ré-apprend que SPIP, c'est d'abord des gens et de la tendresse.</p></div>
		<div class='rss_texte'><p>Chose inhabituelle lors d'une rencontre <acronym title="Système de Publication pour Internet">SPIP</acronym>, il existait un <a href='http://www.spip-party.net/Festival-SPIP-d-Avignon-les-26-27' class='spip_out'>programme</a>, qui plus est matérialisé sous la forme d'une feuille imprimée, distribuée à chacun. Mais celui-ci précisait bien : <q><q><strong>SPIP, du logiciel libre et de la tendresse</strong></q>, derrière cette expression, nous insistons sur le fait que vous n'assisterez pas à un événement avec des conférences réglées au poil comme il se fait ailleurs.</q> Car nous sommes d'abord des amateurs [<a href='http://romy.tetue.net/#nb1-1' class='spip_note' rel='footnote' title='Le programme papier disait textuellement : Nous ne sommes que des (...)' id='nh1-1'>1</a>]. Du plaisir partagé ce week-end naîtront certainement bien des idées émoustillantes et peut-être ultérieurement, d'épatantes évolutions.</p> <p>Mais pour commencer, il fait grand soleil, 34°C, et nous sommes accueillis par un déjeuner dans la cour, à l'ombre du figuier : melons, salades fraîches de poivrons et tomates, savoureuses tapenades, hmmm...</p> <p>Après l'initiation à SPIP animée par <a href='http://www.spip-contrib.net/spip.php?auteur1' class='spip_out'>ben.spip</a>, <a href='http://www.spip-contrib.net/spip.php?auteur1234' class='spip_out'>Yannic le magnifique</a> rappelle quelques fondamentaux, sous prétexte de guider le choix entre SPIP, Drupal, Joomla et les autres, : <q>La première question n'est pas “quel outil utiliser ?”, mais “comment sommes-nous organisés ?” <strong>Un projet éditorial c'est d'abord des gens...</strong></q> Ce qui rejoint ce que je répète dernièrement : <q>le meilleur outil est celui dont <i>je</i> me sers</q>, c'est-à-dire celui dont j'arrive à me servir, sachant que mon voisin aura plus d'aisance avec un autre. L'important n'est pas l'outil, mais ce que chacun en fait.</p> <p>Pendant ce temps, <a href='http://www.spip-contrib.net/spip.php?auteur2528' class='spip_out'>Gilles</a> nous initie à l'usage de <a href='http://fr.wikipedia.org/wiki/Subversion_%28logiciel%29' class='spip_out'>Subversion</a>, dit « <abbr title="Subversion" lang="en">SVN</abbr> », un logiciel très pratique de développement collaboratif. Chez SPIP, les téléchargement et dépôts des contributions se font sur <a href='http://zone.spip.org/trac/spip-zone/' class='spip_out'>la Zone</a>. Entre nous, on s'étonne que ce genre de logiciels ne soit pas davantage utilisé dans le milieu professionnel qui, bien souvent, en est encore à l'échange archaïque de fichiers par courriel et FTP... <a href='http://www.spip-contrib.net/spip.php?auteur6502' class='spip_out'>Marcimat</a> nous apprend ensuite à <a href='http://marcimat.magraine.net/Les-formulaires-CVT-de-SPIP' class='spip_out'>fabriquer un formulaire avec <abbr title="Charger, Vérifier, Traiter">CVT</abbr></a>, un formalisme en trois étapes — Charger, Vérifier, Traiter — qui simplifie drôlement la vie. Le lendemain, toujours pragmatique, <a href='http://www.spip-contrib.net/spip.php?auteur5384' class='spip_out'>Cedric</a> nous transmet <a href='http://www.spip-blog.net/Bug-Debug.html' class='spip_out'>ses trucs et astuces</a> pour traquer les bogues dans les squelettes et dans les scripts PHP, et les écraser à la chaîne. Pour les squelettes, je découvre <strong><code class='spip_code' dir='ltr'>&var_mode=debug</code></strong> et <code class='spip_code' dir='ltr'>&var_profile=1</code>, en plus de <code class='spip_code' dir='ltr'>&var_mode=inclure</code>.</p> <p><span class='spip_document_1475 spip_documents spip_documents_center' >
<img src='http://romy.tetue.net/local/cache-vignettes/L470xH100/ecureuils_mutins_avignon-2-76d5b.png' width='470' height='100' alt="" style='height:100px;width:470px;' /></span></p> <p>Arrivé à Avignon après un <a href='http://marcimat.magraine.net/Un-tour-de-velo' class='spip_out'>tour de France des spipmestres en vélo couché</a>, Marcimat nous présente une méthode de création de site SPIP avec des <a href='http://marcimat.magraine.net/Squelettes-SPIP-a-layout-unique' class='spip_out'>squelettes à layout unique</a>, ce qui est une approche de plus en plus fréquente, partagée par plusieurs squelettes distribués : c'est depuis longtemps le cas de <a href='http://www.spip-contrib.net/spip.php?rubrique244' class='spip_out'>SPIP-Clear</a> et une préoccupation de <a href='http://www.spip-contrib.net/Sarka-SPIP' class='spip_out'>Sarka-SPIP</a>, <a href='http://www.spip-contrib.net/Magusine' class='spip_out'>Magusine</a>, etc.
<br />Ces derniers mois, Marcimat et Cédric ont fabriqué chacun un squelette de ce type, respectivement appelé « Zesty » et « SPIP-Zen » : reposant sur une <strong>structure HTML unique</strong>, truffée d'inclure et interchangeable, ils permettent d'utiliser assez facilement <strong>n'importe quelle galerie de thèmes graphiques</strong> disponible sur le Web. Leurs deux projets, très similaires, ont convergé ce week-end pour donner « Zenty », par Zerdric et Zarcimat, un nouveau concept de squelettes Z. La mode est au zozotage.</p> <p>Enfin intervient <a href='https://www.ohloh.net/accounts/esj' class='spip_out' hreflang='en' title="Committo Ergo Sum">ESJ</a>, qui nous cause de <a href='http://www.linguistes.com/mots/morpheme.html' class='spip_out'>lexèmes</a> branlants et de langage parenthétique, non sans pointer quelques unes des profondes incohérences linguistiques de SPIP, annonçant <a href='http://videos.spip.org/spip.php?article113' class='spip_out'>des <strong>squelettes en XML lisible</strong> pour « bientôt »</a>, c'est-à-dire pour SPIP 3. Ça pourrait ressembler à ça :</p>
<div style='text-align: left;' class='spip_code' dir='ltr'><code><?spip BOUCLE tendre(TENDRESSES) { ?><br />
#PARTOUT<br />
<?spip } ?></code></div>
<p>Deuxième soir. Après les trop courts <a href='http://www.reflet-web.net/' class='spip_out'>reflets sociaux-artistiques</a> de <a href='http://www.spip-contrib.net/spip.php?auteur4823' class='spip_out'>kent1</a>, <a href='http://www.spip-contrib.net/spip.php?auteur178' class='spip_out'>James le rocker Nantais</a> nous invective : <q>Allez hop, on ferme les ordis et on se parle en se regardant dans les yeux, et non plus à travers les fenêtres d'<abbr title="Internet Relay Chat" lang="en">IRC</abbr> !</q> ... deux incurables geeks n'y parviendront pas. C'est l'heure du troll, mais non : ce week-end nous échangeons de façon détendue et plutôt constructive, sans doute épuisés des trolls, parfois douloureux, de ces dernières années, à moins qu'être hébergés dans un lycée nous ait inconsciemment rendus potaches, plus docilement studieux qu'à l'ordinaire. Le nouveau bandeau de navigation de l'espace privé est entériné. On cherche plutôt comment le relooker... Tout est possible.</p> <p>Puis nous sortons boire des bières et nous promener en ville... Sous le pont d'Avignon, six filles aux jambes nues claquent du talon toute la nuit en se serrant les coudes, dans l'attente des viandards qui arrêtent leur bagnole en rigolant, pour juger du morceau, qu'il louent pour quelques dizaines d'euros [<a href='http://romy.tetue.net/#nb1-2' class='spip_note' rel='footnote' title='À Avignon, alors que l'une d'elle vient d'être repêchée dans la Durance, (...)' id='nh1-2'>2</a>]. Eurk...</p> <p><a href='http://www.spip-contrib.net/spip.php?auteur5645' class='spip_out'>Éric</a> répète à qui veut l'entendre qu'il va arrêter les <a href='http://www.sarka-spip.net/' class='spip_out'>squelettes Sarka-SPIP</a>. <q>Au moins pendant un mois</q>, précise-t-il. Je rigole. Pour ma part, ça fait bien six mois que j'ai fait mon dernier commit sur SPIP, abandonnant l'<a href='http://www.spip-herbier.net/' class='spip_out'>Herbier</a> et tous les autres squelettes. Je respire. Cela m'a donné l'occasion d'explorer d'autres sentiers, périphériques et buissonniers, de faire quelques plugins aussi inutiles que rigolos et de me découvrir un goût immodéré pour les prototypes fonctionnels et les préconisations conceptuelles. Chacun son truc. Ce week-end, je suis là en touriste.</p> <p><span class='spip_document_1477 spip_documents spip_documents_center' >
<img src='http://romy.tetue.net/local/cache-vignettes/L470xH100/ecureuils_mutins_avignon-3-e15b1.png' width='470' height='100' alt="" style='height:100px;width:470px;' /></span></p> <p>Au matin du troisième jour, nous avons des petits yeux. Cyril est toujours fringuant, sous son canotier blanc. D'autres émergeront plus tard dans la matinée, la gueule bien enfarinée.</p> <p>Tout nouveau tout beau, <a href='http://www.arnaudcordier.org/' class='spip_out'>Arnaud Cordier</a> présente plusieurs des outils qu'il a bidouillé, dont <a href='http://mutins.net/spip.php?rubrique43' class='spip_out'>Kconf</a>, un outil de configuration comme <a href='http://www.spip-contrib.net/Config-cfg' class='spip_out'>CFG</a> mais plus simple, qui compléterait merveilleusement le <a href='http://www.spip-contrib.net/Compositions' class='spip_out'>plugin Compositions</a>, car il permet d'associer des gabarits, couleurs, visuels, etc. à chaque objet SPIP, de façon individuelle ou par branche. Je veux !</p> <p>Pendant que <a href='http://www.spip-contrib.net/spip.php?auteur120' class='spip_out'>cent20</a> présente le site du <a href='http://www.lpasteur.org/' class='spip_out'>Lycée Louis Pasteur</a> qui nous accueille, je découvre par hasard <a href='http://www.videospip.net/' class='spip_out'>videospip.net</a>, visiblement plus sympa que <a href='http://videos.spip.org/' class='spip_out'>videos.spip.org</a>, lesquels gagneraient a fusionner en un seul, en conservant l'habillage graphique convivial du premier et les fonctionnalités du second.</p> <p>Nous n'avons pas aussi bien assuré pour la cuisine... Préparer une salade de riz pour plusieurs dizaines de personnes est un vrai boulot qui m'a valu de rater une intervention, à grand regret. Le lendemain, l'<a href='http://fr.wikipedia.org/wiki/hypoglyc%C3%A9mie' class='spip_glossaire'>hypoglycémie</a> a liquéfié ma réceptivité à la passionnante présentation d'ESJ, zut ! et merci à Achille, ShaZaam et BoOz de m'avoir évité pire. Pour finir, au dernier repas avant le départ, je n'ai pu manger que 3 biscottes suédoises tartinées de pâté d'animal (beurk), encore a-t-il fallut que je refuse égoïstement de les partager avec mon voisin également affamé...
<br /><strong>Ventre affamé n'a pas d'oreille...</strong> La prochaine fois, soit nous nous organisons mieux, soit je prévois des casse-croûtes dans mes bagages, afin de pouvoir mieux profiter des autres et n'avoir plus à choisir entre les nourritures terrestres et spirituelles, les premières réclamant une préparation qui empiète trop sur les secondes, qui ont ma préférence, à moi aussi.</p> <p><span class='spip_document_1476 spip_documents spip_documents_center' >
<img src='http://romy.tetue.net/local/cache-vignettes/L470xH100/ecureuils_vers_avignon-2-654a5.png' width='470' height='100' alt="" style='height:100px;width:470px;' /></span></p> <p>Chouette week-end, comme un avant-goût de vacances, comme un souvenir de colo, où l'on ré-apprend que SPIP, c'est d'abord des gens et de la tendresse. J'ai été ravie de faire la connaissance de ShaZaam, Naindra et ArnAud des <a href='http://www.mutins.net/spip.php?rubrique1' class='spip_out'>Mutins</a>, de <a href='http://spip.org/klaus/' class='spip_out'>Klaus++</a> et d'<a href='http://www.erational.org/' class='spip_out'>Erational</a>, de revoir <a href='http://www.concurrences.com/' class='spip_out'>Nicolas</a>, la colorée Flo de <a href='http://www.marsnet.org/' class='spip_out'>Marsnet</a> et la pétulente <a href='http://www.pouipouidesign.net/' class='spip_out'>Marie</a>, trop courtement. On aurait pu <a href='http://billyrasta.free.fr/mp3/funky_avignon.mp3' class='spip_out'>chanter, avec Billy Rastaquouere</a>...
<br />J'en oublie, c'est certain, car nous fûmes près de soixante... Un grand merci aux organisateurs, Cent20, ben.spip et Alexandra.</p></div>
		<hr />
		<div class='rss_notes'><p>[<a href='http://romy.tetue.net/#nh1-1' id='nb1-1' class='spip_note' title='Notes 1-1' rev='footnote'>1</a>] Le programme papier disait textuellement : <q>Nous ne sommes que des semi-professionnels ou des semi-amateurs (et c'est peut être ce qui fait notre charme) » mais je n'aime pas « n'être que</q>, comme si nous avouions là un manque... <strong>De SPIP, nous sommes des <a href='http://littre.reverso.net/dictionnaire-francais/definition/amateur/' class='spip_out'>amateurs</a> et là est notre force.</strong> Point barre.</p> <p>[<a href='http://romy.tetue.net/#nh1-2' id='nb1-2' class='spip_note' title='Notes 1-2' rev='footnote'>2</a>] À Avignon, alors que l'une d'elle vient d'être <a href='http://www.laprovence.com/articles/2009/06/23/848135-Region-La-fin-tragique-d-Andreea.php' class='spip_out'>repêchée dans la Durance</a>, certains se plaignent que <a href='http://www.lepost.fr/article/2009/05/26/1550747_avignon-les-prostitues-envahissent-elles-la-ville_0_2240615.html' class='spip_out'>les prostituées envahissent la ville</a>. Personnellement, c'est le voisinage des clients, pas des prostituées, qui me ferait préférer une autre villégiature.</p></div>
		<div class='rss_ps'><p>Les présentations sont liées ci-dessus au fil du texte. Les vidéos seront diffusées sur le site dédié <a href='http://videos.spip.org/spip.php?rubrique7' class='spip_out'>videos.spip.org</a> et les photos de l'événement commencent à arriver sur flickr, sous le tag « <a href='http://www.flickr.com/photos/tags/spipavignon/' class='spip_out'>spipavignon</a> ». Les petits écureuils qui traversent cet article ont été dessinés par <a href='http://www.j-illustre-a-blog.com/' class='spip_out'>j-illustre-a-blog.com</a>.</p></div>
		<img src="http://feeds.feedburner.com/~r/romy/~4/24tkHkLUwVQ" height="1" width="1"/>]]></content:encoded>


		
		<enclosure url="http://romy.tetue.net/IMG/jpg/IMG_8806.jpg" length="275748" type="image/jpeg" />
		
		<enclosure url="http://romy.tetue.net/IMG/jpg/IMG_8811.jpg" length="240501" type="image/jpeg" />
		
		<enclosure url="http://romy.tetue.net/IMG/jpg/IMG_8812.jpg" length="214588" type="image/jpeg" />
		
		<enclosure url="http://romy.tetue.net/IMG/jpg/IMG_8814.jpg" length="267637" type="image/jpeg" />
		
		<enclosure url="http://romy.tetue.net/IMG/jpg/IMG_8817.jpg" length="188755" type="image/jpeg" />
		
		<enclosure url="http://romy.tetue.net/IMG/jpg/IMG_8821.jpg" length="214246" type="image/jpeg" />
		
		<enclosure url="http://romy.tetue.net/IMG/jpg/IMG_8826.jpg" length="175646" type="image/jpeg" />
		
		<enclosure url="http://romy.tetue.net/IMG/jpg/IMG_8827.jpg" length="158778" type="image/jpeg" />
		
		<enclosure url="http://romy.tetue.net/IMG/jpg/IMG_8829.jpg" length="157171" type="image/jpeg" />
		
		<enclosure url="http://romy.tetue.net/IMG/jpg/IMG_8830.jpg" length="164999" type="image/jpeg" />
		
		<enclosure url="http://romy.tetue.net/IMG/jpg/IMG_8837.jpg" length="268603" type="image/jpeg" />
		
		<enclosure url="http://romy.tetue.net/IMG/jpg/IMG_8838.jpg" length="184171" type="image/jpeg" />
		
		<enclosure url="http://romy.tetue.net/IMG/jpg/IMG_8843.jpg" length="149152" type="image/jpeg" />
		
		<enclosure url="http://romy.tetue.net/IMG/jpg/IMG_8844.jpg" length="157225" type="image/jpeg" />
		

	<feedburner:origLink>http://romy.tetue.net/festival-spip-avignon</feedburner:origLink></item>
<item xml:lang="fr">
		<title>Faut-il dire « mail » ou « courriel » ?</title>
		<link>http://feedproxy.google.com/~r/romy/~3/Of72UQw1Dxw/faut-il-dire-mail-ou-courriel</link>
		<guid isPermaLink="false">http://romy.tetue.net/faut-il-dire-mail-ou-courriel</guid>
		<dc:date>2009-06-23T06:05:00Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Romy Duhem-Verdière</dc:creator>


		<dc:subject>courriel</dc:subject>
		<dc:subject>vocabulaire</dc:subject>

		<description>Bien que « courriel » soit l'abréviation officielle, le vocabulaire français sur le courrier électronique reste instable et l'usage hésite encore parmi plusieurs termes. Résumons. Le mot « email », aussi écrit « e-mail » (prononcé /imɛl/ ou /imel/) est très utilisé. C'est l'abbréviation anglo-américaine de « electronic mail », soit « courrier électronique ». C'est un anglicisme déconseillé. Le mot « mail » est également très employé, mais il s'agit d'un faux-ami. En anglais, le mot « mail » désigne soit le courrier (...)

-
&lt;a href="http://romy.tetue.net/bien-debuter/" rel="directory"&gt;Bien débuter&lt;/a&gt;

/ 
&lt;a href="http://romy.tetue.net/courriel" rel="tag"&gt;courriel&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/vocabulaire" rel="tag"&gt;vocabulaire&lt;/a&gt;

		</description>


 <content:encoded><![CDATA[<img src="http://romy.tetue.net/local/cache-vignettes/L150xH133/arton588-7785f.png" alt="" align="right" width='150' height='133' class='spip_logos' style='height:133px;width:150px;' />
		<div class='rss_chapo'><p>Bien que « courriel » soit l'abréviation officielle, le vocabulaire français sur le courrier électronique reste instable et l'usage hésite encore parmi plusieurs termes. Résumons.</p></div>
		<div class='rss_texte'><ul class="spip"><li> Le mot « <strong>email</strong> », aussi écrit « <strong>e-mail</strong> » (prononcé <code class='spip_code' dir='ltr'>/imɛl/</code> ou <code class='spip_code' dir='ltr'>/imel/</code>) est très utilisé. C'est l'abbréviation anglo-américaine de « <i lang="en">electronic mail</i> », soit « courrier électronique ». C'est un anglicisme déconseillé.</li><li> <span class='spip_document_1471 spip_documents spip_documents_right' style='float:right; width:150px;' >
<img src='http://romy.tetue.net/local/cache-vignettes/L150xH290/jeu_de_mail-6bcb5.jpg' width='150' height='290' alt="" style='height:290px;width:150px;' /></span>Le mot « <strong>mail</strong> » est également très employé, mais il s'agit d'un faux-ami. En anglais, le mot « <dfn>mail</dfn> » désigne soit le courrier postal (zut), soit une cotte de mailles. En français, un « <dfn>mail</dfn> » (prononcé <code class='spip_code' dir='ltr'>/maj/</code> comme le mot « maille ») est une avenue plantée d'arbres et qui était à l'origine un espace réservé pour le <a href='http://fr.wikipedia.org/wiki/jeu_de_mail' class='spip_glossaire'>jeu de mail</a> ; c'est aussi une voie piétonnière de grande largeur, dans une zone urbaine.</li><li> La fausse abréviation « <strong>Mél.</strong> » est un symbole (mais pas un substantif) proposé en 1997 par la <abbr title="Délégation Générale à la Langue Française et aux Langues de France">DGLFLF</abbr> pour préfixer une adresse électronique, comme on utilise « tél. » pour indiquer un numéro de téléphone. Mais ce mot ne s'est pas implanté, dans aucun autre pays francophone.</li><li> Le mot « <strong>courriel</strong> », d'origine québécoise, est la contraction de « courrier électronique ». De nombreux utilisateurs francophones l'ont repris à leur compte. Ce terme, présent dans les dictionnaires courants, a été rendu obligatoire en France pour les textes officiels, depuis le 20 juin 2003 par la <abbr title="Délégation Générale à la Langue Française et aux Langues de France">DGLFLF</abbr>.</li></ul>
<p>Le terme « courriel » est agréablement explicite en plus d'être de jolie consonance. Pour bien parler français et s'assurer d'être compris en francophonie, aussi bien au Québec où l'anglicisme « e-mail » est très rare qu'en Suisse où « courriel » est une étrangeté, il est recommandé de préciser les deux. Par exemple : <q>Merci de répondre par courriel (<i lang="en">e-mail</i>)</q></p> <table class="spip" summary="Champ lexical du courrier électronique">
<caption>Vocabulaire du courrier électronique</caption>
<thead><tr class='row_first'><th scope='col'> <strong>De quoi parle-t-on ?</strong> </th><th scope='col'> <strong>terme anglais</strong> </th><th scope='col'> <strong>termes français corrects</strong> </th></tr></thead>
<tbody>
<tr class='row_even'>
<td> le <strong>système</strong> de courrier électronique en tant que tel </td>
<td> <i lang="en">electronic mail
<br />e-mail</i> </td>
<td> courrier électronique
<br />courriel </td></tr>
<tr class='row_odd'>
<td> <strong>logiciel</strong> servant à lire et envoyer des courriers électroniques </td>
<td> <i lang="en">User Agent</i> </td>
<td> client de messagerie
<br />messagerie électronique
<br />messagerie </td></tr>
<tr class='row_even'>
<td> <strong>boîte de réception</strong> des messages qui permet de recevoir les messages </td>
<td> <i lang="en">mailbox
<br />inbox</i> </td>
<td> boîte aux lettres
<br /><abbr title="boîte aux lettres">BAL</abbr> </td></tr>
<tr class='row_odd'>
<td> le <strong>message</strong> transféré par une messagerie électronique </td>
<td> <i lang="en">email</i> </td>
<td> message électronique
<br />courriel </td></tr>
<tr class='row_even'>
<td> message électronique non sollicité </td>
<td> <i lang="en">spam</i> </td>
<td> pourriel </td></tr>
<tr class='row_odd'>
<td> <strong>adresse</strong> permettant l'identification d'un utilisateur et l'acheminement des messages qui lui sont destinés </td>
<td> <i lang="en">e-mail address</i> </td>
<td> adresse de courrier électronique
<br />adresse électronique
<br />Mél. </td></tr>
<tr class='row_even'>
<td> Signe « <strong>@</strong> », utilisé comme séparateur dans les adresses électroniques </td>
<td> <i lang="en">at</i> </td>
<td> arobase
<br />chez </td></tr>
</tbody>
</table></div>
		<div class='rss_ps'><p>Sources et références :
<br />- Définitions de <a href='http://fr.wikipedia.org/wiki/Courrier_%C3%A9lectronique' class='spip_glossaire'>Courrier électronique</a> et <a href='http://fr.wikipedia.org/wiki/Mail_%28homonymie%29' class='spip_glossaire'>Mail (homonymie)</a> de l'encylopédie Wikipédia
<br />- Consultez aussi <a href='http://franceterme.culture.fr/' class='spip_out'>France Terme</a>, site officiel de terminologie qui contient l'ensemble des équivalents francophones publiés au <abbr title="Journal Officiel">JO</abbr> de la République française et le <a href='http://www.arobase.org/glossaire/index.htm' class='spip_out'>glossaire du courrier électronique</a> d'arobase.org.</p> <p>Voir aussi, sur ce sujet :
<br />- <a href='http://www.langue-fr.net/spip.php?article139' class='spip_out'>Courriel, E-Mail, Mél.</a>, langue-fr.net
<br />- <a href='http://www.arobase.org/culture/email-courriel.htm' class='spip_out'>E-mail ou courriel ?</a>, arobase.org</p></div>
		<img src="http://feeds.feedburner.com/~r/romy/~4/Of72UQw1Dxw" height="1" width="1"/>]]></content:encoded>


		

	<feedburner:origLink>http://romy.tetue.net/faut-il-dire-mail-ou-courriel</feedburner:origLink></item>
<item xml:lang="fr">
		<title>Toi et moi, dans tout ça…</title>
		<link>http://feedproxy.google.com/~r/romy/~3/HT8pVQRVBds/toi-et-moi-dans-tout-ca</link>
		<guid isPermaLink="false">http://romy.tetue.net/toi-et-moi-dans-tout-ca</guid>
		<dc:date>2009-06-14T21:59:00Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Romy Duhem-Verdière</dc:creator>


		<dc:subject>tendresse</dc:subject>
		<dc:subject>vidéoclip</dc:subject>

		<description>Le bonheur est souvent à portée de main... Il suffit de se laisser bercer par cette balade grave et tendre, sobrement intitulée Toi et moi, d'un groupe de reggae français activement engagé auprès de l'association Greenpeace, une ONG de protection de l'environnement. Toi et moi de Tryo, 2008. Le videoclip accompagne agréablement les paroles, les illustrant sans tomber dans la métaphore redondante. Il est (...)

-
&lt;a href="http://romy.tetue.net/lire-voir-ecouter/" rel="directory"&gt;Lire, Voir, Écouter&lt;/a&gt;

/ 
&lt;a href="http://romy.tetue.net/tendresse" rel="tag"&gt;tendresse&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/videoclip" rel="tag"&gt;vidéoclip&lt;/a&gt;

		</description>


 <content:encoded><![CDATA[<img src="http://romy.tetue.net/local/cache-vignettes/L150xH64/arton589-e7e90.jpg" alt="" align="right" width='150' height='64' class='spip_logos' style='height:64px;width:150px;' />
		<div class='rss_texte'><p>Le bonheur est souvent à portée de main... Il suffit de se laisser bercer par cette balade grave et tendre, sobrement intitulée <cite>Toi et moi</cite>, d'un groupe de reggae français activement engagé auprès de l'association Greenpeace, une <abbr title="Organisation Non Gouvernementale">ONG</abbr> de protection de l'environnement.</p> <div class='spip_document_1472 spip_documents spip_documents_center'> <object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0' width='470' height='373'> <param name='movie' value='http://www.dailymotion.com/swf/x65bw4_tryo-toi-et-moi-le-clip_music&related=0' /> <param name="quality" value="high" /> <param name='class' value='' /> <!--[if !IE]> <--> <object data="http://www.dailymotion.com/swf/x65bw4_tryo-toi-et-moi-le-clip_music&related=0" width='470' height='373' type="application/x-shockwave-flash"> <param name="quality" value="high" /> <param name='class' value='' /> <param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" /> </object> <!--> <![endif]-->
</object> <div class='spip_doc_titre'><strong>Toi et moi de Tryo, 2008.</strong></div></div>
<p>Le videoclip accompagne agréablement les paroles, les illustrant sans tomber dans la métaphore redondante. Il est constitué d'un plan-séquence en travelling, qui suit les pas d'un individu à travers les nouvelles du monde, comme on peut les entendre le matin à la radio, avant de sortir de chez soi...</p> <p><span class='spip_document_1473 spip_documents spip_documents_center' >
<img src='http://romy.tetue.net/local/cache-vignettes/L500xH75/toi_et_moi_tryo-1-aaa06.jpg' width='500' height='75' alt="" style='height:75px;width:500px;' /></span></p> <blockquote class="spip_poesie">
<div>Ce matin, trois milles licenciés, grève des Sapeurs Pompiers</div>
<div>Embouteillages et pollution pour Paris agglomération</div>
<div> </div>
<div>Ce matin, l'Abbé Pierre est mort, on l'enterre sur TF1</div>
<div>Deux clochards retrouvés morts près du canal St Martin</div>
</blockquote>
<p>Mais loin de n'être qu'une énième accumulation, angoissée et alarmiste, de tous les malheurs du monde, cette chanson préfère, en trois refrains, nous remettre à notre place : avec l'être aimé, avec les autres et <q>au milieu de nos enfants</q>. C'est un propos original, qui ose la tendresse, dans un monde trop souvent peint en noir par les actualités, un propos rose et vert, emprunt de sagesse et de maturité, qui change des critiques et autres diatribes appelant à la prise de conscience ou à l'action. Tiens, si on s'aimait ? Tiens, si je t'aimais, toi qui es juste là à côté de moi ?</p> <p><span class='spip_document_1474 spip_documents spip_documents_center' >
<img src='http://romy.tetue.net/local/cache-vignettes/L500xH75/toi_et_moi_tryo-2-75d50.jpg' width='500' height='75' alt="" style='height:75px;width:500px;' /></span></p> <p>La chanson nous renvoie à ce qui nous lie aux autres, non sans oublier de rappeler l'essentiel : <q>on se contente d'être là, on s'aime et puis voilà, on s'aime</q>. Permettez donc que je profite de cette chanson pour vous aimer un peu, à travers Web. <span lang="en">Peace & love !</span></p></div>
		<div class='rss_ps'><p><cite>Toi et moi</cite>, chanson extraite de l'album <cite>Ce que l'on sème</cite> sorti début septembre 2008. Auteur, compositeur : Guizmo / Arrangements : Tryo / Arrangements cordes : Vincent Ségal. <a href='http://www.dailymotion.com/video/kOZHFSqgsnQGF4HkmE' class='spip_out'>Videoclip diffusé sur DailyMotion</a></p> <p>Voir le site officiel du groupe : <a href='http://www.tryo.com/' class='spip_out'>tryo.com</a>, où l'on trouvera le <a href='http://www.tryo.com/site/post/2008/08/27/Toi-et-moi-Le-making-of-du-clip' class='spip_out'>making-of du clip</a> ainsi que les paroles et des extraits de l'album <a href='http://www.tryo.com/site/post/2000/01/01/Ce-que-l-on-seme' class='spip_out'>Ce que l'on sème</a>. Merci à <a href='http://www.facebook.com/profile.php?id=1388124585' class='spip_out'>Spity WhiteFace</a> à qui je dois d'avoir découvert ce clip.</p> <p>Lire aussi :
<a href='http://www.musiqueradio.com/article_news6435_tryo--clip-de-toi-et-moi.php' class='spip_out'>Tryo : clip de "Toi Et Moi"</a>, Musique Radio, 03/09/2008</p></div>
		<img src="http://feeds.feedburner.com/~r/romy/~4/HT8pVQRVBds" height="1" width="1"/>]]></content:encoded>


		

	<feedburner:origLink>http://romy.tetue.net/toi-et-moi-dans-tout-ca</feedburner:origLink></item>
<item xml:lang="fr">
		<title>Oh, my beautiful friend wheel !</title>
		<link>http://feedproxy.google.com/~r/romy/~3/0VNcxz9IJIk/oh-my-beautiful-friend-wheel</link>
		<guid isPermaLink="false">http://romy.tetue.net/oh-my-beautiful-friend-wheel</guid>
		<dc:date>2009-06-11T16:50:33Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Romy Duhem-Verdière</dc:creator>


		<dc:subject>réseaux sociaux</dc:subject>
		<dc:subject>facebook</dc:subject>
		<dc:subject>Spirographe</dc:subject>
		<dc:subject>FriendWheel</dc:subject>

		<description>Friend Wheel est une application développée en 2007 par Thomas Fletcher, qui liste tous vos amis sous la forme d'un cercle multicolore. Le genre de graphe social qui fait le lit et le succès de Facebook. Le résultat est aussi hypnotique qu'intéressant. On visualise sa communauté d'un coup d'œil. Chaque nœud (ou tête de clou) signale un ami ; les amitiés qui les lient sont symbolisées par des traits colorés. J'adore les cercles d'amitié générés par cette appli. Jetez donc un œil à tous ces friendwheels : (...)

-
&lt;a href="http://romy.tetue.net/web-design/" rel="directory"&gt;Web Design&lt;/a&gt;

/ 
&lt;a href="http://romy.tetue.net/reseaux-sociaux" rel="tag"&gt;réseaux sociaux&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/facebook" rel="tag"&gt;facebook&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/spirographe" rel="tag"&gt;Spirographe&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/friendwheel" rel="tag"&gt;FriendWheel&lt;/a&gt;

		</description>


 <content:encoded><![CDATA[<img src="http://romy.tetue.net/local/cache-vignettes/L150xH150/arton587-d81e9.png" alt="" align="right" width='150' height='150' class='spip_logos' style='height:150px;width:150px;' />
		<div class='rss_texte'><p><dfn>Friend Wheel</dfn> est une application développée en 2007 par <a href='http://www.thomas-fletcher.com/' class='spip_out' hreflang='en'>Thomas Fletcher</a>, qui liste tous vos amis sous la forme d'un cercle multicolore. Le genre de graphe social qui fait le lit et le succès de Facebook. Le résultat est aussi hypnotique qu'intéressant. On visualise sa communauté d'un coup d'œil. Chaque nœud (ou tête de clou) signale un ami ; les amitiés qui les lient sont symbolisées par des traits colorés.</p> <p>J'adore les cercles d'amitié générés par cette appli. Jetez donc un œil à <a href='http://www.google.com/images?q=friendwheel' class='spip_out'>tous ces friendwheels</a> : tous différents, ils ressemblent aux phases de la lune ou d'une éclipse solaire. Ils me rappellent furieusement ces <a href='http://www.rpn.ch/ecolesne/article.php3?id_article=1657' class='spip_out'>tableaux de fils tendus</a> qui fascinaient mon enfance, improbables <a href='http://www.fondationvasarely.fr/' class='spip_out'>Vasarely</a> de <a href='http://fr.wikipedia.org/wiki/P%C3%A9n%C3%A9lope' class='spip_glossaire'>Pénélope</a>, et même les <a href='http://images.google.fr/images?q=%22Bracelets%20br%C3%A9siliens%22' class='spip_out'>bracelets brésiliens</a> et les <a href='http://fr.wikipedia.org/wiki/scoubidous' class='spip_glossaire'>scoubidous</a>, tissés de fils de couleurs multicolores... comme autant de liens d'amitié. C'est tellement joli que je m'en ferais bien un <a href='http://designetmoi.wordpress.com/2009/01/19/philosophons-sur-le-spirographe/' class='spip_out'>collier</a>, pour me balader guillerette, trop heureuse d'arborer vos noms autour du cou.</p> <p><span class='spip_document_1469 spip_documents spip_documents_center' >
<img src='http://romy.tetue.net/local/cache-vignettes/L450xH150/friendwheel-other-85fb1.png' width='450' height='150' alt="" style='height:150px;width:450px;' /></span></p> <p>Disponible <a href='http://www.facebook.com/apps/application.php?id=2415325843' class='spip_out'>sur Facebook</a> et <a href='http://thomas-fletcher.com/friendwheel/twitter/' class='spip_out'>sur Twitter</a>, l'application laisse d'intéressantes possibilités de personnalisation à chaque utilisateur : mise en forme (choix des couleurs) certes, mais aussi sélection des amis composant le cercle (choix de l'algorithme, du nombre d'amis, etc.), ce qui donne l'impression de jouer au Spirographe de mon enfance, un instrument de dessin permettant de tracer de magnifiques <a href='http://fr.wikipedia.org/wiki/hypotrocho%C3%AFde' class='spip_glossaire'>hypotrochoïde</a>s, des figures géométriques pleines de courbes multicolores. Les nostalgiques peuvent s'amuser avec cet <a href='http://www.wordsmith.org/~anu/java/spirograph.html' class='spip_out'>applet Java</a> et les plus geeks avec le <a href='http://duchaine.dyndns.org/index.php/telechargement.html' class='spip_out'>code source d'un spirographe en C#</a>.</p> <p>Le cercle généré est une belle image statique, mais il suffit de cliquer sur la mention « <i lang="en">See Interactive Flash Wheel</i> » pour en afficher une version interactive, en Flash, qui permet notamment de glisser un nom hors du cercle et de zoomer pour mieux examiner les connexions individuelles.</p> <p><span class='spip_document_1470 spip_documents spip_documents_center' >
<img src='http://romy.tetue.net/local/cache-vignettes/L500xH235/friendwheel-details-4aa55.png' width='500' height='235' alt="" style='height:235px;width:500px;' /></span></p> <p>Il est aussi intéressant de voir le graphe évoluer au fil du temps. C'est étonnant comme ça fonctionne bien ! À condition de ne pas oublier de le re-générer à l'occasion et de ne pas accepter n'importe qui comme « ami », il est un reflet plutôt fidèle de <a href='http://thomas-fletcher.com/facebook/friendwheel/showwheel.php?userid=702794390&name=Romy%20Tetue&pass=58fe3535a4' class='spip_out'>mon réseau amical</a> réel. Il me ressemble et réussit le tour de force de réunir en une seule image des cercles d'amitiés qui restaient jusqu'alors disjoints.</p></div>
		<div class='rss_ps'><p>- Site officiel : <span lang="en"><a href='http://www.thomas-fletcher.com/friendwheel/' class='spip_out' hreflang='en'>Friend Wheel</a> by Thomas Fletcher</span>
<br />- <span lang="en"><a href='http://informationdesigner.org/2007/12/friend-wheel/' class='spip_out' hreflang='en'>Friend Wheel</a>, information designer, December 27th, 2007</span>
<br />- et pour aller plus loin : <a href='http://www.internetactu.net/2007/09/28/comprendre-le-graphe-social/' class='spip_out'>Comprendre le graphe social</a>, par Hubert Guillaud, InternetActu.net, le 28/09/07</p></div>
		<img src="http://feeds.feedburner.com/~r/romy/~4/0VNcxz9IJIk" height="1" width="1"/>]]></content:encoded>


		

	<feedburner:origLink>http://romy.tetue.net/oh-my-beautiful-friend-wheel</feedburner:origLink></item>
<item xml:lang="fr">
		<title>Mon bus est en retard : c'est la faute à Sarko !</title>
		<link>http://feedproxy.google.com/~r/romy/~3/B3dG38yEqHw/bus-61-anti-sarko</link>
		<guid isPermaLink="false">http://romy.tetue.net/bus-61-anti-sarko</guid>
		<dc:date>2009-06-03T21:50:00Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Romy Duhem-Verdière</dc:creator>


		<dc:subject>Paris</dc:subject>
		<dc:subject>RATP</dc:subject>
		<dc:subject>sarkoland</dc:subject>
		<dc:subject>transports</dc:subject>
		<dc:subject>autobus</dc:subject>
		<dc:subject>embouteillages</dc:subject>

		<description>Oh joie ! j'ai retrouvé mon Paris, ses embouteillages et ses mécontents ! De retour sur Paris, je m'enthousiasme à l'idée de faire biper mon passe Navigo tout nouveau tout beau, lequel me permet d'aller et venir à ma guise, en métro, en bus, en RER, en TER et même en vélib. Mais hélas, me voilà coincée sur une place Gambetta impraticable, pleine de coups de klaxon et de sirènes, et mon bus n'arrive toujours pas. Pour m'occuper l'esprit, je préfère trotter jusqu'au Père Lachaise, dont je découvre l'abribus (...)

-
&lt;a href="http://romy.tetue.net/habiter/" rel="directory"&gt;Habiter&lt;/a&gt;

/ 
&lt;a href="http://romy.tetue.net/paris" rel="tag"&gt;Paris&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/ratp" rel="tag"&gt;RATP&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/sarkoland" rel="tag"&gt;sarkoland&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/transports" rel="tag"&gt;transports&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/autobus" rel="tag"&gt;autobus&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/embouteillages" rel="tag"&gt;embouteillages&lt;/a&gt;

		</description>


 <content:encoded><![CDATA[<img src="http://romy.tetue.net/local/cache-vignettes/L106xH150/arton586-2b7e6.jpg" alt="" align="right" width='106' height='150' class='spip_logos' style='height:150px;width:106px;' />
		<div class='rss_chapo'><p>Oh joie ! j'ai retrouvé mon Paris, ses embouteillages et ses mécontents !</p></div>
		<div class='rss_texte'><p>De retour sur Paris, je m'enthousiasme à l'idée de faire biper mon passe Navigo tout nouveau tout beau, lequel me permet d'aller et venir à ma guise, en métro, en bus, en <abbr title="Réseau Express Régional">RER</abbr>, en <abbr title="Train Express Régional">TER</abbr> et même en <acronym title="Vélo en Liberté">vélib</acronym>. Mais hélas, me voilà coincée sur une place Gambetta impraticable, pleine de coups de klaxon et de sirènes, et mon bus n'arrive toujours pas. Pour m'occuper l'esprit, je préfère trotter jusqu'au Père Lachaise, dont je découvre l'abribus grouillant de monde et d'impatience. Merde. J'attends encore. Un bus descend enfin l'avenue...</p> <p>Les usagers mécontents râlent. Une dame, qui désespère de prendre le bus 69, houspille la conductrice du bus 61 qui vient d'arriver :</p> <blockquote class="spip">
<p>— Ça fait 25 minutes que j'attends ! Vingt-cinq ! Quelle explication avez-vous à me donner ?
<br />— Ah bin, c'est simple : c'est m'sieur Sarkozy qui a fermé le pont d'Austerlitz et bouclé les alentours et ça bloque toute la circulation [<a href='http://romy.tetue.net/#nb2-1' class='spip_note' rel='footnote' title='Je rapporte les conversations, mais sans avoir pu vérifier. J'ignore en (...)' id='nh2-1'>1</a>]...
<br />— Oh non, encore lui !??
<br />— Oui. Y nous emmerde, y sait faire que ça, jusqu'au soir chez nous, à coller sa tronche dans nos téléviseurs...
<br />— Pouah !</p>
</blockquote>
<p>La dame, dépitée et coite, se rassoit sous l'abribus. Plus tard, alors que nous stationnons depuis plusieurs minutes au milieu d'un énième carrefour, pare-choc contre pare-choc, emboités comme les briques d'un Tétris géant, entre lesquels les vélibistes et autres cyclistes mettent pied à terre et lèvent le nez en périscope, perdus qu'ils sont dans un labyrinthe dont ils ne voient plus l'issue, une petite vieille maugrée :</p> <blockquote class="spip">
<p>J'ai jamais vu ça. C'est bloqué de partout. Paris ne circule plus. C'est comme ça depuis la place Gambetta, c'est bloqué jusqu'aux portes de Paris. Qu'est-ce qu'il nous emmerde celui-là !</p>
</blockquote>
<p>Dans mon dos, une jolie minette appelle discrètement sa copine au téléphone :</p> <blockquote class="spip">
<p>Je te préviens, si tu as des déplacements aujourd'hui, surtout pars en avance ! Sarko a bloqué tout Paris pour sa cérémonie. Le trajet des bus est modifié. On ne peut plus traverser la Seine. Mais si, je t'assure ! Mon bus est terminus Voltaire, oui, en plein onzième et démerde-toi à pattes pour la suite !</p>
</blockquote>
<p>J'ai presque trois quart d'heure de retard, mais je jubile intérieurement. J'ai retrouvé mon Paris, ses embouteillages et ses mécontents, ces insoumis qui ont fait 1789 [<a href='http://romy.tetue.net/#nb2-2' class='spip_note' rel='footnote' title='Le 14 juillet 1789, une insurrection éclate à Paris. La Bastille, une (...)' id='nh2-2'>2</a>] et qui embrocheraient volontiers la tête du nabot mégalo qui nous fait office de président, au bout d'une pique. Comme disait Voltaire, notre terminus du jour, <q>Le meilleur gouvernement est celui où il y a le moins d'hommes inutiles</q>.</p></div>
		<hr />
		<div class='rss_notes'><p>[<a href='http://romy.tetue.net/#nh2-1' id='nb2-1' class='spip_note' title='Notes 2-1' rev='footnote'>1</a>] Je rapporte les conversations, mais sans avoir pu vérifier. J'ignore en réalité pour quelle raison le trafic était si perturbé et je ne vois pas quel événement de l'<a href='http://www.elysee.fr/actualites/index.php?mode=agenda&lang=fr&month=6&year=2009&day=3&cyear=2009&cmonth=6' class='spip_out'>agenda présidentiel</a> correspond, entre la cérémonie religieuse pour les proches des victimes de la catastrophe de l'Airbus A 330, en la cathédrale Notre-Dame, ou la rencontre, au Palais de l'Elysée, avec M.Mottaki, ministre de la République islamique d'Iran... Pourquoi le pont d'Austerlitz serait-il fermé ? Y aurait-il une manifestation ?</p> <p>[<a href='http://romy.tetue.net/#nh2-2' id='nb2-2' class='spip_note' title='Notes 2-2' rev='footnote'>2</a>] Le 14 juillet 1789, une insurrection éclate à Paris. La Bastille, une forteresse symbole du pouvoir arbitraire du roi, est prise par la foule armée. C'est le début de la Révolution Française.</p></div>
		<div class='rss_ps'><p>De notre ami <a href='http://fr.wikipedia.org/wiki/Voltaire' class='spip_glossaire'>Voltaire</a>, (1694-1778), on picorera quelques <a href='http://www.horaz.com/03_Citations/AUTEURS/Voltaire.htm' class='spip_out'>citations</a> avant de se replonger dans les <a href='http://www.voltaire-integral.com/' class='spip_out'>œuvres complètes</a>, tandis que le Blog en Commun nous donne des nouvelles du <a href='http://www.blogencommun.fr/bus-61/' class='spip_out'>bus 61</a> et du <a href='http://www.blogencommun.fr/bus-69/' class='spip_out'>bus 69</a>.</p></div>
		<img src="http://feeds.feedburner.com/~r/romy/~4/B3dG38yEqHw" height="1" width="1"/>]]></content:encoded>


		

	<feedburner:origLink>http://romy.tetue.net/bus-61-anti-sarko</feedburner:origLink></item>
<item xml:lang="fr">
		<title>Prototype de navigation pour l'interface SPIP</title>
		<link>http://feedproxy.google.com/~r/romy/~3/gLrhBhVe34s/prototype-navigation-haute-pour-interface-spip</link>
		<guid isPermaLink="false">http://romy.tetue.net/prototype-navigation-haute-pour-interface-spip</guid>
		<dc:date>2009-06-02T08:54:08Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Romy Duhem-Verdière</dc:creator>


		<dc:subject>&lt;acronym title="Système de Publication pour Internet"&gt;SPIP&lt;/acronym&gt;</dc:subject>
		<dc:subject>ergonomie</dc:subject>
		<dc:subject>interface</dc:subject>
		<dc:subject>mock-up</dc:subject>

		<description>Et si on repensait la navigation principale de l'espace privé de SPIP ? Le bandeau supérieur actuel de l'espace privé n'est plus aussi satisfaisant. Il pose plusieurs difficultés, certaines bien connues et régulièrement décriées dans les forums des utilisateurs, et de nouvelles, liées à l'arrivée des plugins, nombreux sous SPIP 2. Voici un prototype rassemblant les idées que j'ai pu avoir pour améliorer cette navigation. Il s'agit d'un « prototype fonctionnel », c'est-à-dire un truc cliquable mais qui (...)

-
&lt;a href="http://romy.tetue.net/atelier-spip/" rel="directory"&gt;Atelier SPIP&lt;/a&gt;

/ 
&lt;a href="http://romy.tetue.net/spip" rel="tag"&gt;&lt;acronym title="Système de Publication pour Internet"&gt;SPIP&lt;/acronym&gt;&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/ergonomie" rel="tag"&gt;ergonomie&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/interface" rel="tag"&gt;interface&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/mock-up" rel="tag"&gt;mock-up&lt;/a&gt;

		</description>


 <content:encoded><![CDATA[<img src="http://romy.tetue.net/local/cache-vignettes/L150xH150/arton582-5654d.jpg" alt="" align="right" width='150' height='150' class='spip_logos' style='height:150px;width:150px;' />
		<div class='rss_chapo'><p>Et si on repensait la navigation principale de l'espace privé de <acronym title="Système de Publication pour Internet">SPIP</acronym> ?</p></div>
		<div class='rss_texte'><p>Le bandeau supérieur actuel de l'espace privé n'est plus aussi satisfaisant. Il pose plusieurs difficultés, certaines bien connues et régulièrement décriées dans les <a href='http://forum.spip.org/fr_article2016.html' class='spip_out'>forums des utilisateurs</a>, et de nouvelles, liées à l'arrivée des plugins, nombreux sous SPIP 2.</p> <p><span class='spip_document_1464 spip_documents spip_documents_center' >
<img src='http://romy.tetue.net/local/cache-vignettes/L500xH100/bandeau-spip2-20090602-460f2.png' width='500' height='100' alt="Bandeau de navigation actuel (SPIP 1.9)" title="Bandeau de navigation actuel (SPIP 1.9)" style='height:100px;width:500px;' /></span></p> <p>Voici un prototype rassemblant les idées que j'ai pu avoir pour améliorer cette navigation. Il s'agit d'un « prototype fonctionnel », c'est-à-dire un truc cliquable mais qui ne présume ni de l'aspect graphique ni de la qualité du code. Il propose aussi un ré-agencement éditorial des menus et des pages liées, qui reste discutable (certains intitulés seraient à reformuler).</p> <p>Je me suis surtout attachée à clarifier, occuper moins de surface sans rien omettre tout en permettant de recevoir des items additionnels (ici signalés en gris clair) de façon extensible (ajoutés par les options et les plugins).</p> <h2>
Progressons par enrichissements successifs</h2>
<p>Avant d'essayer, notez que je <strong>conçois</strong> les choses dans cet ordre :</p> <ol class="spip"><li> une navigation page à page, basique et tout terrain ;</li><li> enrichie d'une navigation rapide sous la forme d'un menu déroulant (en CSS simple), certainement activé par défaut, mais désactivable (dans mes préférences personnelles) ;</li><li> ensuite enrichie de comportements js kikou (dont je me contrefiche pourvu qu'ils soient facultatifs) ;</li><li> et enrichie d'icônes et habillage graphique (dont je me fiche aussi).</li></ol>
<p>Progresser ainsi par <strong>enrichissements successifs</strong> permet, à condition que chaque couche d'enrichissement ne massacre pas celle qui la précède, de <strong>produire une interface qui reste correctement utilisable</strong>, même sans ces enrichissements — c'est-à-dire même sans javascript, sans image, sans couleur et même sans feuille de style —, bref accessible quelques soient les conditions de navigation. Second avantage, loin d'être négligeable : on s'épargne d'avoir X interfaces à maintenir, tel qu'actuellement (interface graphique, interface textuelle, etc.), en n'en produisant plus qu'une seule.</p> <hr class="spip" />
<p><span class='spip_document_1422 spip_documents' >
<img src='http://romy.tetue.net/local/cache-vignettes/L14xH8/greenarrow-980f7.gif' width='14' height='8' alt="" style='height:8px;width:14px;' /></span> C'est donc là : <a href='http://romy.tetue.net/IMG/demo/interface/navigation/' class='spip_out'>http://romy.tetue.net/IMG/demo/inte...</a>
cliquez sur le faux bouton « valider » du formulaire de login, puis un peu partout (visitez chaque item) et même sur les liens « Voir le site public » et « Me déconnecter » :-)</p> <h2>
Trois registres distincts :
<br />identité, navigation complète et raccourcis</h2>
<p>Dans ce proto, les items de navigation se répartissent, comme une tranche napolitaine, en trois registres de faible encombrement et aux rôles bien distincts :</p> <p><span class='spip_document_1456 spip_documents spip_documents_center' >
<img src='http://romy.tetue.net/local/cache-vignettes/L500xH54/barnav_spip_en_3_registres-9fa81.png' width='500' height='54' alt="Trois registres de navigation (prototype)" title="Trois registres de navigation (prototype)" style='height:54px;width:500px;' /></span></p> <ol class="spip"><li> Discret, le premier registre est <strong>identifiant</strong> : il me rappelle le site sur lequel je travaille (à droite) et ma session (à gauche) et... c'est tout, car les noms du site et de l'utilisateur peuvent être longs et encombrants. Ce registre donne les repères élémentaires, actuellement absents de l'espace privé de SPIP, et qui permettent de se situer : où suis-je ? avec quel compte suis-je connecté ? dans quelle langue ?</li><li> Vient ensuite une indispensable barre de <strong>navigation complète</strong>, qui permet d'accéder à l'ensemble des pages de l'interface, de façon exhaustive. Elle reprend la navigation habituelle du bandeau haut, en reventilant un peu les items.</li><li> Le troisième registre propose des outils et des <strong>raccourcis d'accès rapide</strong>, non indispensables mais si pratiques qu'on ne sait plus s'en passer : liens de création directe, plongeur de rubriques, recherche, etc.</li></ol>
<h2>
Navigation déroulante OU PAS</h2>
<p>La seconde barre de navigation, qui apprécierait d'être, comme auparavant, dotée d'icônes, déplie ses menus au survol, mais sans recouvrir les éléments dépliants de la barre inférieure (dont l'infernal plongeur de rubrique), pour éviter de se prendre les pieds dans le tapis. Ces menus se déplieraient désormais à la verticale, afin de pouvoir recevoir un plus grand nombre d'items.</p> <p>Une telle barre de navigation à menus déroulants, que <a href='http://romy.tetue.net/les-menus-deroulants-sont-une-mauvaise-idee' class='spip_in'>je critique</a> habituellement sur les publications web, est ici adaptée, puisque dans un environnement de type applicatif. Elle doit cependant <strong>être pensée comme facultative</strong>.</p> <p><span class='spip_document_1458 spip_documents spip_documents_center' >
<img src='http://romy.tetue.net/local/cache-vignettes/L500xH375/barnav_spip_direct-d3fd1.png' width='500' height='375' alt="Accès direct, sans menu déroulant (prototype)" title="Accès direct, sans menu déroulant (prototype)" style='height:375px;width:500px;' /></span></p> <p>Les items de premier niveau de la barre de navigation renvoient chacun à une page sommaire (ce qui tord définitivement le cou au problème régulièrement soulevé dans les forums et épinglé au <a href='http://trac.rezo.net/trac/spip/ticket/1749' class='spip_out'>Ticket #1749</a>), laquelle liste les pages intérieures et présente leurs contenus, de façon à ce que celles-ci restent accessibles dans tous les cas, même lorsque le menu ne déplie pas.</p> <p>Le fait que le menu soit dépliant n'est qu'un plus, un raccourci rapide, qui ne fonctionne pas nécessairement dans toutes les configurations logicielles (on s'épargnera les contorsions pour le rendre fonctionnel sous IE) et qui devrait être désactivable au bon vouloir de chacun.</p> <h2>
Ré-agencement des menus</h2>
<p>Chaque menu regroupe les tâches susceptibles d'être effectuées par une même personne et les informations qui lui seraient utiles, selon les différents rôles possibles, bien que ceux-ci ne soient pas ainsi distingués dans <acronym title="Système de Publication pour Internet">SPIP</acronym> : rédacteur, modérateur, administrateur, webmestre. Il s'agit surtout de fournir un menu à chacun, sans l'encombrer avec des tâches qui ne le concernent pas. L'attribution des droits, notamment par les plugins, n'en sera que simplifiée.</p> <p><span class='spip_document_1457 spip_documents spip_documents_center' >
<img src='http://romy.tetue.net/local/cache-vignettes/L500xH260/barnav_spip_depliee-2-26c79.png' width='500' height='260' alt="Vue dépliée des menus de navivation (prototype)" title="Vue dépliée des menus de navivation (prototype)" style='height:260px;width:500px;' /></span></p> <ol class="spip"><li> Le premier menu, « <strong>Édition</strong> », permet aux <i>rédacteurs</i> de consulter et d'éditer (c'est-à-dire créer, modifier ou supprimer) les contenus du site : lister et trier les articles, écrire une nouvelle brève, ajouter un document, modifier le rubriquage, mais aussi éditer d'autres types d'objets, ajoutés par les plugins ;</li><li> le menu suivant permet, si les options correspondantes sont activées, de <strong>suivre l'activité éditoriale</strong> du site (suivi de versions, calendrier, messagerie et forums internes, etc) ; serait-ce le rôle du <i>rédac'chef</i> ?</li><li> le menu suivant permet de gérer, s'il y a lieu, les contributions externes et tout ce qui relève de l'<strong>interactivité</strong> du site avec ses internautes (forums, pétitions, listes de diffusion, abonnements, etc.), ce qui est généralement le rôle des <i>modérateurs</i> ;</li><li> le menu suivant regroupe les opérations d'administration et de <strong>maintenance ordinaire</strong> : sauvegarde de la base, gestion du cache et des accès, etc. que seuls les <i>administrateurs</i> peuvent effectuer ;</li><li> tandis que le dernier, « <strong>configuration</strong> », ne sert qu'une fois dans la vie du site puisqu'il regroupe les réglages qu'effectue le <i>webmestre</i> après l'installation.</li></ol>
<p>Ce réagencement des menus suppose qu'il faille revoir (regrouper ou tronçonner) certaines pages, mais cela n'est pas abordé ici.</p> <h2>
À retenir des problématiques déjà discutées</h2>
<p>Ce prototype a été suivi d'échanges et d'autres prototypes (de <a href='http://www.spip-contrib.net/Matthieu-Marcillaud' class='spip_out'>Matthieu Marcillaud</a>, <a href='http://www.spip-contrib.net/BoOz,502' class='spip_out'>BoOz</a>, etc.). Pour éviter de répéter (les mêmes erreurs ou mêmes discussions plus ou moins trollesques), voici, pour mémo, quelques-unes des problématiques déjà discutées :</p> <ul class="spip"><li> <strong>Choix de la langue</strong> : il doit rester constamment visible et être facilement identifiable comme tel : lorsqu'on débarque sur l'interface dans une langue que l'on ne connaît pas, la priorité est de pouvoir en changer. C'est plus facile à dire qu'à faire, dans la mesure où il n'existe pas de convention visuelle internationale pour la compréhension de la chose. Le logo des Rolling Stone ?
<br />Techniquement il ne doit plus être constitué d'un menu select, car il est inutile d'alourdir chaque page de la liste des 40 langues. C'est donc un lien vers la page de choix personnel de la langue.</li><li> <strong>Boutons de création rapide</strong> : mieux vaut les avoir constamment sous la main. Pour éviter d'avoir à déplier un menu pour y accéder (c'est trop impraticable et dissimulé pour des actions aussi fondamentales et courantes), j'ai introduit des raccourcis visuel. Notez que ces pictos (qu'il convient de redessiner) ne sont pas « sans aucun texte », puisqu'ils sont correctement dotés d'une alternative textuelle (<code class='spip_code' dir='ltr'>alt</code>) et d'une infobulle (<code class='spip_code' dir='ltr'>title</code>). Ils s'adressent donc autant aux non-voyants qu'aux voyants.</li><li> Merde, j'ai déjà la mémoire qui flanche...</li></ul></div>
		<div class='rss_ps'><p>Cet article a été rédigé dès publication du prototype, en février dernier, et complété par la suite de quelques paragraphes. Il ne présente que mon travail, et ne constitue pas une synthèse de la réflexion collective et des propositions qui s'ensuivirent, intégralement consultables sur les listes de discussion publiques, ni ne saurait présumer de l'aboutissement de cette réflexion. Ceusses qui savent dompter <abbr title="Subversion">SVN</abbr> peuvent tester et contribuer à l'amélioration d'un prototype nettement plus abouti, disponible sous forme de plugin pour SPIP 2 : <a href='http://zone.spip.org/trac/spip-zone/browser/_core_/plugins/bandeau' class='spip_out'>Bandeau 2.1</a>. Critiques et contributions sont bienvenues.</p> <p>- Mon message initial et toute la discussion qui s'ensuivit : <a href='http://comments.gmane.org/gmane.comp.web.spip.devel/52128' class='spip_out'>Prototype de navigation haute pour l'interface SPIP</a>, liste [spip-dev], 04 Feb 2009.</p> <p>Quelques repères et éléments de réflexion :
<br />- <a href='http://www.slideshare.net/cyrildoussin/paris-web-presentation' class='spip_out'>Enrichissement progressif de sites web</a>, support de l'atelier de Cyril Doussin, Paris Web, novembre 2008
<br />- <a href='http://www.dailymotion.com/playlist/xrlyk_parisweb_paris-web-2008/video/x7o6g8_amelie-boucher-ergonomie-des-interf_tech' class='spip_out'>Ergonomie des interfaces riches</a>, intervention d'Amélie Boucher, qui nous rappelle que « l'enjeu, finalement, c'est que l'interface s'efface pour laisser les gens l'utiliser », à Paris Web, novembre 2008.
<br />- <a href='http://www.nota-bene.org/Gardez-vous-des-idiolectes' class='spip_out'>Gardez-vous des idiolectes</a>, Stéphane Deschamps, février 2009.</p></div>
		<img src="http://feeds.feedburner.com/~r/romy/~4/gLrhBhVe34s" height="1" width="1"/>]]></content:encoded>


		

	<feedburner:origLink>http://romy.tetue.net/prototype-navigation-haute-pour-interface-spip</feedburner:origLink></item>
<item xml:lang="fr">
		<title> Plugin SkipLink</title>
		<link>http://feedproxy.google.com/~r/romy/~3/rCvH21ytYsw/plugin-skiplink</link>
		<guid isPermaLink="false">http://romy.tetue.net/plugin-skiplink</guid>
		<dc:date>2009-05-25T06:00:00Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Romy Duhem-Verdière</dc:creator>


		<dc:subject>&lt;acronym title="Système de Publication pour Internet"&gt;SPIP&lt;/acronym&gt;</dc:subject>
		<dc:subject>noisettes</dc:subject>
		<dc:subject>accessibilité</dc:subject>
		<dc:subject>navigation</dc:subject>
		<dc:subject>plugin</dc:subject>
		<dc:subject>SkipLink</dc:subject>

		<description>Ajoutez des liens d'évitement à votre site SPIP ! Ce plugin SPIP, que j'ai eu grand plaisir à vous concocter, propose des liens facilitant la navigation dans la page — liens d'accès rapide, retour en haut de page — et leurs ancres. Ces liens sont indispensables (mais pas suffisants) pour les utilisateurs naviguant au clavier et très appréciable pour surfer sur téléphone portable. Voyez un exemple d'utilisation sur le site prostitutionetsociete.fr skiplink.zip Pour en savoir plus, consultez la (...)

-
&lt;a href="http://romy.tetue.net/atelier-spip/" rel="directory"&gt;Atelier SPIP&lt;/a&gt;

/ 
&lt;a href="http://romy.tetue.net/spip" rel="tag"&gt;&lt;acronym title="Système de Publication pour Internet"&gt;SPIP&lt;/acronym&gt;&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/noisettes" rel="tag"&gt;noisettes&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/accessibilite" rel="tag"&gt;accessibilité&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/navigation" rel="tag"&gt;navigation&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/plugin" rel="tag"&gt;plugin&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/skiplink" rel="tag"&gt;SkipLink&lt;/a&gt;

		</description>


 <content:encoded><![CDATA[<img src="http://romy.tetue.net/local/cache-vignettes/L120xH120/arton581-ef02e.png" alt="" align="right" width='120' height='120' class='spip_logos' style='height:120px;width:120px;' />
		<div class='rss_chapo'><p>Ajoutez des liens d'évitement à votre site SPIP !</p></div>
		<div class='rss_texte'><p>Ce plugin SPIP, que j'ai eu grand plaisir à vous concocter, propose des liens facilitant la navigation dans la page — liens d'accès rapide, retour en haut de page — et leurs ancres. Ces liens sont indispensables (mais pas suffisants) pour les utilisateurs naviguant au clavier et très appréciable pour surfer sur téléphone portable.</p> <p><span class='spip_document_1452 spip_documents spip_documents_center' >
<img src='http://romy.tetue.net/local/cache-vignettes/L500xH150/skiplink-defaut-b1b3f.gif' width='500' height='150' alt="" style='height:150px;width:500px;' /></span></p> <p>Voyez un exemple d'utilisation sur le site <a href='http://www.prostitutionetsociete.fr/' class='spip_out'>prostitutionetsociete.fr</a></p> <dl class='spip_document_1451 spip_documents spip_documents_right' style='float:right;'>
<dt><a href="http://files.spip.org/spip-zone/skiplink.zip" title='Zip - 21.9 ko' type="application/zip"><img src='http://romy.tetue.net/local/cache-vignettes/L52xH52/zip-2bcd4.png' width='52' height='52' alt='Zip - 21.9 ko' style='height:52px;width:52px;' /></a></dt>
<dt class='crayon document-titre-1451 spip_doc_titre' style='width:120px;'><strong>skiplink.zip</strong></dt>
</dl>
<p>Pour en savoir plus, consultez la <a href='http://www.spip-contrib.net/Plugin-SkipLink' class='spip_out'>page officielle du plugin SkipLink</a>, sur SPIP-Contrib, où télécharger la dernière version, distribuée sous licence GPL.</p> <p>Et pour de plus amples explications sur ces liens, on se référera à cet article d'Alsacreations : <a href='http://www.alsacreations.com/article/lire/572-Les-liens-d-evitement.html' class='spip_out'>Les liens d'évitement</a>.</p></div>
		
		<img src="http://feeds.feedburner.com/~r/romy/~4/rCvH21ytYsw" height="1" width="1"/>]]></content:encoded>


		

	<feedburner:origLink>http://romy.tetue.net/plugin-skiplink</feedburner:origLink></item>
<item xml:lang="fr">
		<title>Mon minimum vital</title>
		<link>http://feedproxy.google.com/~r/romy/~3/_Gm43hh_DkM/mon-minimum-vital</link>
		<guid isPermaLink="false">http://romy.tetue.net/mon-minimum-vital</guid>
		<dc:date>2009-05-23T12:44:33Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Romy Duhem-Verdière</dc:creator>


		<dc:subject>migraine</dc:subject>
		<dc:subject>bouffe</dc:subject>
		<dc:subject>colocation</dc:subject>
		<dc:subject>déménager</dc:subject>
		<dc:subject>WishList</dc:subject>
		<dc:subject>télétravail</dc:subject>
		<dc:subject>pyjama</dc:subject>
		<dc:subject>&lt;abbr title="Sans Domicile Fixe"&gt;SDF&lt;/abbr&gt;</dc:subject>
		<dc:subject>nomadisme</dc:subject>

		<description>Étant souvent en transit ces deux dernières années, presque SDF, je me suis rendue compte, à force de changer d'endroit, que plusieurs petites choses m'étaient si indispensables que je m'empresse d'aller les acheter quand elles manquent, que je sois en week-end chez des amis, chez moi ou temporairement installée dans un appart. Et comme je n'ai pas encore fini de bouger, je me suis amusée à les lister. Finalement, il ne m'en faut pas tant que ça, pour me sentir bien et « chez moi ». Voici donc à quoi (...)

-
&lt;a href="http://romy.tetue.net/habiter/" rel="directory"&gt;Habiter&lt;/a&gt;

/ 
&lt;a href="http://romy.tetue.net/migraine" rel="tag"&gt;migraine&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/bouffe" rel="tag"&gt;bouffe&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/colocation" rel="tag"&gt;colocation&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/demenager" rel="tag"&gt;déménager&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/wishlist" rel="tag"&gt;WishList&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/teletravail" rel="tag"&gt;télétravail&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/pyjama" rel="tag"&gt;pyjama&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/sdf" rel="tag"&gt;&lt;abbr title="Sans Domicile Fixe"&gt;SDF&lt;/abbr&gt;&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/nomadisme" rel="tag"&gt;nomadisme&lt;/a&gt;

		</description>


 <content:encoded><![CDATA[<img src="http://romy.tetue.net/local/cache-vignettes/L150xH150/arton583-d1be6.jpg" alt="" align="right" width='150' height='150' class='spip_logos' style='height:150px;width:150px;' />
		<div class='rss_texte'><p>Étant souvent en transit ces deux dernières années, presque <abbr title="Sans Domicile Fixe">SDF</abbr>, je me suis rendue compte, à force de changer d'endroit, que plusieurs petites choses m'étaient si indispensables que je m'empresse d'aller les acheter quand elles manquent, que je sois en week-end chez des amis, chez moi ou temporairement installée dans un appart. Et comme je n'ai pas encore fini de bouger, je me suis amusée à les lister. Finalement, il ne m'en faut pas tant que ça, pour me sentir bien et « chez moi ». Voici donc à quoi doivent s'attendre mes prochains colocataires.</p> <ul class="spip"><li> Radio <a href='http://www.france-info.com/' class='spip_out'>France-info</a> au réveil puis sous la douche, sinon ça va pô :-P</li><li> Sachets de thé <a href='http://www.lipton.fr/' class='spip_out'>Lipton Yellow</a> (chu accro punaise !), du sucre blanc, un grand bol (et une bouilloire électrique ?)</li><li> Du muesli ordinaire, pas trop sucré, sans banane ni noix de coco</li><li> De l'<a href='http://fr.wikipedia.org/wiki/Ant%C3%A9site' class='spip_glossaire'>Antésite</a> (réglisse-anis), sinon j'oublie de boire</li><li> Un grand pull chaud et un pyjama confortable (c'est-à-dire : pantalon + nuisette + <a href='http://fr.wikipedia.org/wiki/sweat-shirt' class='spip_glossaire'>sweat-shirt</a>) pour coocooner</li><li> Des chaussettes chaudes et une paire de mules confortables comme des <a href='http://fr.wikipedia.org/wiki/Birkenstock' class='spip_glossaire'>Birkenstock</a>, mais plus plates et légères</li><li> Dans ma minuscule trousse de toilette de voyage, qui est devenue celle de tous les jours :<ul class="spip"><li> dentifrice et brosse à dents souple</li><li> gel douche neutre, si possible pour corps et cheveux (sinon shampoing séparé)</li><li> déodorant (en crème ou pain solide)</li><li> crème pour le visage (échantillons divers, ça prend moins de place qu'un flacon)</li><li> coupe-ongle et ciseaux</li><li> pansements à découper (car les bobos ont la fâcheuse manie de n'avoir jamais la même dimension)</li></ul></li><li> Ma serviette de rando à séchage rapide, légère, compacte et absorbante</li><li> Vêtements et sous-vêtements</li><li> Une paire de baskets et, pour l'été, des nu-pieds</li><li> Quelques breloques : boucles d'oreilles, collier et bague</li><li> Indispensable pour travailler :<ul class="spip"><li> connexion Internet, de préférence <a href='http://fr.wikipedia.org/wiki/WiFi' class='spip_glossaire'>WiFi</a> et haut-débit</li><li> mon ordi avec son alimentation</li><li> une souris et son tapis, pour éviter la tendinite du trackpad</li><li> un dossier avec toute la paperasse en cours</li></ul></li><li> De la lecture : romans, contes et légendes, magazine informatique, BD ou beau livre d'art contempo, de cuisine ou d'archi</li><li> Carnet de papier blanc, crayons et Post-it</li><li> Mon téléphone portable, sans oublier son chargeur</li><li> Un plan de Paris</li><li> Baladeur musical et ses écouteurs [<a href='http://romy.tetue.net/#nb3-1' class='spip_note' rel='footnote' title='Avec du gros son : Led Zeppelin, Chemical Brothers, Gorillaz et la compil (...)' id='nh3-1'>1</a>], indispensables pour s'isoler des gens bruyants dans les transports</li><li> Baume à lèvres neutre et crème pour les mains, que j'ai parfois fort sèches</li><li> Mon petit sac en bandoulière, dont je vous épargne la liste exhaustive du contenu (agenda, chéquier, carte d'identité, calculette, clef USB, cartes de visite, mouchoirs, etc.)</li><li> <span class='spip_document_1461 spip_documents spip_documents_right' style='float:right; width:47px;' >
<img src='http://romy.tetue.net/local/cache-vignettes/L47xH150/migranel-a4eb4.jpg' width='47' height='150' alt="Stick de Migranel" title="Stick de Migranel" style='height:150px;width:47px;' /></span>Mon indispensable petite pharmacie anti-<a href='http://romy.tetue.net/migraine' class='spip_in'>migraines</a> : Vicks, Migranel, Nurofen, Vogalib, Lutéran et Euphytose avec les prescriptions médicales correspondantes, toujours sur moi</li><li> Un foulard ou écharpe (même en été) contre les maux de gorge, la nuque raide et les torticolis</li><li> Mes lunettes de soleil (même en hiver) pour des raisons similaires</li><li> Pour mes repas, des trucs individuels et rapides à préparer : <ul class="spip"><li> Fruits et légumes à croquer : carottes, pommes bios, petites tomates, litchis, brugnons, avocats, sucrine, etc.</li><li> Pain aux graines ou galettes aux céréales</li><li> Tartinades : chèvre frais, houmos ou pâté végétal</li><li> Graines à grignoter : graines de courges, noix ou graines germées</li><li> Sauce soja ou vinaigrette olive-balsamique (<a href='http://www.olivier-on-line.com/site/espace_pro.cfm?l=fre&mignonnettes=1' class='spip_out'>mignonnettes A l'Olivier</a>, hmm)</li><li> Grande assiette calotte pour mélanger tout ça et petit plateau pour ne pas foutre des miettes partout</li><li> Un torchon, un (grand) couteau de cuisine et un économe</li></ul></li><li> Et quand je dors plus de 5 jours au même endroit : ma peluche fétiche et un vieux tee-shirt tout doux pour mettre sur les yeux pour faire le noir (rigolez pas)</li><li> Pastilles pour la gorge, sans sucre (Drill)</li></ul>
<p><span class='spip_document_1459 spip_documents spip_documents_center' >
<img src='http://romy.tetue.net/local/cache-vignettes/L500xH90/bic_zwart-c63d7.jpg' width='500' height='90' alt="Stylo Bic noir" title="Stylo Bic noir" style='height:90px;width:500px;' /></span></p> <p>C'est tout. Non, il ne manque rien dans ma liste : ni chocolat, ni TV, ni tampons, ni maquillage, ni parapluie, ni clopes, ni café, ni yaourts, dont je me passe fort bien. Si je m'installais, il faudrait ajouter : une photo à accrocher au mur, mon petit bouddha, mon parfum... mais c'est une autre affaire, celle d'un déménagement, que j'espère prochain. Et vous, quels sont vos trucs indispensables ?</p></div>
		<hr />
		<div class='rss_notes'><p>[<a href='http://romy.tetue.net/#nh3-1' id='nb3-1' class='spip_note' title='Notes 3-1' rev='footnote'>1</a>] Avec du gros son : Led Zeppelin, Chemical Brothers, Gorillaz et la compil Toxic. Yeh !</p></div>
		<div class='rss_ps'><p>Voir aussi, c'est très fifille mais toujours rigolo : <a href='http://le-sac-des-filles.over-blog.fr/' class='spip_out'>Le sac des filles</a>, un blog où les filles vident littéralement leur sac. Et pour, au contraire, se désencombrer, voici un forum dédié à la <a href='http://simplicitevolontaire.bbfr.net/' class='spip_out'>simplicité volontaire</a>.</p></div>
		<img src="http://feeds.feedburner.com/~r/romy/~4/_Gm43hh_DkM" height="1" width="1"/>]]></content:encoded>


		

	<feedburner:origLink>http://romy.tetue.net/mon-minimum-vital</feedburner:origLink></item>



</channel>

</rss>
