romy.tetue.net romy.tetue.net/ Romy Duhem-Verdière, développement front et conception web, XHTML, CSS, SPIP, sémantique, accessibilité et standards W3C. fr SPIP - www.spip.net romy.tetue.net romy.tetue.net/local/cache-vignettes/L144xH144/siteon0-436b5.png romy.tetue.net/ 144 144 Hanna, conte merveilleux romy.tetue.net/hanna romy.tetue.net/hanna 2012-01-13T08:09:00Z text/html fr Romy Têtue films Allemagne électro Unheimliche Contrairement à ce qu'en disent certaines critiques qui le qualifient de « clipesque » avec des « bastons chorégraphiées la veille du tournage », Hanna est un film merveilleux. Je ne cesse, depuis ce weekend, de m'en repasser certaines scènes, jute pour le plaisir, en partie à cause de la bande son… et pour cause : elle est des Chemical Brothers ! Trop envie de vous partager ça ! Ce film est l'occasion d'un étrange périple, qui nous fait traverser les frontières comme un immigré clandestin, du Maroc (...) - <a class="romy.tetue.net/lire-voir-ecouter/" rel="directory">Lire, Voir, Écouter</a> / <a class="romy.tetue.net/films" rel="tag">films</a>, <a class="romy.tetue.net/allemagne" rel="tag">Allemagne</a>, <a class="romy.tetue.net/electro" rel="tag">électro</a>, <a class="romy.tetue.net/unheimliche" rel="tag">Unheimliche</a> <img class='spip_logos' alt="" align="right" src="/img/spacer.gif"> Évitez les erreurs de points de suspension… romy.tetue.net/points-de-suspension romy.tetue.net/points-de-suspension 2012-01-10T08:56:00Z text/html fr Romy Têtue typo ponctuation <p>Les points de suspension, toujours au nombre de trois, ne veulent pas d'espace avant mais exigent une espace après, mais pas de majuscule. Six erreurs à ne plus commettre.</p> - <a class="romy.tetue.net/ecriture-html/" rel="directory">Écriture HTML</a> / <a class="romy.tetue.net/typo" rel="tag">typo</a>, <a class="romy.tetue.net/ponctuation" rel="tag">ponctuation</a> <img class='spip_logos' alt="" align="right" src="/img/spacer.gif"> Ma liste de vœux (au Père Noël) pour 2012 romy.tetue.net/ma-liste-de-voeux-au-pere-noel-pour-2012 romy.tetue.net/ma-liste-de-voeux-au-pere-noel-pour-2012 2011-12-23T16:08:36Z text/html fr Romy Têtue WishList Noël punk sécurité Le tsunami japonais, la catastrophe nucléaire de Fukushima, les révolutions arabes, la chute de despotes, la mort d'Annie Girardot, de Jorge Semprún et Steve Jobs, le machisme gaulois ravivé par l'affaire DSK, la crise financière qui n'en finit pas, le mouvement des Indignés, l'incroyable tuerie d'Oslo... ainsi déferlât l'année sur nous, atteignant manifestement nos seuils de saturation respectifs puisque, autour de moi, les copains trollent à boulets rouges, des copines galèrent au rSa, tandis que (...) - <a class="romy.tetue.net/blog/" rel="directory">Blog</a> / <a class="romy.tetue.net/wishlist" rel="tag">WishList</a>, <a class="romy.tetue.net/noel" rel="tag">Noël</a>, <a class="romy.tetue.net/punk" rel="tag">punk</a>, <a class="romy.tetue.net/securite" rel="tag">sécurité</a> <img class='spip_logos' alt="" align="right" src="/img/spacer.gif"> Grande Dame romy.tetue.net/cathedrale-notre-dame-amiens romy.tetue.net/cathedrale-notre-dame-amiens 2011-11-15T10:00:00Z text/html fr Romy Têtue Nord Amiens Moyen Âge <p>Mes études ont été traversées par la cathédrale d'Amiens, la plus grande de France, archétype du style gothique classique.</p> - <a class="romy.tetue.net/habiter/" rel="directory">Habiter</a> / <a class="romy.tetue.net/nord" rel="tag">Nord</a>, <a class="romy.tetue.net/amiens-374" rel="tag">Amiens</a>, <a class="romy.tetue.net/moyen-age" rel="tag">Moyen Âge</a> <div class='rss_texte'><dl class='spip_document_2020 spip_documents spip_documents_center'> <dt><img src="/img/spacer.gif"> Remplir les attributs « alt » et « title » dans SPIP romy.tetue.net/remplir-les-attributs-alt-et-title-dans-spip romy.tetue.net/remplir-les-attributs-alt-et-title-dans-spip 2011-11-10T08:57:00Z text/html fr Romy Têtue <acronym title="Système de Publication pour Internet">SPIP</acronym> référencement accessibilité SPIP renseigne les attributs « alt » et « title » pour vous. Voici comment compléter dans vos squelettes, si besoin. N'en mettez pas partout ! Pour commencer, renseignez-vous avant de remplir les attributs « alt » et « title » de vos images et de vos liens. Si cela améliore l'accessibilité et donc le référencement (SEO) d'un site, encore faut-il les utiliser à bon escient : n'en mettez pas partout, ce n'est pas de la poudre de perlimpinpin ! Rappelons rapidement que si l'attribut « alt » doit (...) - <a class="romy.tetue.net/atelier-spip/" rel="directory">Atelier SPIP</a> / <a class="romy.tetue.net/spip" rel="tag"><acronym title="Système de Publication pour Internet">SPIP</acronym></a>, <a class="romy.tetue.net/referencement" rel="tag">référencement</a>, <a class="romy.tetue.net/accessibilite" rel="tag">accessibilité</a> <img class='spip_logos' alt="" align="right" src="/img/spacer.gif"> Paris Web 2011 romy.tetue.net/paris-web-2011 romy.tetue.net/paris-web-2011 2011-10-24T09:40:00Z text/html fr Romy Têtue Shadoks accessibilité ParisWeb simplicité tendresse #sharethelove parisweb2011 KISS <p>Compte-rendu de la sixième édition de Paris Web, conférence sur l'accessibilité Web, le design numérique et les standards ouverts.</p> - <a class="romy.tetue.net/web-et-compagnie/" rel="directory">Web et compagnie</a> / <a class="romy.tetue.net/shadoks" rel="tag">Shadoks</a>, <a class="romy.tetue.net/accessibilite" rel="tag">accessibilité</a>, <a class="romy.tetue.net/parisweb" rel="tag">ParisWeb</a>, <a class="romy.tetue.net/simplicite" rel="tag">simplicité</a>, <a class="romy.tetue.net/tendresse" rel="tag">tendresse</a>, <a class="romy.tetue.net/sharethelove" rel="tag">#sharethelove</a>, <a class="romy.tetue.net/parisweb2011" rel="tag">parisweb2011</a>, <a class="romy.tetue.net/kiss" rel="tag">KISS</a> <img class='spip_logos' alt="" align="right" src="romy.tetue.net/local/cache-vignettes/L150xH150/arton863-7217d.png" '150' '150' style='px;px;' /> <div class='rss_texte'><blockquote class="spip"> <p>Ami, entends-tu le geek brâmer sur les réseaux ? C'est la saison des grands regroupements ! C'est la saison de #parisweb ! <br />— <a class="twitter.com/#!/lespacedunmatin/statuses/124358022746222592" class='spip_out' rel='external'>lespacedunmatin</a></p> </blockquote> <p>Ça a du être agaçant, cette déferlante de tweets enthousiastes dans votre <abbr title="Timeline Twitter" lang="en">TL</abbr>, au point de propulser le hashtag « #parisweb » en première position, en France, deux jours durant, copinant souvent avec le gentil hashtag « #sharethelove » ! Mais Paris Web, c'est vraiment le pays des Bisounours : c'est le Web tel qu'on le rêve, c'est réfléchir ensemble à ce qu'il pourrait être, idéalement, pour repartir ressourcé et construire ce Web meilleur.</p> <blockquote class="spip"> <p>#parisweb réveil, éveil, chaleur, douceur, amour, partage, nouveautés, désir, standards, technos, découvertes, rencontres. Merci ! <br />— <a class="twitter.com/#!/karlpro/status/125264724647624704" class='spip_out' rel='external'>karlpro</a></p> </blockquote> <p>Faute de mots suffisants, mon compte-rendu cette année sera essentiellement sous forme d'instantanés, de petites photos live-tweetés via <a class="instagr.am/" class='spip_out' hreflang='en' rel='external'>Instagram</a>, ci-dessous. Car ce dont je me souviens de cette édition se résume en un sourire, celui partagé, dans les regards croisés. Trois jours intenses.</p> <p>L'intervention la plus spectaculaire est celle de Karl Dubost, qui s'est littéralement taillé un short sur scène, me donnant à penser — pour une fois que ce ne sont pas des cuisses féminines qu'on exhibe sur scène ! — que Paris Web est décidément un lieu atypique, qui sait être sérieux et déconnant à la fois, parce que suffisamment divers et accueillant, comme en témoigne la belle <strong>mixité du public</strong> où s'esbaudissent nerds et geeks mais aussi skingirls et autres filles aux cheveux de feu, pédéblogueurs, <abbr title="Directeurs artistiques">DA</abbr>, juniors et dinosaures aux cheveux de neige, <a class="www.flickr.com/photos/izo/6256992908" class='spip_out' rel='external'>sourds</a>, <a class="interpretelsf.wordpress.com/2011/10/16/regards-exterieurs/" class='spip_out' rel='external'>interprétes</a>, intégristes et trolls velus... Comme un idéal de savoir vivre ensemble, à l'image du Web inventé par Tim Berner Lee.</p> <blockquote class="spip"> <p>Le vice à #parisweb ? Un italien parlant anglais traduit en français traduit en lsf avec velotipie #polyglotte <br />— <a class="twitter.com/#!/azerttyu/status/124827735272071168" class='spip_out' rel='external'>azerttyu</a></p> </blockquote> <p>Mais l'intervention qui remporte mon suffrage est le <a class="www.paris-web.fr/actualites/2011/09/que-nous-reservent-les-lightning-talks.php" class='spip_out' rel='external'>lightning talk</a> — un nouveau format d'intervention, très court, de 4 minutes — de Rudy Rigot et Sophie Taboni : une animation, pertinente et remarquablement explicite, où des gibis s'étalent puis se serrent comme des sardines pour nous montrer par l'exemple <cite>l'amusante frénésie des pages à largeurs fixes</cite>, à grand renfort de « <code class='spip_code' dir='ltr'>media queries</code> ». <strong><q>En fait une page Web c'est des divs tenus par des Shadoks :)</q></strong> remarque <a class="twitter.com/#!/fetard/status/124502450987204608" class='spip_out' rel='external'>Fetard</a> fort à propos. Bravo aussi à Thierry Stoer, qui a fait un tabac en dénonçant 42 sites avec mentions légales abusives, refusant les liens entrants sans autorisation (<abbr title="Pas De Lien Sans Autorisation">PDLSA</abbr>), pratique toujours aussi aberrante que persistante.</p> <blockquote class="spip"> <p>Selon les confs que tu as choisi, tu peux avoir vu carrément un autre #parisweb que ton voisin. Vivement les vidéos ! <br />— <a class="twitter.com/#!/mariejulien/statuses/126887018813865984" class='spip_out' rel='external'>mariejulien</a></p> </blockquote> <p>Je n'ai pas vu Denise Jacobs et Céline Céline, qui semblent avoir marqué les esprits avec <a class="www.paris-web.fr/2011/conferences/la-sagesse-du-web.php" class='spip_out' rel='external'>la sagesse du web</a> et <a class="www.paris-web.fr/2011/conferences/immediate-inspiration.php" class='spip_out' rel='external'>l'immédiate inspiration</a> et j'ai hâte de découvrir les vidéos de leurs interventions sur le site officiel qui se mue en site de ressource d'auto-formation, une fois l'événement passé. Hâte aussi de voir Sophie Drouvroy réclamer un <a class="www.paris-web.fr/2011/conferences/je-veux-un-vrai-sous-titrage.php" class='spip_out' rel='external'>vrai sous-titrage</a>. Ça sert aux mal-entendants, mais aussi en environnement bruyant, quand bébé fait la sieste, pour traduire une langue étrangère, etc. On ne cesse de le répéter : <strong>l'accessibilité profite à tous et toutes</strong>, pas seulement aux personnes handicapées ! Mais l'idée ne passe toujours pas et on continue de faire du design avant-vente et des audits en bout de chaîne, quand il est trop tard, faisant passer l'expert pour un méchant censeur, alors que ça devrait être <a class="openweb.eu.org/articles/accessibilite_agile" class='spip_out' rel='external'>porté par toute l'équipe, en agilité</a>, dès le début car <q>on ne corrige pas en matière d'accessibilité, on conçoit accessible</q>. <q>Face à un décideur sceptique, remplacez le terme “Accessibilité” par “Qualité” et “Utilisateurs” par “Google” : effet garantie</q> conseille alors <a class="www.paris-web.fr/2011/conferences/seo-mobilite-et-accessibilite-la-sainte-trinite-dun-developpement-web-inclusif.php" class='spip_out' rel='external'>Denis Boudreau</a>. Bref : <strong>SEO, mobilité et accessibilité : même combat !</strong></p> <p>Et le surlendemain, j'ai repris le travail : retour à la triste réalité, celle d'un Web à œillères, partiellement censuré, où les slides et vidéos ne sont pas consultables : <strong>« Access Denied »</strong>...</p></div> <div>Voir en ligne : <a class="www.paris-web.fr">www.paris-web.fr</a></div> <div class='rss_ps'><p>J'y étais aussi : <a class="romy.tetue.net/paris-web-2010" class='spip_in'>2010</a>, <a class="romy.tetue.net/paris-web-2009" class='spip_in'>2009</a>, <a class="romy.tetue.net/paris-web-2008" class='spip_in'>2008</a>, <a class="romy.tetue.net/paris-web-2007-496" class='spip_in'>2007</a>, <a class=&qu
gipoco.com is neither affiliated with the authors of this page nor responsible for its contents. This is a safe-cache copy of the original web site.