<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Sunfox &#187; standards</title>
	<atom:link href="http://sunfox.org/blog/tags/standards/feed/" rel="self" type="application/rss+xml" />
	<link>http://sunfox.org</link>
	<description>Le blogue de Sunny Ripert</description>
	<lastBuildDate>Thu, 05 May 2011 13:09:51 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Évangélisation</title>
		<link>http://sunfox.org/blog/2010/11/08/evangelisation/</link>
		<comments>http://sunfox.org/blog/2010/11/08/evangelisation/#comments</comments>
		<pubDate>Mon, 08 Nov 2010 10:00:33 +0000</pubDate>
		<dc:creator>Sunny</dc:creator>
				<category><![CDATA[articles]]></category>
		<category><![CDATA[agence]]></category>
		<category><![CDATA[évangélisation]]></category>
		<category><![CDATA[communication]]></category>
		<category><![CDATA[cosmic]]></category>
		<category><![CDATA[emails]]></category>
		<category><![CDATA[paris web]]></category>
		<category><![CDATA[standards]]></category>

		<guid isPermaLink="false">http://sunfox.org/?p=2080</guid>
		<description><![CDATA[Revenu de Paris Web 2010 remonté à bloc je fais profiter mon agence des conférences auquel j&#8217;ai assisté. Pour ça j&#8217;envoie des résumés des conférences les moins techniques par email à toute l&#8217;entreprise. Faites-en autant car ça permet de&#160;: distiller les bonnes pratiques pour qu&#8217;elles rentrent petit à petit faire comprendre pourquoi certains choix techniques [...]]]></description>
			<content:encoded><![CDATA[<p><img style="float:right" src="http://sunfox.org/blog/wp-content/uploads/2010/11/logotype-paris-web-300x203.png" alt="Logo Paris Web" width="300" height="203" /></p>
<p>Revenu de <a href="http://www.paris-web.fr/">Paris Web 2010</a> remonté à bloc je fais profiter <a href="http://agencecosmic.com" title="L'agence de communication Cosmic">mon agence</a> des conférences auquel j&#8217;ai assisté.</p>
<p>Pour ça j&#8217;envoie des résumés des conférences les moins techniques par email à toute l&#8217;entreprise.</p>
<p>Faites-en autant car ça permet de&nbsp;:</p>
<ul>
<li>distiller les bonnes pratiques pour qu&#8217;elles rentrent petit à petit</li>
<li>faire comprendre pourquoi certains choix techniques sont si importants (&laquo;&nbsp;on ne peut pas tout faire en Flash&nbsp;?&nbsp;&raquo;)</li>
<li>donner aux commerciaux les clefs &mdash; et les chiffres &mdash; pour justifier les choix techniques auprès des clients</li>
<li>valoriser notre métier en montrant son étendue et sa complexité</li>
<li>montrer la qualité de ces conférences et l&#8217;importance d&#8217;y être envoyé régulièrement</li>
</ul>
<p>Et par dessus tout ça me sert de base pour faire <a href="/blog/tags/paris-web/" title="Mes articles Paris Web">quelques articles sur mon blog</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://sunfox.org/blog/2010/11/08/evangelisation/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>WaSP Café</title>
		<link>http://sunfox.org/blog/2008/04/18/wasp-cafe/</link>
		<comments>http://sunfox.org/blog/2008/04/18/wasp-cafe/#comments</comments>
		<pubDate>Fri, 18 Apr 2008 08:46:54 +0000</pubDate>
		<dc:creator>Sunny</dc:creator>
				<category><![CDATA[articles]]></category>
		<category><![CDATA[accessibilité]]></category>
		<category><![CDATA[handicap]]></category>
		<category><![CDATA[standards]]></category>
		<category><![CDATA[web sémantique]]></category>

		<guid isPermaLink="false">http://sunfox.org/?p=910</guid>
		<description><![CDATA[Photo d&#8217;Alexander Boden J&#8217;ai assisté aux petites conférences du WaSP café qui ont eu lieu hier sur Paris. Malheureusement l&#8217;atelier web sémantique animé par David Larlet et Frédéric de Villamil affichait complet quelques heures à peine après l&#8217;ouverture des inscriptions. Entre dompter vos CSS et l’accessibilité du point de vue des utilisateurs j&#8217;ai opté pour [...]]]></description>
			<content:encoded><![CDATA[<p class="polaroid"><a href="http://flickr.com/photos/bogenfreund/2077245357/" title="Photo de guèpe sur Flickr"><img src="http://farm3.static.flickr.com/2290/2077245357_66ba3f7192_m.jpg" alt="Photo d'une guèpe" /></a><br />
Photo d&#8217;Alexander Boden</p>
<p>J&#8217;ai assisté aux petites conférences du <a href="http://waspcafefrance.webstandards.org/-WaSP-cafe-du-17-04-08-.html">WaSP café</a> qui ont eu lieu hier sur Paris. Malheureusement l&#8217;atelier <strong>web sémantique</strong> animé par <a href="http://www.biologeek.com/journal/" title="Biologeek, le journal de David Larlet">David Larlet</a> et <a href="http://fredericdevillamil.com/" title="Le blog de Frédéric de Villamil">Frédéric de Villamil</a> affichait complet quelques heures à peine après l&#8217;ouverture des inscriptions. Entre <strong>dompter vos CSS</strong> et <strong>l’accessibilité du point de vue des utilisateurs</strong> j&#8217;ai opté pour ce dernier atelier où <strong>Tanguy Loheac</strong> et <strong>Fernando Pinto Da Silva</strong>, tous deux malvoyants, partageaient leur expérience sur le web en tant qu&#8217;utilisateurs.</p>
<p>Finalement, je suis ravi d&#8217;avoir pu assister à cet atelier. Ce que j&#8217;aurais appris à l&#8217;atelier Web Sémantique peut se retrouver facilement sur le net mais rencontrer des personnes mal voyantes et pouvoir écouter leur témoignages, comprendre leurs difficultés de tous les jours (ooshop, voyages-sncf, fnac, &#8230;) est rare et très enrichissant.</p>
<p>À ce propos <a href="http://infimite.info/blog/" title="Le blog de Julie Landry">Julie</a> a <em>promis</em> qu&#8217;elle ferait un billet sur cet atelier, il ne devrait plus tarder à arriver.</p>
<p>Merci aux organisateurs du WaSP Café ! Comptez-moi présent au prochains ateliers.</p>
]]></content:encoded>
			<wfw:commentRss>http://sunfox.org/blog/2008/04/18/wasp-cafe/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>CSS Naked Day Havoc</title>
		<link>http://sunfox.org/blog/2008/04/10/css-naked-day-havoc/</link>
		<comments>http://sunfox.org/blog/2008/04/10/css-naked-day-havoc/#comments</comments>
		<pubDate>Wed, 09 Apr 2008 22:06:40 +0000</pubDate>
		<dc:creator>Sunny</dc:creator>
				<category><![CDATA[articles]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[dates]]></category>
		<category><![CDATA[standards]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://sunfox.org/?p=906</guid>
		<description><![CDATA[Le CSS Naked Day est une idée rigolote, que j&#8217;ai mis en place avec entrain sur mon blog. Elle consiste à ce que tout le monde désactive ses feuilles de style à une date donnée pour promouvoir les standards du Web. C&#8217;est pourquoi le 5 avril mon blog désactivait ses styles en affichant un petit [...]]]></description>
			<content:encoded><![CDATA[<p style="float:right"><img src="http://sunfox.org/blog/wp-content/uploads/2008/04/naked-day-08.png" alt="" title="naked-day-08" width="268" height="103" class="alignnone size-full wp-image-907" /></p>
<p>Le <a href="http://naked.dustindiaz.com/" lang="en" hreflang="en" title="">CSS Naked Day</a> est une idée rigolote, que j&#8217;ai mis en place avec entrain sur mon blog. Elle consiste à ce que tout le monde désactive ses feuilles de style à une date donnée pour promouvoir les standards du Web.</p>
<p>C&#8217;est pourquoi le 5 avril mon blog désactivait ses styles en affichant un petit message et un lien vers le site officiel. Tout était automatique pour ne pas avoir à modifier l&#8217;apparence de mon site à minuit, en utilisant un morceau de code PHP qu&#8217;ils proposent eux-même sur le site officiel.</p>
<p>Manque de pot ils ont décidé de <strong>changer la date</strong>&nbsp;! Cette année le jour du CSS tout nu tombe le 9 avril, alors que les deux années précédentes la date était fixée au 5. Évidemment cela casse les très nombreux plugins ou scripts qui ont été crées pour l&#8217;événement, comme ce que j&#8217;utilisais sur mon blog.</p>
<p>D&#8217;après le site officiel la date est désormais fixée au <strong>premier Mardi, Mercredi ou Jeudi d&#8217;avril qui ne soit pas le 1er avril</strong>. Oui. C&#8217;est carrément nul.</p>
<p>J&#8217;arrète donc de promouvoir cet événement jusqu&#8217;à ce qu&#8217;ils ne remettent une date fixe. Ou au moins quelquechose de calculable. Comme le premier <strong>mardi</strong> d&#8217;avril à part le 1er, au moins je pourrais le calculer et ne pas avoir à éditer le code de mon site chaque année&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://sunfox.org/blog/2008/04/10/css-naked-day-havoc/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Internet Locker</title>
		<link>http://sunfox.org/blog/2008/01/23/internet-locker/</link>
		<comments>http://sunfox.org/blog/2008/01/23/internet-locker/#comments</comments>
		<pubDate>Wed, 23 Jan 2008 00:26:46 +0000</pubDate>
		<dc:creator>Sunny</dc:creator>
				<category><![CDATA[futur]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[standards]]></category>
		<category><![CDATA[standards du web]]></category>

		<guid isPermaLink="false">http://sunfox.org/blog/2008/01/23/internet-locker/</guid>
		<description><![CDATA[Internet Explorer aura un système pour activer leur nouveau modèle de rendu dans sa version 8 sans pour autant que les sites précédents ne cessent d&#8217;être aussi &#171;&#160;jolis&#160;&#187; dessus. Il s&#8217;agit d&#8217;utiliser une balise meta qui contient la version d&#8217;IE que l&#8217;on souhaite cibler. Pour IE8 par exemple&#160;: &#60;meta http-equiv="X-UA-Compatible" content="IE=8" /&#62; C&#8217;est une sorte [...]]]></description>
			<content:encoded><![CDATA[<p style="float:right;padding:0 0 .5em 1.5em;"><img src='http://sunfox.org/blog/wp-content/uploads/2008/01/ie-lock.png' alt='' /></p>
<p>Internet Explorer aura un système pour activer leur nouveau modèle de rendu dans sa version 8 sans pour autant que les sites précédents ne cessent d&#8217;être aussi &laquo;&nbsp;jolis&nbsp;&raquo; dessus. Il s&#8217;agit d&#8217;utiliser une balise <code>meta</code> qui contient la version d&#8217;IE que l&#8217;on souhaite cibler. Pour <abbr>IE</abbr>8 par exemple&nbsp;:</p>
<p><code>&lt;meta http-equiv="X-UA-Compatible" content="IE=8" /&gt;</code></p>
<p>C&#8217;est une sorte de contrat. En utilisant cette balise on s&#8217;assure qu&#8217;<abbr>IE</abbr>9, <abbr>IE</abbr>10 et <abbr>IE</abbr>42 l&#8217;afficheront de la même façon qu&#8217;<abbr>IE</abbr>8. Un <i lang="en">Doctype Switching</i> sur le long terme. Et les oiseaux chantent.</p>
<p>Mais voilà. Ce serait une bonne idée si seulement ce n&#8217;était pas une très mauvaise idée. Toutes les pages écrites hier en suivant les standards du web seront <strong>pour l&#8217;éternité</strong> affichée dans le moteur de rendu par défaut. Celui d&#8217;<abbr>IE</abbr>7. Gulp. Et <abbr>IE</abbr> devra se trimballer son moteur de rendu d&#8217;<abbr>IE</abbr>7 pour l&#8217;éternité également. Ce qui implique <a hreflang="en" title="Robert O'Callahan, Mozilla hacker, on why this is a bad idea for IE" href="http://weblogs.mozillazine.org/roc/archives/2008/01/post_2.html">un beau bordel</a> pour le logiciel lui-même et sa sécurité.</p>
<p>Cette solution qui paraissait simple se complique encore lorsque l&#8217;on <a href="http://intertwingly.net/blog/2008/01/22/Best-Standards-Support">évoque</a> le cas des fragments d&#8217;html, des pages MySpace, des aggrégateurs. Que se passe-t-il également lorsque des pages qui ciblent des versions différentes ou discutent entre elles dans des iframes aux niveaux différents de <abbr>DOM</abbr>&nbsp;? Et devra-t-on suivre pour chaque chaque page la version de <strong>tous les navigateurs du marché</strong> dans laquelle elles fonctionnent&nbsp;?</p>
<p>Le versionnement des fichiers en général n&#8217;est pas aussi simple. La meilleure solution à ce problème appliquée à Internet est encore le <i lang="en">progressive enhancement</i>&nbsp;: implémenter des fonctionnalités nouvelles en cassant le moins possible l&#8217;existant et accepter que quelques pages ne seront plus parfaitement égales au pixel près.</p>
<p class="info">L&#8217;image du verrou provient de la libraire <a href="http://tango.freedesktop.org/" lang="en" title="Tango Icons">Tango</a> et l&#8217;icône d&#8217;Internet Explorer est celle de <a href="http://intertwingly.net/">Sam Ruby</a>. Vous pouvez télécharger la source <a href='http://sunfox.org/blog/wp-content/uploads/2008/01/ie-lock.svg' title='ie-lock.svg'><abbr>SVG</abbr></a>.<br/></p>
]]></content:encoded>
			<wfw:commentRss>http://sunfox.org/blog/2008/01/23/internet-locker/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Paris Web 2007</title>
		<link>http://sunfox.org/blog/2007/09/05/paris-web-2007/</link>
		<comments>http://sunfox.org/blog/2007/09/05/paris-web-2007/#comments</comments>
		<pubDate>Wed, 05 Sep 2007 12:30:04 +0000</pubDate>
		<dc:creator>Sunny</dc:creator>
				<category><![CDATA[gouttes]]></category>
		<category><![CDATA[conférence]]></category>
		<category><![CDATA[insia]]></category>
		<category><![CDATA[paris]]></category>
		<category><![CDATA[standards]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://sunfox.org/blog/2007/09/05/paris-web-2007/</guid>
		<description><![CDATA[Le planning de Paris Web 2007 est en ligne&#160;! Courrez-y découvrir les conférences et autour de la qualité, des standards, du design, du code et du contenu sur le web. Ne ratez pas les ateliers du troisième jour, ils auront lieu à l&#8217;INSIA. \o/.]]></description>
			<content:encoded><![CDATA[<p>Le planning de <a title="Conférence Paris Web 2007" href="http://2007.paris-web.fr/">Paris Web 2007</a> est en ligne&nbsp;! Courrez-y découvrir les conférences et autour de la qualité, des standards, du design, du code et du contenu sur le web. Ne ratez pas les ateliers du troisième jour, ils auront lieu à l&#8217;<acronym>INSIA</acronym>. \o/.</p>
]]></content:encoded>
			<wfw:commentRss>http://sunfox.org/blog/2007/09/05/paris-web-2007/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>La balise &lt;big&gt;</title>
		<link>http://sunfox.org/blog/2005/01/26/semantique-de-la-balise-big/</link>
		<comments>http://sunfox.org/blog/2005/01/26/semantique-de-la-balise-big/#comments</comments>
		<pubDate>Wed, 26 Jan 2005 08:20:06 +0000</pubDate>
		<dc:creator>Sunny</dc:creator>
				<category><![CDATA[articles]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[sémantique]]></category>
		<category><![CDATA[standards]]></category>
		<category><![CDATA[standards du web]]></category>

		<guid isPermaLink="false">http://sunfox.org/blog/2004/11/29/attribut-html-big/</guid>
		<description><![CDATA[La sémantique HTML veut que l&#8217;on utilise les balises dont le nom décrit le contenu et non la forme. Par exemple, même si à-priori les deux balises suivantes donnent par défaut du texte en gras, &#60;b&#62; signifie &#171;&#160;bold&#160;&#187; (gras) et ne donne aucune information sur le contenu alors que balise &#60;strong&#62; signifie &#171;&#160;texte plus important&#160;&#187;, [...]]]></description>
			<content:encoded><![CDATA[<p>La sémantique HTML veut que l&#8217;on utilise les balises dont le nom décrit le contenu et non la forme. Par exemple, même si à-priori les deux balises suivantes donnent par défaut du texte en gras, <code>&lt;b&gt;</code> signifie &laquo;&nbsp;bold&nbsp;&raquo; (gras) et ne donne aucune information sur le contenu alors que balise <code>&lt;strong&gt;</code> signifie &laquo;&nbsp;texte plus important&nbsp;&raquo;, et accorde un sens au contenu de la balise.</p>
<p>Les balises dépréciées en faveur de styles CSS sont donc <code>&lt;b&gt;</code>, <code>&lt;i&gt;</code> italique, <code>&lt;u&gt;</code> souligné, <code>&lt;strike&gt;</code> barré, <code>&lt;center&gt;</code>, <code>&lt;big&gt;</code>, <code>&lt;small&gt;</code>, &#8230;</p>
<p>Quoique&#8230; Les balises <em>big</em> et <em>small</em> sont des styles de texte certes, mais elles ont aussi <strong>un sens</strong>&nbsp;!</p>
<p><code>&lt;big&gt;</code> a une dimension de hauteur, de mise au premier plan. Il se distingue de strong par son importance plus élevée, sa hauteur. C&#8217;est comme un <em>header</em> mais sans hiérarchie. Un lecteur vocal pourait, par exemple, le parler plus fort.</p>
<p>De même pour <code>&lt;small&gt;</code>. Il n&#8217;y a d&#8217;ailleurs aucune autre balise que celle-ci pour qualifier un texte qui est moins important que le reste&nbsp;!</p>
<p>Alors faut-il utiliser <em>big</em> et <em>small</em> ou utiliser des <em>strong</em> et des <em>span</em> stylés en CSS à la place&nbsp;? Je pense que cette dernière solution serait une erreur, et qu&#8217;il faut utiliser ces deux balises oubliées pour leur donner le sens qu&#8217;elles aimeraient tant porter.</p>
]]></content:encoded>
			<wfw:commentRss>http://sunfox.org/blog/2005/01/26/semantique-de-la-balise-big/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Opquast</title>
		<link>http://sunfox.org/blog/2004/07/01/opquast/</link>
		<comments>http://sunfox.org/blog/2004/07/01/opquast/#comments</comments>
		<pubDate>Thu, 01 Jul 2004 15:44:45 +0000</pubDate>
		<dc:creator>Sunny</dc:creator>
				<category><![CDATA[web]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[sémantique]]></category>
		<category><![CDATA[standards]]></category>
		<category><![CDATA[standards du web]]></category>

		<guid isPermaLink="false">http://sunfox.org/blog/2004/07/01/opquast/</guid>
		<description><![CDATA[Ouverture en version beta de Projet Opquast d&#8217;une liste de toutes les bonnes pratiques à mettre en oeuvre sur un site web pour qu’il soit accessible et agréable pour ses utilisateurs. Tout est fait selon le type de site (boutique, blog, etc) et selon un niveau (de difficulté&#160;?) de 1, 2 ou 3. L&#8217;on peut [...]]]></description>
			<content:encoded><![CDATA[<p>Ouverture en version beta de <a href="http://opquast.org">Projet Opquast</a> d&#8217;une <q>liste de toutes les bonnes pratiques à  mettre en oeuvre sur un site web pour qu’il soit accessible et agréable pour ses utilisateurs</q>. Tout est fait selon le type de site (boutique, blog, etc) et selon un niveau (de difficulté&nbsp;?) de 1, 2 ou 3. L&#8217;on peut encore participer à  la création de cette liste en fournissant ses idées ou ses commentaires.</p>
<p>Il manque à mon propre site quelques points dans le niveau 3, mais dans l&#8217;ensemble je m&#8217;en sort rudement bien :]</p>
<p><del datetime="2007-11-15T13:41:55+00:00">Voir aussi un petit post à propos du lancement d&#8217;Oquast sur <a href="http://escalope.net/">escalope</a> par notre bon vieux docLegi et  <a href="http://opquast.org">Opquast.org</a>.</del></p>
]]></content:encoded>
			<wfw:commentRss>http://sunfox.org/blog/2004/07/01/opquast/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

