<?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>artxtra.info &#187; xhtml</title>
	<atom:link href="http://artxtra.info/tag/xhtml/feed/" rel="self" type="application/rss+xml" />
	<link>http://artxtra.info</link>
	<description>Blog perso de Julien PIERRE !</description>
	<lastBuildDate>Fri, 30 Jul 2010 12:03:10 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>It&#8217;s Time To Kill Off Transitional DOCTYPES</title>
		<link>http://artxtra.info/2006/10/09/its-time-to-kill-off-transitional-doctypes/</link>
		<comments>http://artxtra.info/2006/10/09/its-time-to-kill-off-transitional-doctypes/#comments</comments>
		<pubDate>Mon, 09 Oct 2006 19:05:39 +0000</pubDate>
		<dc:creator>Julien</dc:creator>
				<category><![CDATA[blog pro]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[doctype]]></category>
		<category><![CDATA[dtd]]></category>
		<category><![CDATA[webdev]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://artxtra.info/2006/10/09/its-time-to-kill-off-transitional-doctypes/</guid>
		<description><![CDATA[ It&#8217;s Time To Kill Off Transitional DOCTYPES
Ou l&#8217;on nous encourage encore plus à virer vers le XHTML Strict ! Un article de Jack Packard publié sur Accessites.org  : montrer des sites web accessibles, conformes,  beaux et précis ! Sur soumission, l&#8217;équipe accepte ou refuse un site ; et l&#8217;une des règles est [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://accessites.org/gbcms_xml/news_page.php?id=23#n23" hreflang="en"> It&#8217;s Time To Kill Off Transitional DOCTYPES</a></p>
<p>Ou l&#8217;on nous encourage encore plus à virer vers le XHTML Strict ! Un article de <a href="http://accessites.org/team/#jack" hreflang="en">Jack Packard</a> publié sur <a href="http://accessites.org/">Accessites.org</a>  : montrer des sites web accessibles, conformes,  beaux et précis ! Sur soumission, l&#8217;équipe accepte ou refuse un site ; et l&#8217;une des règles est d&#8217;avoir une DTD en Strict. Pour 4 raisons :</p>
<ul>
<li><q cite="http://accessites.org/gbcms_xml/news_page.php?id=23#n23">The Transitional DOCTYPE tells you to use a Strict DOCTYPE</q> : c&#8217;est écrit dans la DTD, quand on prend la peine de la lire en entier</li>
<li><q cite="http://accessites.org/gbcms_xml/news_page.php?id=23#n23">A Strict DOCTYPE forces separation of presentation and content</q> : ça, on le savait déjà. Et de citer les balises dépréciées (genre <code>basefont</code>)</li>
<li></li>
<li><q cite="http://accessites.org/gbcms_xml/news_page.php?id=23#n23">Separating your presentation from your content is a Good Thing : on en rajoute, des fois que&#8230; L&#8217;utilisateur peut reprendre la main avec sa propre feuille CSS ; La maintenance est facilitée ; la bande passante est économisée ; et c&#8217;est une recommandation du WCAG</q></li>
<li><q cite="http://accessites.org/gbcms_xml/news_page.php?id=23#n23">What about new windows?</q> Les nouvelle fenêtres, ouvertes avec <code>target="_blank"</code> sont à bannir : l&#8217;utilisateur doit maitriser sa navigation. Pour les maniaques, le site propose le <a href="http://www.456bereastreet.com/archive/200605/opening_new_windows_with_javascript_version_11/" title="Emuler l'attribut target=blank">javascript de 456BereaStreet</a>.</li>
</ul>
<p>Bref on n&#8217;apprend rien de nouveau (mis à part le premier point), mais ça a le mérite de rebondir sur <a href="http://blog.alsacreations.com/2006/09/19/280-arretons-de-confondre-xhtml-et-css" title="Arrêtons de confondre...">ce que disait Raphaël Goëtter sur son blog</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://artxtra.info/2006/10/09/its-time-to-kill-off-transitional-doctypes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>#8 &#8211; Tous les bugs d&#8217;IE</title>
		<link>http://artxtra.info/2006/05/29/tous-les-bugs-die/</link>
		<comments>http://artxtra.info/2006/05/29/tous-les-bugs-die/#comments</comments>
		<pubDate>Mon, 29 May 2006 12:06:02 +0000</pubDate>
		<dc:creator>Julien</dc:creator>
				<category><![CDATA[blog pro]]></category>
		<category><![CDATA[bug]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[navigateur]]></category>
		<category><![CDATA[site ressource]]></category>
		<category><![CDATA[webdev]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://artxtra.info/blog/2006/05/29/tous-les-bugs-die/</guid>
		<description><![CDATA[et des autres navigateurs]]></description>
			<content:encoded><![CDATA[<p>On l&#8217;a vu depuis le d&eacute;but de la formation, les navigateurs n&#8217;int&egrave;grent pas de la m&ecirc;me mani&egrave;re les propri&eacute;t&eacute;s CSS : entre les marges, les flottements et les astuces des uns et des autres, d&eacute;velopper un site web qui fonctionne sur toutes les plateformes rel&egrave;ve du d&eacute;fi.</p>
<p>Heureusement pour nous, certains sites se proposent de lister les bugs des navigateurs, et en particulier IE (toute version confondue). Evidemment, ils proposent les solutions qui vont avec !</p>
<p>Citons parmi ces sites ressources : </p>
<ul>
<li><a href="http://www.positioniseverything.net" title="Position is Everything recense les bugs de CSS">positioniseverything</a></li>
<li>Chez delicious, on trouvera les combinaisons <a href="http://del.icio.us/tag/bug%2BCSS" title="bug+css">bug+css</a>, <a href="http://del.icio.us/tag/bug%2Bie" title="bug+ie">bug+ie</a></li>
<li>J&#8217;en ai recens&eacute; certains sur <a href="http://del.icio.us/artxtra/bug" title="quelques liens en plus">mes delicious</a>
</li>
</ul>
<p>A noter, via un mail envoy&eacute; par Monique (merci <a href="http://www.blog.webatou.be/">Monique</a>, mais&#8230; et les commentaires alors !?) le site <a href="http://www.webdevout.net/browser_support.php">webdevout</a>, effectivement riche en ressources.</p>
]]></content:encoded>
			<wfw:commentRss>http://artxtra.info/2006/05/29/tous-les-bugs-die/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>#5 &#8211; WebRankInfo</title>
		<link>http://artxtra.info/2006/05/18/webrankinfo/</link>
		<comments>http://artxtra.info/2006/05/18/webrankinfo/#comments</comments>
		<pubDate>Thu, 18 May 2006 13:30:52 +0000</pubDate>
		<dc:creator>Julien</dc:creator>
				<category><![CDATA[blog pro]]></category>
		<category><![CDATA[balisage semantique]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[referencenement]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[site ressource]]></category>
		<category><![CDATA[xhtml]]></category>
		<category><![CDATA[yahoo]]></category>

		<guid isPermaLink="false">http://artxtra.info/blog/2006/05/18/webrankinfo/</guid>
		<description><![CDATA[On n&#8217;insistera jamais assez sur l&#8217;importance du r&#233;f&#233;rencement pour un site web : il semble &#233;vident. Pourtant, son int&#233;gration dans la production chez le designer web fait souvent d&#233;faut. (D&#8217;ailleurs, aujourd&#8217;hui, on trouve de plus en plus d&#8217;annonces concernant des sp&#233;cialistes du r&#233;f&#233;rencement dans les offres d&#8217;emploi).
Tous les &#233;l&#233;ments relatifs au r&#233;f&#233;rencement doivent ainsi &#234;tre [...]]]></description>
			<content:encoded><![CDATA[<p>On n&#8217;insistera jamais assez sur l&#8217;importance du r&eacute;f&eacute;rencement pour un site web : il semble &eacute;vident. Pourtant, son int&eacute;gration dans la production chez le designer web fait souvent d&eacute;faut. (D&#8217;ailleurs, aujourd&#8217;hui, on trouve de plus en plus d&#8217;annonces concernant des sp&eacute;cialistes du r&eacute;f&eacute;rencement dans les offres d&#8217;emploi).</p>
<p>Tous les &eacute;l&eacute;ments relatifs au r&eacute;f&eacute;rencement doivent ainsi &ecirc;tre en possession du codeur avant qu&#8217;il n&#8217;entame son travail : recherche de mots-cl&eacute;s et de r&eacute;sum&eacute;s avec le client, pertinence r&eacute;dactionnelle du contenu, liens organiques et &eacute;changes de banni&egrave;res, valeurs des attributs alt et title doivent &ecirc;tre pens&eacute;s au pr&eacute;alable. Et int&eacute;gr&eacute;s au fur et &agrave; mesure dans le code HTML. Pourquoi ? Comment ? Une seule r&eacute;ponse &agrave; &ccedil;a&#8230;</p>
<p><a href="http://www.webrankinfo.com/">Webrankinfo [WRI]</a> est surement le site r&eacute;f&eacute;rence pour tout ce qui concerne le&#8230; <a href="http://www.webrankinfo.com/referencement/index.php">r&eacute;f&eacute;rencement</a> !</p>
<p>Qu&#8217;il s&#8217;agisse de <a href="http://www.webrankinfo.com/google/index.php">Google</a>, de <a href="http://www.webrankinfo.com/yahoo/index.php">Yahoo</a>, de DMOZ ou des autres moteurs genre Exalead ou Technorati.com, Olivier Duffez et l&#8217;&eacute;quipe de WebRankInfo ont une r&eacute;ponse. Et s&#8217;ils n&#8217;ont pas la r&eacute;ponse, quelqu&#8217;un l&#8217;a sur le forum.</p>
<p>Un conseil : abonnez-vous &agrave; sa newsletter !</p>
<p>De plus, le site dispose d&#8217;outils en ligne qui permettent de <a href="http://www.webrankinfo.com/analyses/index.php">faire un audit de positionnement</a> de son site, ainsi qu&#8217;une <a href="http://www.webrankinfo.com/outils/index.php">boite &agrave; outils pour am&eacute;liorer sa campagne de r&eacute;f&eacute;rencement</a>.</p>
<div class="rappel_imep">
<h4>Les 15 articles <a href="http://artxtra.info/blog/tag/site-ressource/">&#8216;Site Ressource</a>&#8216; de la formation <a href="http://artxtra.info/pro/formation/web/imep/">IMEP</a></h4>
<ol>
<li><a href="http://artxtra.info/blog/2006/05/11/1-delicious/">del.icio.us</a></li>
<li><a href="http://artxtra.info/blog/2006/05/12/2-alsacreations/">alsacreations</a></li>
<li><a href="http://artxtra.info/blog/2006/05/15/3-stockxchng/">stock.xchng</a></li>
<li><a href="http://artxtra.info/blog/2006/05/16/4-frselfhtmlorg/">fr.self.html.org</a></li>
<li><a href="http://artxtra.info/blog/2006/05/18/webrankinfo/">webrankinfo</a></li>
<li><a href="http://artxtra.info/blog/2006/05/22/des-statistiques/">statistiques</a></li>
<li><a href="http://artxtra.info/blog/2006/05/23/7-des-feuilles-de-triche/">des feuilles de triche</a></li>
<li><a href="http://artxtra.info/blog/2006/05/29/tous-les-bugs-die/">tous les bugs d&#8217;IE</a></li>
<li><a href="http://artxtra.info/blog/2006/05/30/9-la-palette-ideale/">La palette id&eacute;ale</a></li>
<li><a href="http://artxtra.info/blog/2006/05/31/10-openwebeuorg/">openweb.eu.org</a></li>
<li><a href="http://artxtra.info/blog/2006/06/02/11-mon-opquast/">Mon Opquast</a></li>
<li><a href="http://artxtra.info/blog/2006/06/12/11-php/">PHP</a></li>
<li><a href="http://artxtra.info/blog/2006/06/13/13-google-a-mon-secours/">Google &agrave; mon secours</a></li>
<li><a href="http://artxtra.info/blog/2006/06/14/14-javascript/">Javascript</a></li>
<li><a href="http://artxtra.info/blog/2006/06/16/15-hebergement/">h&eacute;bergement</a></li>
</ol>
</div>
]]></content:encoded>
			<wfw:commentRss>http://artxtra.info/2006/05/18/webrankinfo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>#4 &#8211; fr.selfhtml.org</title>
		<link>http://artxtra.info/2006/05/16/4-frselfhtmlorg/</link>
		<comments>http://artxtra.info/2006/05/16/4-frselfhtmlorg/#comments</comments>
		<pubDate>Tue, 16 May 2006 21:31:09 +0000</pubDate>
		<dc:creator>Julien</dc:creator>
				<category><![CDATA[blog pro]]></category>
		<category><![CDATA[site ressource]]></category>
		<category><![CDATA[traduction]]></category>
		<category><![CDATA[tutoriel]]></category>
		<category><![CDATA[w3c]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://artxtra.info/blog/2006/05/16/4-frselfhtmlorg/</guid>
		<description><![CDATA[Avec pour devise : &#171;&#160;R&#233;aliser soi-m&#234;me des fichiers HTML&#160;&#187;, fr.selfhtml.org annonce la couleur : fournir toutes les informations sur les balises HTML afin de devenir autonome dans la production.
Ainsi, le site propose des explications quasi exhaustives sur l&#8217;ensemble des balises (et de leurs attributs) que contient la sp&#233;cifications HTML. Un exemple ici.
M&#234;me si c&#8217;est plus [...]]]></description>
			<content:encoded><![CDATA[<p>Avec pour devise : &laquo;&nbsp;R&eacute;aliser soi-m&ecirc;me des fichiers HTML&nbsp;&raquo;, <a href="http://fr.selfhtml.org/">fr.selfhtml.org</a> annonce la couleur : fournir toutes les informations sur les balises HTML afin de devenir autonome dans la production.</p>
<p>Ainsi, le site propose des explications quasi exhaustives sur l&#8217;ensemble des balises (et de leurs attributs) que contient la sp&eacute;cifications HTML. Un exemple <a href="http://fr.selfhtml.org/html/texte/logique.htm">ici</a>.</p>
<p>M&ecirc;me si c&#8217;est plus complexe, je propose aussi en lien <a href="http://www.la-grange.net/w3c/xhtml1/">la traduction fran&ccedil;aise des sp&eacute;cifications xHTML</a> (travail de Karl Dubost, site <a href="http://www.la-grange.net/">www.la-grange.net</a>).</p>
<p>Attention toutefois, &eacute;dit&eacute; en 2001 et mis &agrave; jour en 2003, le site propose parfois des approches obsol&egrave;tes du code ; n&eacute;anmoins, notons pour cette &eacute;poque qu&#8217;il fut l&#8217;un des premiers &agrave; avoir pleinement saisi la port&eacute;e s&eacute;mantique du balisage.</p>
<p>On pourra regretter une mise en forme qui ne facilite pas la lecture (texte sur toute la largeur de l&#8217;&eacute;cran, peu de zones blanches pour respirer).</p>
]]></content:encoded>
			<wfw:commentRss>http://artxtra.info/2006/05/16/4-frselfhtmlorg/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>#2 &#8211; Alsacr&#233;ations</title>
		<link>http://artxtra.info/2006/05/12/2-alsacreations/</link>
		<comments>http://artxtra.info/2006/05/12/2-alsacreations/#comments</comments>
		<pubDate>Fri, 12 May 2006 20:21:34 +0000</pubDate>
		<dc:creator>Julien</dc:creator>
				<category><![CDATA[blog pro]]></category>
		<category><![CDATA[alsacreations]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[forum]]></category>
		<category><![CDATA[site ressource]]></category>
		<category><![CDATA[tutoriel]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://artxtra.info/blog/2006/05/12/2-alsacreations/</guid>
		<description><![CDATA[Alsacr&#233;ations (avec un S &#224; la fin) est un site d&#233;velopp&#233; par Rapha&#235;l G&#038;&#339;lig;tter, auteur du M&#233;mento CSS et du livre CSS2.
Le site www.alsacreations.com dispose de nombreux tutoriels tr&#232;s simples sur toutes les notions relatives &#224; l&#8217;interaction entre xHTML et CSS : DTD, balises de bloc, encodage, hack CSS, etc..
N&#8217;h&#233;sitez pas aussi &#224; consulter la [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.alsacreations.com/">Alsacr&eacute;ations</a> (avec un S &agrave; la fin) est un site d&eacute;velopp&eacute; par Rapha&euml;l G&&oelig;lig;tter, auteur du <a href="http://www.amazon.fr/exec/obidos/ASIN/2212117264/alsacreations-21">M&eacute;mento CSS</a> et du livre <a href="http://www.amazon.fr/exec/obidos/redirect?path=ASIN/2212115709&#038;link_code=as2&#038;tag=alsacreations-21&#038;creative=6746">CSS2</a>.</p>
<p>Le site <a href="http://www.alsacreations.com/">www.alsacreations.com</a> dispose <a href="http://css.alsacreations.com/">de nombreux tutoriels</a> tr&egrave;s simples sur toutes les notions relatives &agrave; l&#8217;interaction entre xHTML et CSS : DTD, balises de bloc, encodage, hack CSS, etc..</p>
<p>N&#8217;h&eacute;sitez pas aussi &agrave; consulter <a href="http://forum.alsacreations.com/faq">la FAQ</a>, toute aussi riche et id&eacute;ale pour d&eacute;buter !</p>
<p>Une mine d&#8217;info que l&#8217;auteur nous encourage &agrave; user (sans en abuser : n&#8217;oubliez pas de le citer dans les cr&eacute;dits de votre site)</p>
<p>On trouvera en compl&eacute;ment du site en lui-m&ecirc;me <a href="http://forum.alsacreations.com/">un excellent forum</a>, riche de nombreux intervenants tous plus cal&eacute;s et disponibles les uns que les autres. Donc n&#8217;h&eacute;sitez pas &agrave; aller y faire un tour, et si vous avez une question, commencez par utiliser la fonction Rechercher !</p>
<p>Je profite de l&#8217;occasion pour citer les autres forums actifs du d&eacute;veloppement web : <a href="http://www.webmaster-hub.com/">www.webmaster-hub.com</a> et <a href="http://www.developpez.com/">www.developpez.com</a>, avec ses sections <a href="http://web.developpez.com/">d&eacute;veloppement web</a> ou <a href="http://php.developpez.com/">PHP</a>.</p>
<p>Derni&egrave;re chose &agrave; propos d&#8217;Alsa : un <a href="http://emploi.alsacreations.com/">espace emploi</a> qui f&eacute;d&egrave;re toutes les offres et demandes dans le domaine ! </p>
]]></content:encoded>
			<wfw:commentRss>http://artxtra.info/2006/05/12/2-alsacreations/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bords arrondis en XHTML et CSS</title>
		<link>http://artxtra.info/2005/05/25/bords-arrondis-en-xhtml-et-css/</link>
		<comments>http://artxtra.info/2005/05/25/bords-arrondis-en-xhtml-et-css/#comments</comments>
		<pubDate>Wed, 25 May 2005 17:08:54 +0000</pubDate>
		<dc:creator>Julien</dc:creator>
				<category><![CDATA[En bref]]></category>
		<category><![CDATA[coins arrondis]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[webdev]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://artxtra.info/blog/2005/05/25/</guid>
		<description><![CDATA[Faire du webdesign tendance.]]></description>
			<content:encoded><![CDATA[<p>Un tr&egrave;s bon tutoriel pour r&eacute;aliser, pas &agrave; pas, m&eacute;thode apr&egrave;s m&eacute;thode, des <a href="http://www.e-t172.net/articles/round/">bords arrondis en XHTML/CSS</a>, avec les avantages et les inconv&eacute;nients de chaque solution. On se rend compte encore une fois de la n&eacute;cessit&eacute; de s&eacute;parer forme et contenu, de la g&ecirc;ne occasionn&eacute;e par IE dans cette approche ; et on se languit de la sortie officielle de CSS3 et de son implantation dans les navigateurs. Le <em>border-radius</em> nous changera la vie !</p>
]]></content:encoded>
			<wfw:commentRss>http://artxtra.info/2005/05/25/bords-arrondis-en-xhtml-et-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Le Webdesign en action</title>
		<link>http://artxtra.info/2005/05/10/le-webdesign-en-action/</link>
		<comments>http://artxtra.info/2005/05/10/le-webdesign-en-action/#comments</comments>
		<pubDate>Tue, 10 May 2005 15:38:41 +0000</pubDate>
		<dc:creator>Julien</dc:creator>
				<category><![CDATA[En bref]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[webdev]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://artxtra.info/blog/2005/05/10/</guid>
		<description><![CDATA[Gou blog a mis en ligne un GIF anim&#233; qui montre, &#233;tape par &#233;tape, la r&#233;alisation d&#8217;un site. Ici mieux qu&#8217;ailleurs, on verra l&#8217;&#233;volution de l&#8217;information &#224; sa pr&#233;sentation, via la structure en XHTML agr&#233;ment&#233;e de d&#233;clarations en CSS.
]]></description>
			<content:encoded><![CDATA[<p><a href="http://gou.blogspot.com/2005/05/volution-de-la-cration-dun-site.html">Gou blog</a> a mis en ligne un <a class="externe" href="http://mboffin.com/stuff/designline-openair.gif">GIF anim&eacute;</a> qui montre, &eacute;tape par &eacute;tape, la r&eacute;alisation d&#8217;un site. Ici mieux qu&#8217;ailleurs, on verra l&#8217;&eacute;volution de l&#8217;information &agrave; sa pr&eacute;sentation, via la structure en XHTML agr&eacute;ment&eacute;e de d&eacute;clarations en CSS.</p>
]]></content:encoded>
			<wfw:commentRss>http://artxtra.info/2005/05/10/le-webdesign-en-action/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
