<?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 web et développement front de qualité, experte en X-HTML, CSS, SPIP, sémantique et accessibilité.</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>Mais essayez donc en basse connexion !</title>
		<link>http://feedproxy.google.com/~r/romy/~3/kgAVOGU_ONw/mais-essayez-donc-en-basse-connexion</link>
		<guid isPermaLink="false">http://romy.tetue.net/mais-essayez-donc-en-basse-connexion</guid>
		<dc:date>2009-11-12T22:12:00Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Romy Duhem-Verdière</dc:creator>


		<dc:subject>Internet</dc:subject>
		<dc:subject>accessibilité</dc:subject>
		<dc:subject>Web 2.0</dc:subject>

		<description>Les producteurs de sites web oublient trop souvent que tous les internautes ne sont pas, comme eux, équipés d'un accès Internet en haut débit. La génération précédente, celle de nos parents, n'est pas prompte à renouveler son matériel et certains surfent encore avec un Modem 56 kbps et un écran de 800 pixels de large. À l'opposé, les plus branchés s'équipent de terminaux mobiles (ordinateur ou téléphone portable) et surfent avec une clé 3G. En plein déménagement, et dans l'attente, qui s'annonce longue (plus (...)

-
&lt;a href="http://romy.tetue.net/web-design/" rel="directory"&gt;Web Design&lt;/a&gt;

/ 
&lt;a href="http://romy.tetue.net/internet" rel="tag"&gt;Internet&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/web-2-0" rel="tag"&gt;Web 2.0&lt;/a&gt;

		</description>


 <content:encoded><![CDATA[<img src="http://romy.tetue.net/local/cache-vignettes/L150xH150/arton640-c8fbf.gif" alt="" align="right" width='150' height='150' class='spip_logos' style='height:150px;width:150px;' />
		<div class='rss_texte'><p>Les producteurs de sites web oublient trop souvent que tous les internautes ne sont pas, comme eux, équipés d'un accès Internet en haut débit. La génération précédente, celle de nos parents, n'est pas prompte à renouveler son matériel et certains surfent encore avec un <abbr title="MOdulateur-DEModulateur à 56 Kilobits par seconde">Modem 56 kbps</abbr> et un écran de 800 pixels de large. À l'opposé, les plus branchés s'équipent de terminaux mobiles (ordinateur ou téléphone portable) et surfent avec une <abbr title="Clé troisième génération">clé 3G</abbr>.</p> <p>En plein déménagement, et dans l'attente, qui s'annonce longue (plus de 3 semaines !), de ma nouvelle connexion Internet, j'expérimente ces jours-ci des connexions de qualité moindre. Et ma pratique d'Internet s'en trouve complètement modifiée, c'est édifiant.</p> <p>Concrètement, je me connecte à Internet en wifi, en plein Paris, alternant entre la <abbr title="Clé troisième génération">clé 3G</abbr> du kit Internet Mobile Bouygues Telecom qui s'avère globalement plus confortable, et FreeWifi lorsque la connexion précédente merdoie. Première chose à retenir : ce sont là des connexions d'appoint, qui ne permettent pas un usage complet satisfaisant d'Internet.</p> <h2 class="spip">
Je surfe comme avec des œillères, dans un Web rétréci</h2>
<p>Mes habitudes de surf se sont donc modifiées, assez fortement, pour s'adapter à cette connexion au débit irrégulier et globalement médiocre.</p> <ul class="spip"><li> Quand je publie un billet ou un commentaire, <strong>je fais moins de liens</strong>. D'ailleurs, je surfe moins, n'osant plus cliquer les liens pour explorer de nouvelles pages, dont la lenteur d'affichage présumée suffit à me dissuader. Je passe mon chemin et ne sors plus des sentiers battus.</li><li> <strong>Je fais moins de recherches</strong>, je brime ma curiosité et j'apprends moins. Au lieu d'être précise, je reste dans le doute et l'approximation.</li><li> <strong>Je zappe les vidéos</strong> et le Flash, quittant rapidement les pages contenant des pubs et autres animations et à plus forte raison les sites <a href='http://romy.tetue.net/ne-faites-plus-de-sites-full-flash-c-est-vraiment-trop-nul' class='spip_in'>full Flash</a>. Les sites et services comme YouTube et DailyMotion ne font plus partie de mon paysage de surf. Le plugin <a href='http://flashblock.mozdev.org/' class='spip_out'>FlashBlock</a> (pour Firefox) est une bénédiction !</li><li> Les pages qui ne proposent pas d'information sous forme textuelle (parce qu'elles reposent uniquement sur du visuel) perdent absolument tout intérêt.</li></ul>
<h2 class="spip">
SVN, Skype et IRC passent, bien mieux que mail, Web et FTP</h2>
<ul class="spip"><li> <strong>L'envoi de courrier électronique est laborieux</strong>, si bien que je n'en écris plus qu'en cas de nécessité. Il arrive qu'un courriel ne parte que le lendemain et soit expédié en double ou triple... Communiquer par téléphone me semble à nouveau plus simple et efficace.</li><li> Je maudis les expéditeurs de pièces jointes anecdotiques : par pitié, cessez de m'envoyer vos photos de vacances par mail alors que vous pouvez les publier sur le Web, et tapez l'info essentielle en clair dans le corps du message au lieu de la dissimuler dans un .pdf ou .doc joint !</li><li> De même, je maudis les newsletters en HTML, qui font ramer ma messagerie avec leurs images dont on n'a rien à faire.</li><li> Du coup, pour ne plus être importunée et ne pas monopoliser la connexion à charger des mails pour rien, <strong>je laisse ma messagerie fermée</strong> des heures durant, et je ne relève plus mon courrier que le matin, le midi et le soir, pendant la douche ou le repas.</li><li> <strong>Je ne tweete plus</strong> : ce site d'apparence si simple est d'une lenteur extrêmement atroce !! C'est bien simple : je ne parviens pas à l'afficher. Il m'est heureusement possible de tweeter depuis l'interface SPIP de mon site (grâce au <a href='http://www.spip-contrib.net/?article3051' class='spip_out'>plugin Microblog</a>) mais je n'en vois plus vraiment l'intérêt...</li><li> Par contre, j'apprécie grandement les <strong>discussions instantanées</strong> sur IRC et Skype, dont le débit reste humainement tolérable, c'est-à-dire tel qu'annoncé et attendu, en l'occurrence instantané.</li><li> <strong>Je ne peux plus FTP</strong>, mais j'arrive encore à SVN, ouf !</li></ul>
<h2 class="spip">
Souvenirs, souvenirs...</h2>
<ul class="spip"><li> Je reprends des habitudes de <strong>travail hors connexion</strong> : en préparant, par exemple, un texte dans un éditeur local et non plus directement dans le <abbr title="Content Management System" lang="en">CMS</abbr> en ligne, en attendant les heures creuses pour uploader une image, parfois en pleine nuit, etc.</li><li> Je morcelle les tâches : j'appelle une nouvelle <abbr title="Uniform Resource Locator" lang="en">URL</abbr> et, en attendant que la page s'affiche, je poursuis une tâche en local, et ainsi de suite. Difficile de rester concentrée...</li><li> <strong>J'évite toute interaction</strong> : poster un formulaire prend trop de temps, échoue trop souvent. Je ne suis donc plus concernée par la <abbr title="Vente par Correspondance">VPC</abbr> ni par le « web 2.0 » si participatif et interactif, basta !</li></ul>
<p>Je retrouve là — non sans une certaine nostalgie — mes habitudes de surf d'il y a 10 ans, quand j'accédais à Internet avec un <abbr title="MOdulateur-DEModulateur à 56 Kilobits par seconde">Modem 56 kbps</abbr>... sauf qu'à l'époque, je ne ratais pas grand chose, vu qu'il y avait peu à voir sur la toile ; on faisait vite le tour du Web.</p> <h2 class="spip">
Le « Web 2.0 » n'existe pas encore</h2>
<p>Pour qu'on se rende bien compte de combien le Web est défiguré, je voudrais épingler ici certains sites [<a href='#nb_2A' class='spip_note' rel='footnote' title='Notez que j'ai fais plusieurs essais, répétés, sur plusieurs jours, en prenant (...)' id='nh_2A'>*</a>]. Certains sont totalement inaccessibles, comme ratp.fr (qui me serait pourtant diablement utile en ce moment), voyages-sncf.com (ce qui ne surprendra personne). Ces sites qui reposent sur d'anciennes technologies, mais aussi sur un fonctionnement interne archaïque, dignes des pays de l'Est avant la chute du Mur, sont connus pour être des contre-exemple en terme d'ergonomie et d'optimisation.</p> <p>Plus étonnant, les deux gros sites de réseautage, actuellement si à la mode, <strong>Twitter et Facebook, sont terriblement inaccessibles</strong> avec une telle connexion [<a href='#nb_2A' class='spip_note' rel='footnote'>*</a>]. Il faut bien se rendre compte que ceusses qui tweetent bénéficient nécessairement d'une connexion Internet haut débit. Ce sont des privilégiés.</p> <p>Google et Wikipédia sont si rarement utilisables, qu'il est parfois plus simple de poser ma question dans un forum ou un chat et d'attendre qu'un internaute me réponde. À l'avenir, soyez donc indulgents avec les internautes qui posent des questions sans avoir préalablement cherché : peut-être est-ce parce qu'ils ne sont pas au top de la technologie, et non pas fainéants.</p> <p>La plupart des sites sont lents mais, armés de plus ou moins de patience, ils se visitent quand même, parfois sans leur habillage graphique (trop lent à charger). Cependant, on n'y traîne pas, visitant 2 à 3 pages maxi. D'autres, comme le site de ma banque, Hellocoton ou Flickr, sont accessibles de façon épisodique : ils refusent obstinément de s'afficher plusieurs heures durant, mais se consultent soudain très aisément pendant quelques heures, avant de bloquer à nouveau.</p> <p>J'emménage et je cherche à équiper mon logement : le site d'Habitat est pénible, mais celui d'IKEA se visite assez bien. J'ai apprécié la boutique Orichalk, qui m'a bien renseigné, même si je n'ai pas pu aller jusqu'au bout de l'acte d'achat. D'ailleurs je renonce à tout achat en ligne, préférant retourner battre le pavé. Amazon est impressionnant : constamment accessible ! À l'opposé, je n'ai pas pas pu voir une seule fois le site de la marque Soho [<a href='#nb_2A' class='spip_note' rel='footnote'>*</a>].</p> <p>J'en ai profité pour tester l'interface d'édition de <acronym title="Système de Publication pour Internet, version 2">SPIP 2</acronym>, qui s'était avérée inutilisable dans genre de situation. C'est heureusement amélioré : les formulaires d'édition mettent quelques secondes à se charger complètement et devenir lisibles, mais ils sont désormais utilisables. C'est toujours mieux avec la rustine CSS distribuée dans le plugin <a href='http://www.spip-contrib.net/SPIP-Bonux' class='spip_out'>SPIP Bonux</a>, mais celle-ci n'est plus indispensable.</p> <p>Finalement, les sites les plus aisément consultables sont majoritairement des blogs et quelques sites pas tape à l'œil mais bien fichus, c'est-à-dire conçus par des webmestres qui ont le souci de leurs visiteurs.</p> <h2 class="spip">
Et donc ?</h2>
<p>Pour résumer, le Web est bien moins inter-agit lorsque le débit de connexion est moindre. C'est une lapalissade que de le dire, et pourtant, cette expérience montre que ce n'est que trop peu pris en compte par les sites en ligne : dès que ça rame, c'en est fini de l'interaction, des formulaires, de la VPC et du « web 2.0 » !</p> <p>Et il ne faut pas se reposer sur l'idée que l'avancée technologique comblera ce que l'on pourrait négligemment qualifier d'inconfort de connexion, puisque, maintenant que nous sommes correctement servis au bureau, c'est dans la rue et dans le train que nous nous mettons à surfer, explorant sans cesse de nouvelles situations, pionnières et contraignantes... comme il y a dix ans.</p> <p>Cette liste est riche d'enseignement. On peut la lire à rebrousse-poil, afin d'en déduire les points bloquants, à améliorer dès lors que l'on se préoccupe de rester accessible au plus grand nombre. Rien de nouveau : privilégier l'information textuelle et éviter de charger la page en graphismes, vidéos et animations. Comme sur tout bon support d'information.</p></div>
		<hr />
		<div class='rss_notes'><p>[<a href='#nh_2A' id='nb_2A' class='spip_note' title='Notes _2A' rev='footnote'>*</a>] Notez que j'ai fais plusieurs essais, répétés, sur plusieurs jours, en prenant soin de noter les échecs. Bien sûr, cela mériterait des tests rigoureux, avec mesure du poids des pages en question, des temps de chargement, etc. Mais le ressenti utilisateur est aussi un indicateur, non négligeable.</p></div>
		
		<img src="http://feeds.feedburner.com/~r/romy/~4/kgAVOGU_ONw" height="1" width="1"/>]]></content:encoded>


		

	<feedburner:origLink>http://romy.tetue.net/mais-essayez-donc-en-basse-connexion</feedburner:origLink></item>
<item xml:lang="fr">
		<title>SPIP 2010, même pas peur !</title>
		<link>http://feedproxy.google.com/~r/romy/~3/8LpGMnRUawU/spip-2010-meme-pas-peur</link>
		<guid isPermaLink="false">http://romy.tetue.net/spip-2010-meme-pas-peur</guid>
		<dc:date>2009-10-30T23:56:00Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Romy Duhem-Verdière</dc:creator>


		<dc:subject>mort</dc:subject>
		<dc:subject>interface</dc:subject>

		<description>&lt;p&gt;On aurait pu croire SPIP à l'agonie, mais l'animal bouge encore. Rapide bilan d'une année avec SPIP 2.0.&lt;/p&gt;

-
&lt;a href="http://romy.tetue.net/atelier-spip/" rel="directory"&gt;Atelier SPIP&lt;/a&gt;

/ 
&lt;a href="http://romy.tetue.net/mort" rel="tag"&gt;mort&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/interface" rel="tag"&gt;interface&lt;/a&gt;

		</description>


 <content:encoded><![CDATA[<img src="http://romy.tetue.net/local/cache-vignettes/L111xH150/arton641-9a6e2.png" alt="" align="right" width='111' height='150' class='spip_logos' style='height:150px;width:111px;' />
		<div class='rss_chapo'><p>Attention, il bouge encore !</p></div>
		<div class='rss_texte'><p>On aurait pu croire l'animal à l'agonie, mais une nouvelle version de <acronym title="Système de Publication pour Internet">SPIP</acronym> vient de sortir, numérotée 2.0.10, comme une anticipation, que dis-je, un désir de l'année à venir, comme une carte de vœux avant l'heure, digne d'un SPIP qui serait en avance sur son temps. <q><a href='http://www.spip-contrib.net/SPIP-2-0-10-est-sorti' class='spip_out'>SPIP 2.0.10, même pas peur !</a></q> Ainsi s'annonce cette nouvelle version, comme une provocation, de couleur citrouille, taquine comme un polatouche.</p> <p>Ceci me fait prendre conscience, en ces jours de fête des morts, que SPIP n'est finalement pas encore assez moribond pour participer à la <a href='http://pariszombie.com/' class='spip_out' title="Paris Zombie Walk">marche des zombies</a> qui traversait dernièrement ma ville, contrairement à ce que j'ai failli penser [<a href='#nb1' class='spip_note' rel='footnote' title='En réponse à cette étude comparative de plusieurs CMS, qui présentait SPIP (...)' id='nh1'>1</a>], il y a un an de ça, écrivant finalement : <q>Gardez un œil sur SPIP : la bête n'est peut-être pas encore totalement morte.</q> Effectivement, elle bouge encore. Elle sautille même, et plutôt gaiement. Grml, impossible à attraper, cette bestiole !</p> <p>Beaucoup ont de SPIP l'image de cette <a href='http://www.spip.net/fr_article3037.html' class='spip_out' title="L'interface graphique depuis SPIP 1.8">interface graphique</a> qui marqua les esprits par sa verdeur et la radicalité du changement qu'elle imposa en <a href='http://www.spip.net/fr_article2991.html' class='spip_out' title="SPIP 1.8">version 1.8</a>. Certains, peut-être passés à autre chose, ont longtemps ignoré l'existence d'une <a href='http://www.spip.net/fr_article3368.html' class='spip_out' title="SPIP 1.9">version 1.9</a>, alors que nous sommes déjà rendus à une <a href='http://www.spip.net/fr_article3784.html' class='spip_out' title="SPIP 2.0">2.0</a>. Il faut dire que, même si de profonds remaniements ont fait évoluer SPIP, en surface celui-ci n'a visiblement guère changé depuis 2005, restant hermétique aux effets de style dit « web 2.0 », comme un petit vieux qui se plairait dans son fauteuil d'un autre temps. De là à le croire mort... C'est ainsi que, paraît-il, SPIP est détrôné par le tout puissant <a href='http://drupal.org/' class='spip_out' hreflang='en'>Drupal</a>, si <a href='http://www.spip-blog.net/Drupal-et-mySQL-sont-sur-un.html' class='spip_out' title="Drupal et mySQL sont sur un serveur...">gourmand en ressources</a>. Quelques années plus tôt, il l'était par <a href='http://www.typo3.com/' class='spip_out' hreflang='en'>Typo 3</a>, un autre CMS dont on me rabattait alors les oreilles, mais dont je n'entends plus parler aujourd'hui. Les CMS aussi connaissent des modes, et SPIP laisse très volontiers le trône de top-model à d'autres. Âgé de 8 ans et toujours présent, il se démarque par sa <a href='http://www.spip-blog.net/De-la-constance-toujours-de-la.html' class='spip_out' title="De la constance, toujours de la constance">constance</a>.</p> <p>Son interface vieillotte et perfectible, que tout le monde s'accorde désormais à qualifier « de merde », avec amertume ou humour, est un serpent de mer qui divise épisodiquement les développeurs et chagrine les autres, bien que, ne l'oublions pas, elle reste concrètement utilisable, permettant l'édition de milliers de sites. La lecture de <a href='http://www.rantsandraves.co.uk/rant15.html' class='spip_out' hreflang='en' title="Huw Collingbourne's Rants and Raves :: Spip, Joomla, Pivot, WordPress, CMS Made Simple|">cette comparaison avec d'autres outils</a> est, sur ce point, assez intéressante.</p> <p>Si son apparence est déroutante, l'animal étonne toujours par sa souplesse et permet de construire un site robuste assez facilement et à moindre coût, ce qui en désintéresse aussitôt les décideurs qui ont besoin d'écouler du budget. Il a certes abandonné les utilisateurs ordinaires, ce qui me fend irrémédiablement le cœur, mais il a y encore matière à s'amuser avec SPIP, qu'il faut désormais prendre comme une <a href='http://www.spip-blog.net/De-l-interet-de-SPIP-comme.html' class='spip_out' title="De l'intérêt de SPIP comme framework">plateforme de développement d'applications</a>. Les évolutions et innovations <a href='http://www.spip-blog.net/Degraissons-l-ecureuil.html' class='spip_out' title="Dégraissons l'écureuil">ne se font plus au cœur</a>, qui s'assèche, mais en périphérie, où s'ébattent joyeusement les plugins. SPIP est ailleurs.</p> <p><span class='spip_document_1600 spip_documents spip_documents_center'>
<img src='http://romy.tetue.net/local/cache-vignettes/L500xH125/spip-2010-meme-pas-peur-6917f.png' width='500' height='125' alt="" style='height:125px;width:500px;' /></span></p> <p>C'est ainsi que sous SPIP 2, tournent des sites aussi divers et épatants que <a href='http://www.lebanese-fashion.com/' class='spip_out'>lebanese-fashion.com</a>, un site en arabe très fashion, également consultable en version iPhone ; <a href='http://www.obiwine.com/' class='spip_out'>Obiwine</a>, la « communauté du vin 2.0 » à la sauce facebook ; <a href='http://www.cuisine-libre.fr/' class='spip_out'>Cuisine libre</a>, remarqué pour la classification (polyhierarchique) de ses recettes ; <a href='http://lacharitesurloire.reflet-web.net/' class='spip_out'>Reflet</a>, un site artistique full Flash ; le site gouvernemental du <a href='http://www.rsa.gouv.fr/' class='spip_out' title="revenu de Solidarité active">rSa</a>, qui encaisse 250 000 visites par jour, ou encore <a href='http://www.france-info.com/' class='spip_out'>France Info</a>, radio nationale qui supporte un trafic autrement plus massif...</p> <p>Le <a href='http://www.spip.net/' class='spip_out'>site officiel</a> vieillit, radote et s'enkylose — il floode des boucles et balises déjà documentées, mais n'annonce même plus les nouveautés des versions mineures ! —, ne renvoyant pas une image jeune, fraîche et dynamique, certes, mais d'autres prennent le relais, comme le bien nommé <a href='http://www.spip-info.net/' class='spip_out'>SPIP.Info</a> qui répond à toutes les questions élémentaires en fournissant des repères et, pour les plus codeurs, <a href='http://programmer.spip.org/' class='spip_out'>Programmer avec SPIP 2.0</a>, site qui va faire l'objet d'<a href='http://www.spip-blog.net/Programmer-avec-SPIP-le-livre.html' class='spip_out' title="Programmer avec SPIP : le livre">édition papier</a> à la demande : <q>du web sur du papier, trop fort ;-)</q>. Pas loin de là, le vieux <a href='http://www.spip-contrib.net/' class='spip_out'>SPIP-Contrib</a> renaît sans cesse de ses cendres, toujours très actif, et plus exhaustif que le séduisant <a href='http://plugins.spip.net/' class='spip_out'>Plugins SPIP</a> qui présente tout de même une bonne centaine de plugins pour SPIP 2.</p> <p>SPIP est ailleurs, vous dis-je !</p></div>
		<hr />
		<div class='rss_notes'><p>[<a href='#nh1' id='nb1' class='spip_note' title='Notes 1' rev='footnote'>1</a>] En réponse à cette étude comparative de plusieurs CMS, qui présentait SPIP ainsi : <q>Compliqué, <strong>doté d'une interface d'un autre âge</strong>, plombé par un système de "squelettes" (gabarits) qui rend toute modification délicate, autant de défauts excusables quand SPIP faisait figure de pionnier. SPIP accuse désormais son âge</q>. <a href='http://www.01net.com/editorial/380194/comment-bien-choisir-son-outil-de-gestion-de-contenus-internet/?di=5&play=0#debutDiaporama' class='spip_out'>Comment bien choisir son outil de gestion de contenus Internet</a>, Sylvain Simoneau, 01net., mai 2008.</p></div>
		<div class='rss_ps'><p>Il est toujours intéressant de relire <a href='http://www.spip.net/fr_article918.html' class='spip_out'>l'histoire minuscule et anecdotique de SPIP</a>.</p></div>
		<img src="http://feeds.feedburner.com/~r/romy/~4/8LpGMnRUawU" height="1" width="1"/>]]></content:encoded>


		

	<feedburner:origLink>http://romy.tetue.net/spip-2010-meme-pas-peur</feedburner:origLink></item>
<item xml:lang="fr">
		<title>Participez au Very Nice Blog</title>
		<link>http://feedproxy.google.com/~r/romy/~3/GnaUzpGuYpo/participez-au-very-nice-blog</link>
		<guid isPermaLink="false">http://romy.tetue.net/participez-au-very-nice-blog</guid>
		<dc:date>2009-10-15T17:19:00Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Romy Duhem-Verdière</dc:creator>


		<dc:subject>blogs</dc:subject>
		<dc:subject>blogosphère</dc:subject>

		<description>&lt;p&gt;Participez au concours « &lt;cite&gt;Very Nice Blog&lt;/cite&gt; » pour remporter le prix du blog le plus original, le plus esthétique et le plus ergonomique !&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/blogs" rel="tag"&gt;blogs&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/blogosphere" rel="tag"&gt;blogosphère&lt;/a&gt;

		</description>


 <content:encoded><![CDATA[<img src="http://romy.tetue.net/local/cache-vignettes/L105xH150/arton620-a78c8.png" alt="" align="right" width='105' height='150' class='spip_logos' style='height:150px;width:105px;' />
		<div class='rss_chapo'><p>Participez au concours « <cite>Very Nice Blog</cite> » pour remporter le prix du blog le plus original, le plus esthétique et le plus ergonomique !</p></div>
		<div class='rss_texte'><p>Voici un concours amateur qui mérite qu'on s'y intéresse pour l'originalité de ses critères. En effet, les blogs concurrents seront jugés sur :</p>
<blockquote class="spip">
<ul class="spip"><li> <strong>l'esthétique</strong> générale du blog : couleur, design, mise en place…</li><li> <strong>l'ergonomie</strong> du blog : fonctionnalités, facilité de déplacement, compréhension du lecteur, rapidité d'affichage, organisation…</li><li> <strong>l'originalité</strong> : le truc en plus qui fait toute la différence. Le souci du détail… et le côté « pas vu mille fois ailleurs »…</blockquote>
</li></ul>
<p>Les internautes votent (jusqu'au 15 novembre à minuit) pour les blogs qu'ils préfèrent parmi les <a href='http://veryniceblog.com/cat/very-nice-candidats/' class='spip_out'>357 participants</a>. Heureusement, le gagnant n'est pas celui qui aura recueilli le plus grand nombre de vote, ceux-ci étant manifestement attribués par copinage, au mépris des critères énoncés. Le <a href='http://veryniceblog.com/cat/very-nice-jury/' class='spip_out'>jury</a> qui départagera ensuite est en partie composé de gagnants de l'édition précédente, ce qui est assez pertinent et rend la chose plutôt sympathique, lesquels sont parfois des professionnels de la communication ou du Web.</p> <p>Je participe avec mon site perso bien sûr, mais aussi avec ce nouveau blog culinaire collaboratif, cuisine-libre.fr, qui ont déjà remporté respectivement 9 et 141 voix. Soyez sympas, <strong><a href='http://veryniceblog.com/very-nice-candidats/autres/romy-tetue-net/' class='spip_out' title="Votez pour romy.tetue.net !">votez pour mon blog</a></strong> ou <a href='http://veryniceblog.com/very-nice-candidats/autres/cuisine-libre/' class='spip_out' title="Votez pour cuisine-libre.fr !">pour cuisine-libre.fr</a> en cliquant sur le petit cœur rouge, pour les sortir du lot et les faire remarquer du jury !</p> <p><span class='spip_document_1605 spip_documents spip_documents_center'>
<img src='http://romy.tetue.net/local/cache-vignettes/L468xH113/vnb-2009-1-e4c77.jpg' width='468' height='113' alt="" style='height:113px;width:468px;' /></span></p> <p>Inscrivez aussi votre blog, pour compléter cette galerie dans sa diversité. Pensez surtout à donner votre avis en visitant et commentant les autres blogs. C'est l'occasion d'avoir un échange informel et grand public sur la qualité des blogs, ces sites que nous produisons, éditons, lisons. J'ai ainsi apprécié :</p> <ul class="spip"><li> <a href='http://veryniceblog.com/very-nice-candidats/cowblog/le-blog-qui-pique-les-yeux/' class='spip_out'>Le blog qui pique les yeux</a> clignote comme une guirlande de Noël, et aurait pu remporter un premier prix graphique s'il avait poussé plus loin dans le style moche, relancé depuis peu par le bide de desirsdavenir.com</li><li> <a href='http://veryniceblog.com/very-nice-candidats/wordpress/cuisine-saine-le-blog-cuisine-bio/' class='spip_out'>Cuisine Saine</a>, un carnet perso de recettes bio, au graphisme sur mesure et à la navigation claire.</li><li> Le plus beau, <a href='http://veryniceblog.com/very-nice-candidats/wordpress/leffet-crea-2/' class='spip_out'>L'effet Créa</a>, est non seulement très joliment habillé, mais aussi bien fichu. Aussi agréable que pratique, je vote pour !</li></ul>
<p><span class='spip_document_1604 spip_documents spip_documents_center'>
<img src='http://romy.tetue.net/local/cache-vignettes/L468xH113/vnb-2009-2-e66f7.jpg' width='468' height='113' alt="" style='height:113px;width:468px;' /></span></p> <p>Par contre, je ne m'explique pas très bien pourquoi les blogs sont triés par plateforme utilisée (Blogger, WordPress, Canalblog, etc.) pour chacune desquelles un gagnant sera retenu ! Un regret : ne pas y trouver SPIP qui, me direz-vous, n'est pas un moteur de blog, ce à quoi je vous répondrais qu'il existe quand même plusieurs <a href='http://www.spip-contrib.net/Squelettes-pour-blog' class='spip_out'>squelettes de blog</a>, dont <a href='http://www.spip-contrib.net/SPIP-Clear' class='spip_out'>SpipClear</a> (une imitation de Dotclear). Mais surtout, peu importe avec quoi est fabriqué le blog quand on juge de « l'esthétique, l'ergonomie et l'originalité » c'est-à-dire du résultat final. Il me semblerait plus cohérent de distinguer un gagnant par critère : « premier prix esthétique », « premier prix ergo » et « premier prix originalité » ce qui honorerait mieux les participants pour leur talents que pour leurs contraintes techniques.</p> <p><span class='spip_document_1606 spip_documents spip_documents_center'>
<img src='http://romy.tetue.net/local/cache-vignettes/L468xH113/vnb-2009-3-7a2a5.jpg' width='468' height='113' alt="" style='height:113px;width:468px;' /></span></p></div>
		<div class='rss_ps'><p><a href='http://veryniceblog.com/reglement-du-concours/' class='spip_out'>Règlement du concours</a>.
<br />Lire aussi cette <a href='http://monblogessai.wordpress.com/2009/09/04/concours-de-beaute-very-nice-blog/' class='spip_out' title="Concours de beauté “Very Nice Blog” [interview]">interview de l'organisatrice</a>, <a href='http://veryniceblog.com/very-nice-organisatrice/la-very-nice-organisatrice-lavande/' class='spip_out' title="La very nice organisatrice : Lavande">Lavande</a>, blogueuse culinaire.</p></div>
		<img src="http://feeds.feedburner.com/~r/romy/~4/GnaUzpGuYpo" height="1" width="1"/>]]></content:encoded>


		

	<feedburner:origLink>http://romy.tetue.net/participez-au-very-nice-blog</feedburner:origLink></item>
<item xml:lang="fr">
		<title>Internet, tel que prédit en 1969</title>
		<link>http://feedproxy.google.com/~r/romy/~3/n_wQMQytUHQ/internet-tel-que-predit-en-1969</link>
		<guid isPermaLink="false">http://romy.tetue.net/internet-tel-que-predit-en-1969</guid>
		<dc:date>2009-10-09T08: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>Internet</dc:subject>
		<dc:subject>TV</dc:subject>
		<dc:subject>vocabulaire</dc:subject>

		<description>&lt;p&gt;Cette étonnante vidéo de 1969, anticipe avec une précision déconcertante ce que sera Internet quelques années plus tard.&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/internet" rel="tag"&gt;Internet&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/tv" rel="tag"&gt;TV&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/L130xH97/arton613-5e051.jpg" alt="" align="right" width='130' height='97' class='spip_logos' style='height:97px;width:130px;' />
		<div class='rss_chapo'><blockquote class="spip">
<p>« Il va falloir trouver un nouveau mot pour définir cette nouvelle approche de l'image et du son, car la télévision implique la passivité face aux informations, ce qui ne sera plus le cas dans le futur. »</p>
</blockquote></div>
		<div class='rss_texte'><p>Cet étonnant document vidéo qui date du 12 novembre 1969, imagine la télévision de demain et évoque Internet sans pouvoir le nommer. Courrier électronique instantané, impression à la demande, jeux en réseau, télé haute définition, catalogue de <abbr title="Vente Par Correspondance">VPC</abbr>, commande en ligne et même le clic : tout ce que nous connaissons aujourd'hui d'Internet y est prédit avec une précision déconcertante.</p> <div class='spip_document_1585 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='425' height='350'> <param name='movie' value='http://www.accessoweb.com/v/032d6c409d3b067f894293d5597cba5aff4e44bb' /> <param name="quality" value="high" /> <param name='class' value='' /> <!--[if !IE]> <--> <object data="http://www.accessoweb.com/v/032d6c409d3b067f894293d5597cba5aff4e44bb" width='425' height='350' 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>
<p>Celui qui avait ainsi prédit Internet, n'était pas un scientifique illuminé, ni un geek première génération, mais un homme de médias, penseur et homme de terrain : Jean d'Arcy, directeur de l'information audiovisuelle de l'ONU. Ce visionnaire ne connaîtra malheureusement pas cette <q>circulation extraordinaire nouvelle, libre des images et des sons</q> qu'il décrivait et qui <q>implique une participation active de chacun</q>, puisqu'il meurt en 1983, l'année où le mot « <dfn>Internet</dfn> » devient une appellation officielle.</p></div>
		<div class='rss_ps'><p>Source du document : <a href='http://www.ina.fr/sciences-et-techniques/nouvelles-technologies/video/I06304175/internet-l-anticipation.fr.html' class='spip_out'><abbr title="Institut National de l'Audiovisuel">INA</abbr></a>
<br /><cite>Internet, l'anticipation</cite>, émission Eurêka - 12/11/1969 - 02min37s.</p> <p>Lire aussi : <a href='http://www.vsd.fr/contenu-editorial/l-actualite/video-buzz/599-jean-d-arcy-l-homme-qui-avait-vraiment-predit-internet' class='spip_out'>Jean d'Arcy, l'homme qui avait vraiment prédit Internet</a>, VSD, Vidéo buzz, par Ophélie Meunier, 10/06/2008.</p></div>
		<img src="http://feeds.feedburner.com/~r/romy/~4/n_wQMQytUHQ" height="1" width="1"/>]]></content:encoded>


		

	<feedburner:origLink>http://romy.tetue.net/internet-tel-que-predit-en-1969</feedburner:origLink></item>
<item xml:lang="fr">
		<title>Mon nohohon à Paris</title>
		<link>http://feedproxy.google.com/~r/romy/~3/skI1sSENm9E/mon-nohohon-a-paris</link>
		<guid isPermaLink="false">http://romy.tetue.net/mon-nohohon-a-paris</guid>
		<dc:date>2009-10-07T14:52: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>Nohohon</dc:subject>

		<description>&lt;p&gt;De retour à Paris, mon Nohohon s'installe à la fenêtre, se réjouissant de la vue sur les toits de zinc...&lt;/p&gt;

-
&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/nohohon" rel="tag"&gt;Nohohon&lt;/a&gt;

		</description>


 <content:encoded><![CDATA[<div class='rss_texte'><p><span class='spip_document_1597 spip_documents spip_documents_center'>
<img src='http://romy.tetue.net/local/cache-vignettes/L500xH375/nohohon-paris-cae93.jpg' width='500' height='375' alt="" style='height:375px;width:500px;' /></span></p></div>
		<div class='rss_ps'><p>Lire aussi : <a href='http://romy.tetue.net/mon-nohohon' class='spip_in'>Mon Nohohon vous sourit bien</a></p></div>
		<img src="http://feeds.feedburner.com/~r/romy/~4/skI1sSENm9E" height="1" width="1"/>]]></content:encoded>


		

	<feedburner:origLink>http://romy.tetue.net/mon-nohohon-a-paris</feedburner:origLink></item>
<item xml:lang="fr">
		<title>Comment j'écris mon CSS ?</title>
		<link>http://feedproxy.google.com/~r/romy/~3/ItU3Ld9bmTU/comment-j-ecris-mon-css</link>
		<guid isPermaLink="false">http://romy.tetue.net/comment-j-ecris-mon-css</guid>
		<dc:date>2009-10-07T07: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>&lt;abbr title="Cascading Style Sheets" lang="en"&gt;CSS&lt;/abbr&gt;</dc:subject>
		<dc:subject>écrire</dc:subject>
		<dc:subject>coder</dc:subject>
		<dc:subject>quiz</dc:subject>

		<description>&lt;p&gt;En réponse à l'appel à contribution pour un guide stylistique HTML/CSS, proposé à l'automne dernier par F.Verschelde, voici comment j'écris mon CSS.&lt;/p&gt;

-
&lt;a href="http://romy.tetue.net/trucs-css/" rel="directory"&gt;Trucs CSS&lt;/a&gt;

/ 
&lt;a href="http://romy.tetue.net/css" rel="tag"&gt;&lt;abbr title="Cascading Style Sheets" lang="en"&gt;CSS&lt;/abbr&gt;&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/ecrire" rel="tag"&gt;écrire&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/coder" rel="tag"&gt;coder&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/quiz" rel="tag"&gt;quiz&lt;/a&gt;

		</description>


 <content:encoded><![CDATA[<img src="http://romy.tetue.net/local/cache-vignettes/L148xH148/arton546-04519.gif" alt="" align="right" width='148' height='148' class='spip_logos' style='height:148px;width:148px;' />
		<div class='rss_chapo'><p>En réponse à l'appel à contribution pour un guide stylistique, proposé à l'automne dernier par Florent Verschelde, voici, avec un an de retard, comment j'écris mon CSS.</p></div>
		<div class='rss_texte'><p>Il ne s'agit pas d'habitudes arbitraires et capricieuses, de fantaisies d'auteur. Ce sont des conventions d'écriture que j'ai adopté et affiné au fil du temps parce qu'elles m'évitent des erreurs et me permettent d'être plus efficace.</p> <dl>
<dt>1. Quel usage faites-vous de la validation CSS ?</dt>
<dd>
<p>Je passe systématiquement mon code CSS au <a href='http://jigsaw.w3.org/css-validator/' class='spip_out' title="Service de validation CSS du W3C">validateur du W3C</a>, avant chaque mise en ligne. Mais c'est surtout pour me relire et vérifier que rien ne m'ait échappé, car mon but n'est pas que le code soit 100 % valide.</p> </dd>
<dt>2. Comment utilisez-vous les commentaires en CSS ? Avez-vous des « styles » précis pour différents types de commentaires (capitales, étoiles ou autres symboles dans le commentaire, etc.) ?</dt>
<dd>
<p>J'écris mes commentaires le plus simplement possible, en caractères alphanumériques non accentués, entre slashes-étoiles. Ex. :</p> <p><code class='spip_code' dir='ltr'>/* Listes d'articles et extraits introductifs */</code></p> <p>Seule exception : les commentaires introduisant une importante portion de code sont distingués par une ou deux série de tirets, bien visibles, de façon à être rapidement repérés. Ex. :</p> <div style='text-align: left;' class='spip_code' dir='ltr'><code>/* ------------------------------------------<br />
/* Disposition a l'ecran des blocs principaux<br />
/* ------------------------------------------ */</code></div>
</dd>
<dt>3. Utilisez-vous des sélecteurs « verbeux » (le plus précis possibles et reprenant le contexte d'utilisation de l'élément), ou au contraire les plus courts possibles ? Ou bien une solution intermédiaire ?</dt>
<dd>
<p>Je m'efforce de trouver les termes les plus courts et le plus précis possibles, mais je n'hésite pas à écrire mes sélecteurs comme un chemin d'accès et à en utiliser plusieurs sur un même élément, car j'apprécie de pouvoir me relire longtemps après et y comprendre rapidement quelque chose sans devoir me replonger complètement dans le projet. La nomenclature est pour moi importante. Informative, elle doit se passer de commentaire.</p> <p>Mais j'y gagne aussi beaucoup en souplesse : ainsi détaillés, ces sélecteurs permettent de cibler avec précision et de modifier plus facilement l'habillage sans devoir ré-éditer la structure HTML.</p> <p>Par exemple : <code class='spip_code' dir='ltr'><div class="formulaire formulaire_editer formulaire_editer_article" id="formulaire_editer_article-299"></code> : ces sélecteurs me dévoilent/rappellent la structure du projet tout en m'y situant précisément. Dans la feuille de style, une définition de <code class='spip_code' dir='ltr'>.formulaire</code> concerne tous les formulaires du site, puis est surchargée par une définition de <code class='spip_code' dir='ltr'>.formulaire_editer</code> impactant seulement les formulaires d'édition, et ainsi de suite.</p> </dd>
<dt>4. Comment utilisez-vous les espaces, retours à la ligne, lignes vides et indentations ? Pouvez-vous fournir un exemple-type ?</dt>
<dd>
<ul class="spip"><li> Espaces entre les propriétés et les valeurs, car les séparer comme les mots d'une phrase en facilite la compréhension.</li><li> Pas d'indentation.</li><li> Un sélecteur par ligne. Les déclarations qui le concernent sont alignées sur la même ligne.</li><li> Retour à la ligne avant chaque nouveau bloc de définitions.</li></ul>
<p>Exemple :</p>
<div style='text-align: left;' class='spip_code' dir='ltr'><code>.selecteur { propriete: valeur; propriete: valeur; }<br />
.selecteur { propriete: valeur; propriete: valeur; propriete: valeur; }<br />
.selecteur { propriete: valeur; }</code></div>
</dd>
<dt>5. Regroupez-vous les blocs de déclarations (sélecteurs + leurs propriétés) de manière logique ou prévisible ? Quelle est la logique utilisée, et dans quel ordre les placez-vous ?</dt>
<dd>
<p>Oui, je regroupe les règles CSS en blocs et ceux-ci correspondent aux blocs de la mise en page. J'écris ensuite tous les sélecteurs enfants, méthodiquement, même s'ils ne sont pas stylés, de façon à refléter la structure HTML du bloc parent. Ex. :</p> <div style='text-align: left;' class='spip_code' dir='ltr'><code>#toto { }<br />
#toto h2 { }<br />
#toto ul { }<br />
#toto ul li { }<br />
#toto ul li strong { }<br />
#toto ul li p { }<br />
#toto ul li a { }</code></div>
</dd>
<dt>6. Utilisez-vous des indentations multiples (jusqu'à plusieurs niveaux d'indentation) pour, par exemple, refléter la structure du code HTML ?</dt>
<dd>
<p>Non. Certainement pas ! Je n'indente pas du tout le code CSS. C'est inutile et ça n'améliore pas la lecture et la compréhension du code.</p> </dd>
<dt>7. Utilisez-vous les propriétés de raccourcies ? Si oui, les utilisez-vous systématiquement et en priorité, ou seulement lorsque cela permet de gagner quelques déclarations (propriété + valeur) ?</dt>
<dd>
<p>J'utilise les raccourcis le plus souvent possible. Sauf en cas de surcharge (avérée ou possible) où je préfère cibler de façon très précise.</p> </dd>
<dt>8. Respectez-vous un ordre précis pour les propriétés CSS (ordre alphabétique, ordre « logique », etc.) ? Si besoin, pouvez-vous le détailler ?</dt>
<dd>
<p>Je commence par les propriétés les plus impactantes et laisse les plus longues, les plus superflues et les plus esthétisantes en fin de déclaration. Dans l'ordre :</p> <ol class="spip"><li> D'abord les propriétés de positionnement : <code class='spip_code' dir='ltr'>clear</code>, <code class='spip_code' dir='ltr'>float</code>, <code class='spip_code' dir='ltr'>z-index</code>, <code class='spip_code' dir='ltr'>position</code>, <code class='spip_code' dir='ltr'>top</code>, <code class='spip_code' dir='ltr'>right</code>, <code class='spip_code' dir='ltr'>bottom</code> et <code class='spip_code' dir='ltr'>left</code> ;</li><li> puis celles modifiant le type de bloc : <code class='spip_code' dir='ltr'>display</code> et <code class='spip_code' dir='ltr'>overflow</code> ;</li><li> puis celles concernant le modèle de boîte : <code class='spip_code' dir='ltr'>width</code>, <code class='spip_code' dir='ltr'>height</code>, <code class='spip_code' dir='ltr'>margin</code>, <code class='spip_code' dir='ltr'>padding</code> ;</li><li> suivies de l'habillage de la boîte : <code class='spip_code' dir='ltr'>background</code> et <code class='spip_code' dir='ltr'>border</code> ;</li><li> pour terminer par la typo : <code class='spip_code' dir='ltr'>text-align</code>, <code class='spip_code' dir='ltr'>font</code>, <code class='spip_code' dir='ltr'>line-height</code>, <code class='spip_code' dir='ltr'>color</code>, etc.</li></ol>
<p>Le tout en respectant le sens de lecture sur une horloge : haut, droite, bas puis gauche, pour les valeurs comme pour les propriétés, soit <code class='spip_code' dir='ltr'>width</code> avant <code class='spip_code' dir='ltr'>height</code> et <code class='spip_code' dir='ltr'>top</code> avant <code class='spip_code' dir='ltr'>left</code>.</p> </dd>
<dt>9. Dans une feuille de styles relativement longue (plus de quelques dizaines de ligne, et jusqu'à des centaines ou milliers de lignes), comment organisez-vous les différents styles ? Utilisez vous des commentaires introduisant différentes parties, une « table des matières », ou d'autres procédés.</dt>
<dd>
<p>Oui, je structure ma feuille de style et en ordonne les déclarations du générique au spécifique, de façon à tirer profit de la cascade. Je commence donc par un reset très léger, aussitôt suivi de la redéfinition de chaque balise HTML, comprenant la typo générale et le style générique des formulaires, avant la disposition des blocs principaux. Une fois que cette base est posée, j'attaque les détails et spécificités, gabarit par gabarit, les variantes et les cas particuliers.</p> <p>Oui, je structure ma feuille de style et annonce chaque section par un titre.</p> </dd>
<dt>10. Utilisez-vous plusieurs feuilles de styles pour un projet de « petit » site (moins de dix pages-type). Utilisez-vous plusieurs feuilles de styles pour des projets plus conséquents ? Comment séparez-vous les différents styles : par type de propriétés CSS, par type de page, etc. ?</dt>
<dd>
<p>Je suis partisane de la feuille de style unique. C'est toujours plus simple à maintenir. Bien écrite, la feuille de style unique reste aisément manipulable même si elle est longue comme le bras.</p> <p>Cependant, lorsque l'on brasse un gros volume de lignes CSS, mieux vaut parfois répartir en plusieurs fichiers :</p> <ul class="spip"><li> une feuille principale <code class='spip_code' dir='ltr'>style.css</code> (qui peut, si besoin, <a href='http://romy.tetue.net/bien-ranger-ses-styles-css' class='spip_in'>en appeller d'autres avec la règle <code class='spip_code' dir='ltr'>@import</code></a>) pour traiter à part les éléments communs à toutes les pages (<code class='spip_code' dir='ltr'>typographie.css</code>, <code class='spip_code' dir='ltr'>formulaires.css</code>, etc.) ;</li><li> des feuilles spécifiques appelées en surcharge sur certaines pages particulières, comme <code class='spip_code' dir='ltr'>accueil.css</code> pour la page d'accueil ;</li><li> sans oublier les feuilles alternatives par média, comme <code class='spip_code' dir='ltr'>print.css</code> pour l'impression.</li></ul>
</dd>
<dt>11. Utilisez-vous des hacks CSS ? Lesquels en particulier ?</dt>
<dd>
<p>Très peu. Pour cibler IE6/Win, j'emploie <code class='spip_code' dir='ltr'>* html</code> mais le plus rarement possible. Pas d'autre hack.</p> </dd>
<dt>12. Utilisez-vous les commentaires conditionnels pour Internet Explorer ? Si oui, comment procédez-vous ?</dt>
<dd>
<p>Très rarement. Si besoin :
<code class='spip_code' dir='ltr'><body class="<!--[if IE]>-->ie<!--<! endif --> <!--[if IE 6]>ie6<! endif --> <!--[if IE 7]>ie7<! endif -->"></code></p> </dd>
</dl>
<p><strong>Et vous, comment écrivez-vous votre CSS ?</strong></p></div>
		<div class='rss_ps'><p>Le questionnaire : <a href='http://covertprestige.info/archive/styleguide/wip-appel.html' class='spip_out'>Appel à contribution : un guide stylistique pour HTML et CSS</a>, document de travail (temporaire). Projet proposé par Florent Verschelde et Alsacréations.</p> <p>=> Lire le début : <a href='http://romy.tetue.net/comment-j-ecris-mon-html' class='spip_in'>Comment j'écris mon HTML ?</a></p> <p>Voir aussi : <a href='http://romy.tetue.net/atelier-css-cascade-et-heritage' class='spip_in'>Atelier CSS : cascade et héritage</a></p></div>
		<img src="http://feeds.feedburner.com/~r/romy/~4/ItU3Ld9bmTU" height="1" width="1"/>]]></content:encoded>


		

	<feedburner:origLink>http://romy.tetue.net/comment-j-ecris-mon-css</feedburner:origLink></item>
<item xml:lang="fr">
		<title>Comment j'écris mon HTML ?</title>
		<link>http://feedproxy.google.com/~r/romy/~3/w8lED0V5mCw/comment-j-ecris-mon-html</link>
		<guid isPermaLink="false">http://romy.tetue.net/comment-j-ecris-mon-html</guid>
		<dc:date>2009-10-06T08:18:47Z</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>écrire</dc:subject>
		<dc:subject>coder</dc:subject>
		<dc:subject>quiz</dc:subject>

		<description>&lt;p&gt;Publiée à l'approche de ParisWeb qui s'ouvre cette année sur les intégrateurs HTML, voici ma réponse à cet appel à contribution pour un guide stylistique, initié à l'automne dernier par F.Verschelde.&lt;/p&gt;

-
&lt;a href="http://romy.tetue.net/ecriture-html/" rel="directory"&gt;Écriture HTML&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/ecrire" rel="tag"&gt;écrire&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/coder" rel="tag"&gt;coder&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/quiz" rel="tag"&gt;quiz&lt;/a&gt;

		</description>


 <content:encoded><![CDATA[<img src="http://romy.tetue.net/local/cache-vignettes/L150xH130/arton547-8eed6.gif" alt="" align="right" width='150' height='130' class='spip_logos' style='height:130px;width:150px;' />
		<div class='rss_chapo'><p>Publiée à l'approche de <a href='http://www.paris-web.fr/' class='spip_out'>ParisWeb</a> qui s'ouvre cette année sur les <a href='http://www.paris-web.fr/2009/-Jeudi-8-octobre-#conf52' class='spip_out'>intégrateurs HTML</a>, voici, un an après sa rédaction, ma réponse à cet <a href='http://covertprestige.info/archive/styleguide/wip-appel.html' class='spip_out'>appel à contribution pour un guide stylistique</a>, initié à l'automne dernier par Florent Verschelde.</p></div>
		<div class='rss_texte'><dl>
<dt>1. Quelle versions de HTML ou XHTML utilisez-vous ? Quelle version priviligiez-vous ?</dt>
<dd>
<p>Même si je m'applique à écrire du XHTML 1.0 strict, j'utilise le DOCTYPE XHTML 1.0 Transitional qui permet de rester souple et accueillant quand on travaille sur des documents — à plus force raison collaborativement — susceptibles de contenir des <code class='spip_code' dir='ltr'>target=_blank</code>, des brouettes de <code class='spip_code' dir='ltr'><br></code>, des <code class='spip_code' dir='ltr'>iframe</code> et encore des <code class='spip_code' dir='ltr'><center></code>.</p> </dd>
<dt>2. Respectez-vous des règles strictes pour l'écriture des balises et attributs HTML même en HTML 4.01 (balises systématiquement en majuscules ou systématiquement en minuscules, pas de guillemets ou single quotes ou double quotes pour tous les attributs, etc.) ?</dt>
<dd>
<p>Oui. Minuscules systématiques, guillemets doubles, balises correctement fermées et imbriquées, etc. Je respecte tout simplement les règles d'écriture du langage, en l'occurrence XHTML 1.0.</p> </dd>
<dt>3. Quel usage faites-vous de la validation du code HTML ?</dt>
<dd>
<p>J'utilise régulièrement le <a href='http://validator.w3.org/' class='spip_out' hreflang='en' title="The W3C Markup Validation Service">validateur du W3C</a>, surtout pour débuguer mon code et vérifier qu'il ne comporte pas d'erreurs de syntaxe. J'emploie aussi d'autres outils de validation, pour m'assurer de produire un document bien structuré.</p> </dd>
<dt>4. Quel usage faites-vous des commentaires HTML ?</dt>
<dd>
<p>J'utilise peu de commentaires HTML. Il me servent quasi-exclusivement à signaler les balises fermantes des blocs principaux en indiquant le sélecteur en commentaire : <code class='spip_code' dir='ltr'></div><!--#bloc--></code>. Par contre, j'indente de façon à rendre l'arbre du DOM bien visible, avec des tabulations à 4 espaces.</p> </dd>
<dt>5. Quels sont les éléments HTML que vous utilisez le plus ? Y a-t-il une logique précise pour l'utilisation de tel ou tel élément (un P plutôt qu'un DIV, par exemple) ?</dt>
<dt>6. Quel usage faites-vous des éléments génériques DIV et SPAN ?</dt>
<dd>
<p>J'emploie des <code class='spip_code' dir='ltr'>div</code> pour les blocs principaux de la page et pour tous les éléments dont on sait avec certitude qu'ils sont de type bloc. Au moindre doute, j'emploie un <code class='spip_code' dir='ltr'>span</code>, comme pour les éléments inline et les microformats. Ceci dit j'utilise peu de <code class='spip_code' dir='ltr'>span</code> et peu de <code class='spip_code' dir='ltr'>p</code>, ces derniers étant souvent générés par le CMS.</p> <p>Pour le reste, je me repose sur une page HTML bien hierarchisée, souvent à trois niveaux de titre, <code class='spip_code' dir='ltr'>h1</code>, <code class='spip_code' dir='ltr'>h2</code> et <code class='spip_code' dir='ltr'>h3</code>. Les textes sont correctement balisés de <code class='spip_code' dir='ltr'>p</code> et pondérés de <code class='spip_code' dir='ltr'>strong</code>, <code class='spip_code' dir='ltr'>em</code> et <code class='spip_code' dir='ltr'>small</code>, et j'emploie généralement beaucoup de listes d'énumération <code class='spip_code' dir='ltr'>ul</code>, <code class='spip_code' dir='ltr'>li</code>, notamment pour la navigation. Ceci dit, je cherche toujours à utiliser les balises les plus adaptées, sans omettre les <code class='spip_code' dir='ltr'>ol</code>, <code class='spip_code' dir='ltr'>dl</code>, <code class='spip_code' dir='ltr'>dt</code>, <code class='spip_code' dir='ltr'>dd</code>, <code class='spip_code' dir='ltr'>dfn</code>, <code class='spip_code' dir='ltr'>blockquote</code>, <code class='spip_code' dir='ltr'>q</code>, <code class='spip_code' dir='ltr'>address</code>, etc.</p> </dd>
<dt>7. Avez-vous une convention de nommage pour les classes et identifiants (ou une convention différente pour chaque) ? Choix des mots, minuscules, majuscules alternées, tirets, traits de soulignement, etc.</dt>
<dd>
<p>J'ai une convention de nommage très simple, mais stricte. J'écris mes sélecteurs comme j'écris les commentaires, les noms de fichiers, de répertoire et les urls, c'est-à-dire : en minuscules, évidement sans caractère accentué, en séparant les mots porteurs de sens par des traits bas (ex. : <code class='spip_code' dir='ltr'>.formulaire_editer_article</code>) et les termes qui les déclinent, les catégorisent ou les identifient, par des tirets (ex. : <code class='spip_code' dir='ltr'>.formulaire_editer_article-299</code>).</p> <p>J'emploie le français, sauf pour les projets à équipe internationale ou concernant des réalisations multilingues, où l'anglais est assez souvent imposé. Je suis de plus en plus tentée d'adopter le vocabulaire des futures balises du <a href='http://dev.w3.org/html5/spec/Overview.html#sections' class='spip_out' hreflang='en' title="A vocabulary and associated APIs for HTML and XHTML">HTML5</a>...</p> </dd>
<dt>8. Dans quels cas utilisez-vous plutôt les classes ou plutôt les identifiants ?</dt>
<dd>
<p>J'emploie majoritairement des <code class='spip_code' dir='ltr'>class</code>. Je réserve les <code class='spip_code' dir='ltr'>id</code> à certains éléments uniques, essentiellement les blocs principaux de la page. J'en place également pour cibler des éléments qui seront programmés par d'autres langages (JavaScript, PHP) ou pour créer des ancres.</p> </dd>
</dl>
<p><strong>Et vous, comment écrivez-vous votre code HTML ?</strong></p></div>
		<div class='rss_ps'><p>Le questionnaire : <a href='http://covertprestige.info/archive/styleguide/wip-appel.html' class='spip_out'>Appel à contribution : un guide stylistique pour HTML et CSS</a>, document de travail (temporaire). Projet proposé par Florent Verschelde et Alsacréations.</p> <p>=> Lire la suite : <a href='http://romy.tetue.net/comment-j-ecris-mon-css' class='spip_in'>Comment j'écris mon CSS ?</a></p> <p>Autres réponses de <a href='http://www.css4design.com/blog/contribution-guide-stylistique-html-css' class='spip_out' title="Contribution au guide stylistique pour HTML et CSS">Bruno Bichet</a>, <a href='http://www.htmlzengarden.com/2008/11/un_guide_stylistique_pour_html_et_css/' class='spip_out' title="Un guide stylistique pour HTML et CSS">Vincent Valentin</a>, <a href='http://groups.google.fr/group/webdevfr/browse_thread/thread/eba0f3d9b28f9006?hl=fr' class='spip_out' title="Google groupes : Besoins d'avis de codeurs CSS (bis)">etc.</a></p></div>
		<img src="http://feeds.feedburner.com/~r/romy/~4/w8lED0V5mCw" height="1" width="1"/>]]></content:encoded>


		

	<feedburner:origLink>http://romy.tetue.net/comment-j-ecris-mon-html</feedburner:origLink></item>
<item xml:lang="fr">
		<title>Habiter Paris : ça change quoi ?</title>
		<link>http://feedproxy.google.com/~r/romy/~3/jSFuBC1BVDE/habiter-paris-ca-change-quoi</link>
		<guid isPermaLink="false">http://romy.tetue.net/habiter-paris-ca-change-quoi</guid>
		<dc:date>2009-09-30T21:20:00Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Romy Duhem-Verdière</dc:creator>


		<dc:subject>déco</dc:subject>
		<dc:subject>Paris</dc:subject>
		<dc:subject>déménager</dc:subject>
		<dc:subject>radio</dc:subject>
		<dc:subject>design</dc:subject>

		<description>&lt;p&gt;Je vais bientôt revenir m'installer à Paris et je passe mes nuits à fantasmer, listant les petites choses qui vont changer pour moi... Je me les note ici pour mémoire, pour les relire afin d'atténuer le vague à l'âme pailleté de regrets que je ne manquerais pas de ressentir d'ici quelques semaines.&lt;/p&gt;

-
&lt;a href="http://romy.tetue.net/habiter/" rel="directory"&gt;Habiter&lt;/a&gt;

/ 
&lt;a href="http://romy.tetue.net/deco" rel="tag"&gt;déco&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/demenager" rel="tag"&gt;déménager&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/radio" rel="tag"&gt;radio&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/design" rel="tag"&gt;design&lt;/a&gt;

		</description>


 <content:encoded><![CDATA[<img src="http://romy.tetue.net/local/cache-vignettes/L150xH150/arton615-52f81.jpg" alt="" align="right" width='150' height='150' class='spip_logos' style='height:150px;width:150px;' />
		<div class='rss_texte'><p>Je vais bientôt revenir m'installer à Paris et je passe mes nuits à fantasmer, listant les petites choses qui vont changer pour moi... Je me les note ici pour mémoire, pour les relire afin d'atténuer le vague à l'âme pailleté de regrets que je ne manquerais pas de ressentir d'ici quelques semaines.</p> <ul class="spip"><li> Le matin, se réveiller au cœur du monde en écoutant les infos à la <a href='http://www.orichalk.com/style---design-radio-douche-p-34.html' class='spip_out' title="Radio Douche Orichalk">radio dans la douche</a></li><li> Pouvoir à nouveau écouter <a href='http://www.france-culture.fr/' class='spip_out'>France Culture</a> à longueur de journée, aaaah !</li><li> Fini les détritus qui s'accumulent dans une grande poubelle qu'on oublie de sortir et qui finit par puer : mieux vaut un <a href='http://www.madeindesign.com/prod-Vynilplastic-bags-Domestic-refv162.html' class='spip_out' title="Sticker Vynil + Plastic Bags by Domestic 5.5 Designers">petit sac plastique</a> qu'on sort chaque jour...</li><li> Pouvoir dormir dans une pièce fermée, nan mais quand même !</li><li> Ne plus sentir l'angoisse monter en fin de journée, face au désœuvrement de la soirée qui s'annonce et à l'immensité silencieuse de la nuit qui s'ensuit...</li><li> Sortir, voir des amis, des humains de toutes les couleurs, rire, aimer...</li><li> Avoir mieux à faire le soir que de regarder la télévision</li><li> Ne plus avoir à déplacer le portable avec soi quand on change de pièce, ni à changer de pièce tout court</li><li> Tout avoir à portée de main et ne plus oublier quelque chose à l'étage</li><li> Partir en week-end, zou ! Je vais vite changer mon abonnement SNCF Fréquence pour une <a href='http://www.escapades-sncf.com/' class='spip_out'>carte Escapade</a>, yeh !</li><li> Pouvoir manger des sushis quand je veux et des bons !</li><li> Retrouver une corpulence et un tonus musculaire plus agréables, à force de trotter dans les rues et escaliers de Paris (+ 6 étages à monter pour rentrer chez moi, hmpf, hmpf !) et refaire mes <a href='http://www.10000pas.ch/index.php?page=paragraph&iId=8' class='spip_out'>10 000 pas par jour</a></li><li> Habiter un lieu singulier, truffé d'astuce et de design, lesquels facilitent la vie, réjouissent l'œil et stimulent l'imagination par leurs formes originales, ce qui compense agréablement le manque d'espace</li><li> Pouvoir faire les courses le soir, en sortant du boulot, tranquillement, sur le chemin du retour, ou entre midi et deux, pendant la pause déjeuner, sans plus être contrainte par les <a href='http://www.les-horaires.fr/' class='spip_out'>horaires</a> ahurissants des magasins de province qui n'ouvrent qu'aux heures de bureau, imposant aux actifs de prendre sur leurs heures de travail pour se nourrir, se vêtir, s'équiper et même se soigner.</li></ul>
<p>Par contre, y'a des choses que je vais moins apprécier :</p> <ul class="spip"><li> Ne plus pouvoir dormir étalée en travers d'un grand lit...</li><li> Ça va me manquer de ne plus <a href='http://www.cuisine-libre.fr/carnets/romy' class='spip_out' title="Mon carnet de recettes préférées">cuisiner</a> (faute de convives)</li><li> Ne pas pouvoir recevoir (à cause de l'exiguïté du lieu)</li><li> Ne plus avoir le temps ni la place de cuisiner des produits frais...</li><li> Ne plus avoir de machine à laver, c'est trop chiant ! Comment laver mon linge ? <ins>J'ai repéré une laverie au bas de l'immeuble...</ins></li><li> <del>Redécouvrir la mauvaise ventilation des petits espaces où l'on vit, mange et dors dans le même air...</del> <ins>La pièce est très bien isolée et équipée d'une ventilation adéquate, trop cool !</ins></li><li> Ne plus pouvoir me vautrer (dans un canapé par exemple)</li><li> Je n'aurais plus les câlins, les ronronements et les élans d'affection de mon adorable petite chatte. Ça, c'est dur.</li><li> Plus de câlins du tout, d'ailleurs : à vivre en solo, des semaines entières passent sans échange de tendresse. <ins>Penser à compenser par des <span lang="en"><a href='http://freehugscampaign.org/' class='spip_out' hreflang='en' title="Official Home of the Free Hugs Campaign">Free Hugs</a></span>.</ins></li></ul></div>
		
		<img src="http://feeds.feedburner.com/~r/romy/~4/jSFuBC1BVDE" height="1" width="1"/>]]></content:encoded>


		

	<feedburner:origLink>http://romy.tetue.net/habiter-paris-ca-change-quoi</feedburner:origLink></item>
<item xml:lang="fr">
		<title>Festiblog 2009 : bin cha alors !?</title>
		<link>http://feedproxy.google.com/~r/romy/~3/r1Kr6beCUl4/festiblog-2009</link>
		<guid isPermaLink="false">http://romy.tetue.net/festiblog-2009</guid>
		<dc:date>2009-09-27T09:05:51Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Romy Duhem-Verdière</dc:creator>


		<dc:subject>dessin(s)</dc:subject>
		<dc:subject>rose</dc:subject>
		<dc:subject>blogs</dc:subject>
		<dc:subject>blogosphère</dc:subject>
		<dc:subject>FestiBlog</dc:subject>
		<dc:subject>&lt;abbr title="Bande Dessinée"&gt;BD&lt;/abbr&gt;</dc:subject>
		<dc:subject>girly</dc:subject>

		<description>&lt;p&gt;Le festival des blogs BD ? Des heures de queue sans même voir Cha, mais j'ai fait le plein de nouvelles BD, chouette !&lt;/p&gt;

-
&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/dessin-s" rel="tag"&gt;dessin(s)&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/rose" rel="tag"&gt;rose&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/blogs" rel="tag"&gt;blogs&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/blogosphere" rel="tag"&gt;blogosphère&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/festiblog" rel="tag"&gt;FestiBlog&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/bd" rel="tag"&gt;&lt;abbr title="Bande Dessinée"&gt;BD&lt;/abbr&gt;&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/girly" rel="tag"&gt;girly&lt;/a&gt;

		</description>


 <content:encoded><![CDATA[<img src="http://romy.tetue.net/local/cache-vignettes/L150xH150/arton612-28a17.jpg" alt="" align="right" width='150' height='150' class='spip_logos' style='height:150px;width:150px;' />
		<div class='rss_chapo'><p>Le festival des blogs BD ? Des heures de queue sans même voir Cha, mais j'ai fait le plein de nouvelles BD, chouette !</p></div>
		<div class='rss_texte'><p>Je suis une fidèle lectrice de deux blogs dessinés, deux et guère plus, dont il se trouve que les auteures, <a href='http://www.chabd.com/' class='spip_out'>Cha</a> et <a href='http://www.maliki.com/' class='spip_out'>Maliki</a>, sont pile les deux marraines du <a href='http://www.festival-blogs-bd.com/' class='spip_out'>FestiBlog</a>, un festival de blogs BD qui s'annonce être <q>la plus grande rencontre grand public spécialisée dans la bande dessinée numérique</q>. Wôh. Découvrons.</p> <p>J'ai fais plus de 2 heures de queue, mes <a href='http://www.tetue.net/spip.php?article401' class='spip_out'><cite>Allumeuses</cite></a> sous le bras, en plein cagnard, sans même parvenir à atteindre la table où Cha dédicaçait. Deux heures ! À retenir : quand on souhaite une dédicace, mieux vaut venir à plusieurs, pour se relayer dans la queue afin de pouvoir profiter des stands alentour et pouvoir se ravitailler pour ne pas tomber d'inanition. Je n'ai pas osé l'<a href='http://missgally.com/blog/index.php?2009/09/03/485-le-programme-de-septembre' class='spip_out' title="Programme de rentrée">astuce de Gally</a> qui préconise de simuler la grippe A (H1N1) pour faire fuir tout le monde... Deux heures punaise ! Ce qui m'a laissé le temps d'apprécier le festival...</p> <p><span class='spip_document_1573 spip_documents spip_documents_center'>
<img src='http://romy.tetue.net/local/cache-vignettes/L470xH330/romy-au-festiblog-bff7d.jpg' width='470' height='330' alt="" style='height:330px;width:470px;' /></span></p> <p>Le public est plutôt jeune, plein d'étudiants relax, beaucoup de tee-shirts illustrés, quelques chemises à fleur, des dreadlocks et des quelques audacieuses petites crêtes de couleur, mais aussi quelques pintades à hauts talons. J'ai croisé un <a href='http://www.mageekstore.com/196-t-shirt-code-source.html' class='spip_out'>tee-shirt sympa</a> qui disait : <q>La vie serait plus simple si j'avais le code source</q>, héhé ! Il faut dire que le FestiBlog réussit un mélange des genres plutôt appréciable, mariant le geek et l'artiste.</p> <p><span class='spip_document_1572 spip_documents spip_documents_right' style='float:right; width:197px;'>
<img src='http://romy.tetue.net/local/cache-vignettes/L197xH160/cha-dessine-a559e.gif' width='197' height='160' alt="Cha dessine" title="Cha dessine" style='height:160px;width:197px;' /></span>Deux heures pendant lesquelles ma motivation n'a pas faibli. Pourtant c'est à peine si j'ai pu apercevoir les cheveux roses fushia de Cha... Elle dessine trop lentement pour absorber la queue des fans qui poireautèrent longuement et, pour la plupart, vainement. Le soleil cognait à s'en choper une insolation si bien qu'à la fin, mes neurones ayant fondu, je bargeotais allégrement. Heureusement, une distribution gratuite de <a href='http://www.innocent.fr/les_smoothies_innocent/innocent-smoothie_ananas-bananes--coco_2.html' class='spip_out' title="innocent, smoothie ananas, bananes & coco">smoothies ananas, bananes & coco</a> préserva la forme et le moral des fans.</p> <p>Je n'ai malheureusement par trouvé quel tome de Maliki contient ce <a href='http://www.maliki.com/strip.php?strip=124' class='spip_out'>strip hilarant</a> sur l'impossibilité de travailler tranquillement quand on possède un chat. J'en ai profité pour découvrir d'autres talents. Parmi mes heureuses acquisitions :</p> <ul class="spip"><li> <span class='spip_document_1574 spip_documents spip_documents_right' style='float:right; width:182px;'>
<img src='http://romy.tetue.net/local/cache-vignettes/L182xH284/nouvelles-bd-c6544.png' width='182' height='284' alt="" style='height:284px;width:182px;' /></span><cite>Le goût du chlore</cite>, de Bastien Vivès (<a href='http://www.kstrbd.com/' class='spip_out'>KSTR</a>, Casterman, 2008) : une rencontre aquatique qui se fait tendre leçon de natation, où la piscine occupe toute la place, plongeant le lecteur dans une lente, silencieuse et paisible apnée. <a href='http://www.li-an.fr/blog/bd-du-moment/le-gout-du-chlore-bastien-vives-kstr/' class='spip_out' title="Le goût du chlore présenté sur le blog de Li-An">En savoir plus</a>.</li><li> <cite>Romain</cite> de Mélaka (collection Mimolette, <a href='http://www.lassociation.fr/' class='spip_out'>L'Association</a>, 2003) : une histoire de collégiens et de premières amoures, terrible et poignante, qui remet Riad Satouf et son insipide <cite>Retour au collège</cite> à sa place : nombriliste et détestable. <a href='http://www.bulledair.com/index.php?rubrique=album&album=romain' class='spip_out' title="Commentaires sur bulledair.com">En savoir plus</a>.</li><li> <cite>Moi je</cite>, d'Aude Picault (<a href='http://www.warum.fr/' class='spip_out'>Warum</a>, 2004) : un format mini, pour des instantanés certes narcissiques, mais saisis avec justesse et finesse, d'un trait souple et épuré. Délicieux !</li></ul>
<p>J'ai découvert avec effroi que la BD souffrait, elle aussi, d'une tendance « <i lang="en">girly</i> », qui consiste à faire la promo, à peine déguisée, de l'industrie cosmétique et des marchands de sacs et chaussures, sous forme de BD certes très agréablement dessinées, mais par des filles qui n'ont pour seule préoccupation que leur apparence, le désir de plaire et leur conformité aux stéréotypes commerciaux véhiculés par la presse féminine. Par pitié, cessez d'être <a href='http://bastienvives.blogspot.com/2009/09/jeudi-lorsque-se-sont-les-seules-choses.html' class='spip_out'>tentées de les imiter</a>, soyez vous-même !</p> <p>Bien pratique malgré son format à l'italienne peu maniable et son affreux papier glacé à reflets ne facilitant pas la lecture debout, en posture d'attente de dédicace, le <cite>Dico des blogs</cite> (édité par <a href='http://www.foolstrip.com/' class='spip_out'>Foolstrip</a>) offre un panorama complet de la créativité de la blogosphère BD, que je suis allée explorer une fois rentrée chez moi. J'ai aimé les <a href='http://www.melakarnets.com/' class='spip_out'>Mélakarnets</a>, <a href='http://www.lucilegomez.fr/' class='spip_out'>Méphistofélix</a>, les <a href='http://clement.over-blog.com/' class='spip_out'>frères crétins</a>, le <a href='http://www.missgally.com/' class='spip_out'>blog de Gally</a>... Pour découvrir ce nouveau monde, le plus simple est encore de s'abonner à <a href='http://30joursdebd.com/' class='spip_out'>30 jours de BD</a>, un site qui publie différents auteurs, pour la plupart encore amateurs, à raison d'une planche par jour. Bonne lecture !</p></div>
		
		<img src="http://feeds.feedburner.com/~r/romy/~4/r1Kr6beCUl4" height="1" width="1"/>]]></content:encoded>


		

	<feedburner:origLink>http://romy.tetue.net/festiblog-2009</feedburner:origLink></item>
<item xml:lang="fr">
		<title>Chouettes BD</title>
		<link>http://feedproxy.google.com/~r/romy/~3/Lk4nihT8tTQ/chouettes-bd</link>
		<guid isPermaLink="false">http://romy.tetue.net/chouettes-bd</guid>
		<dc:date>2009-09-27T06:59:46Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Romy Duhem-Verdière</dc:creator>


		<dc:subject>dessin(s)</dc:subject>
		<dc:subject>&lt;abbr title="Bande Dessinée"&gt;BD&lt;/abbr&gt;</dc:subject>

		<description>J'ai aimé et je vous recommande ces chouettes BD : Silence, La belette, etc. de Comès Gaston Lagaffe et les Idées noires de Franquin Les frustrés de Claire Bretecher Fraise et chocolat de Aurélia Aurita Mafalda de Quino Les Allumeuses de Cha Love my life de Ebine Yamaji Aya de Yopougon de Marguerite Abouet et Clément Oubrerie Famille, recompose-toi ! Braunstein et Collardey Soupe froide de Charles Masson Persepolis et Broderies de Marjane Satrapi Le photographe de Guibert, Lefevre, Lemercier (...)

-
&lt;a href="http://romy.tetue.net/liens/" rel="directory"&gt;Liens&lt;/a&gt;

/ 
&lt;a href="http://romy.tetue.net/dessin-s" rel="tag"&gt;dessin(s)&lt;/a&gt;, 
&lt;a href="http://romy.tetue.net/bd" rel="tag"&gt;&lt;abbr title="Bande Dessinée"&gt;BD&lt;/abbr&gt;&lt;/a&gt;

		</description>


 <content:encoded><![CDATA[<div class='rss_chapo'><p>J'ai aimé et je vous recommande ces chouettes BD :</p></div>
		<div class='rss_texte'><ul class="spip"><li> <a href='http://bd.casterman.com/albums_detail.cfm?Id=1901' class='spip_out'><cite>Silence</cite></a>, <cite>La belette</cite>, etc. de <a href='http://bd.casterman.com/peoples_detail.cfm?ID=1266' class='spip_out'>Comès</a></li><li> <a href='http://www.gastonlagaffe.com/' class='spip_out'><cite>Gaston Lagaffe</cite></a> et les <cite>Idées noires</cite> de <a href='http://www.franquin.com/' class='spip_out'>Franquin</a></li><li> <cite>Les frustrés</cite> de <a href='http://www.clairebretecher.com/' class='spip_out'>Claire Bretecher</a></li><li> <a href='http://www.tetue.net/spip.php?article400' class='spip_out'><cite>Fraise et chocolat</cite></a> de Aurélia Aurita</li><li> <a href='http://mafaldafrance.free.fr/' class='spip_out'><cite>Mafalda</cite></a> de Quino</li><li> <a href='http://www.tetue.net/spip.php?article401' class='spip_out'><cite>Les Allumeuses</cite></a> de <a href='http://www.chabd.com/' class='spip_out'>Cha</a></li><li> <a href='http://www.tetue.net/spip.php?article232' class='spip_out'><cite>Love my life</cite></a> de Ebine Yamaji</li><li> <a href='http://www.gallimard.fr/bayou/5.php' class='spip_out'><cite>Aya de Yopougon</cite></a> de Marguerite Abouet et Clément Oubrerie</li><li> <cite>Famille, recompose-toi !</cite> Braunstein et Collardey</li><li> <a href='http://bd.casterman.com/albums_detail.cfm?id=2652' class='spip_out'><cite>Soupe froide</cite></a> de Charles Masson</li><li> <cite>Persepolis</cite> et <cite>Broderies</cite> de <a href='http://mapage.noos.fr/marjane.persepolis/' class='spip_out'>Marjane Satrapi</a></li><li> <cite>Le photographe</cite> de Guibert, Lefevre, Lemercier</li><li> <cite>Jonathan</cite> de Cosey</li><li> <a href='http://bdm.typepad.com/legeniedesalpages/' class='spip_out'><cite>Le génie des Alpages</cite></a> de F'Murr</li><li> <cite>Noyé le poisson</cite> de Joann Sfar</li><li> <cite>Genèses apocalyptiques</cite> de Lewis Trondheim</li><li> <cite>Philémon</cite> de Fred</li><li> <cite>Journal</cite> de Fabrice Neaud</li><li> <a href='http://www.montellier.org/' class='spip_out'>Chantal Montellier</a></li><li> <cite>Cornigule</cite> de Takashi Kurihara</li><li> <cite>Faire de la bande dessinée</cite> de Scott McCloud</li></ul></div>
		
		<img src="http://feeds.feedburner.com/~r/romy/~4/Lk4nihT8tTQ" height="1" width="1"/>]]></content:encoded>


		

	<feedburner:origLink>http://romy.tetue.net/chouettes-bd</feedburner:origLink></item>



</channel>

</rss>
