<?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>Gatellier.be &#187; webstandards</title>
	<atom:link href="http://www.gatellier.be/blog/tags/marin/webstandards/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.gatellier.be/blog</link>
	<description>Interwebs with passion.</description>
	<lastBuildDate>Thu, 01 Jul 2010 12:17:25 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
	<atom:link rel='hub' href='http://www.gatellier.be/blog/?pushpress=hub'/>
		<item>
		<title>IE8 est là, mettez à jour vos butineurs</title>
		<link>http://www.gatellier.be/blog/ie8-upgrade-butineurs/</link>
		<comments>http://www.gatellier.be/blog/ie8-upgrade-butineurs/#comments</comments>
		<pubDate>Sun, 22 Mar 2009 19:32:19 +0000</pubDate>
		<dc:creator>Marin</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[webstandards]]></category>
		<category><![CDATA[IE8]]></category>
		<category><![CDATA[question]]></category>
		<category><![CDATA[upgrade]]></category>
		<category><![CDATA[versions]]></category>

		<guid isPermaLink="false">http://www.gatellier.be/blog/?p=271</guid>
		<description><![CDATA[IE8 vient d'arriver, il corrige certains bugs, mais il lui manque encore pas mal de choses.]]></description>
			<content:encoded><![CDATA[<p>Internet Explorer 8 (<abbr>IE8</abbr>) vient de sortir, réjouissons-nous&nbsp;!</p>

<h3>Ce qu'il manque dans IE8&nbsp;:</h3>
<p>C'est un grand pas en avant vers les standards web, mais pas encore parfait. Pour moi, il manque l'implémentation de certaines propriétés <abbr title="Cascading Style Sheets">CSS</abbr> 3 qui pourraient enfin faciliter la vie des développeurs, à savoir&nbsp;:</p>

<ul>
	<li><a href="http://www.w3.org/TR/css3-background/#the-background-image" hreflang="en" lang="en" title="W3C CSS3 multiple-background">multiple background</a>, pour avoir plusieurs images de fond sur un seul élément</li>
	<li><a href="http://www.w3.org/TR/css3-background/#the-border-radius" hreflang="en" lang="en" title="W3C CSS3 border-radius">border radius</a>, pour faire des coins arrondis (sans image) sur un éléments</li>
	<li>svg, canvas, video,...</li>
</ul>

<h3>Ce que IE8 corrige&nbsp;:</h3>
<p>Par contre <strong>IE8 supporte enfin les <a href="http://en.wikipedia.org/wiki/Data_URI_scheme" hreflang="en" title="Wikipedia Data URI">data URI</a></strong>, qui permettent d'éviter des requêtes http sur des petites image.</p>
<p>IE8 corrige aussi un <strong>bug étrange sur le caractère "Euro"</strong> en fonte grasse qui n'apparaît que sur IE7.</p>

<p><a href="http://dl-client.getdropbox.com/u/63122/euro.htm"><img src="http://static.gatellier.be/i/090321/euro-sign-on-IE6.png" alt="Capture d'écran IE6, pas de bug" /></a><br />
IE6&nbsp;: affichage correct.</p>
<p><a href="http://dl-client.getdropbox.com/u/63122/euro.htm"><img src="http://static.gatellier.be/i/090321/euro-sign-on-IE7.png" alt="Capture d'écran IE7" /></a><br />
IE7&nbsp;: la fonte affichée n'est pas la bonne, la Verdana est remplacée par de la Times New Roman.</p>
<p><a href="http://dl-client.getdropbox.com/u/63122/euro.htm"><img src="http://static.gatellier.be/i/090321/euro-sign-on-IE8.png" alt="Capture d'écran IE8, pas de bug" /></a><br />
IE8&nbsp;: affichage correct</p>

<p>La <a href="http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx" hreflang="en">liste des propriétés CSS supportées</a> (ou pas) est éloquente.</p>

<h3>Mises à jour.</h3>
<p>J'espère vraiment qu'on ne devra pas pas attendre deux ans avant la prochaine mise à jour (pour l'implémentation des recommandations CSS3) et que le système de mise à jours se rapprochera de ce qui se fait sur Firefox, Chrome ou Opera. &Agrave; savoir&nbsp;: des mises à jour fréquentes et automatiques&nbsp;!</p>

<h3>Quelles sont vos raisons&nbsp;?</h3>
<p>IE6 reste encore bien implanté pour un navigateur <strong>qui date quand même de 2001,</strong> je donnerai mes chiffres plus tard.</p>
<p>Certainement la faute aux infrastructures IT qui ne veulent pas mettre à jour leurs parcs informatiques. Personnellement, je n'ai rien contre ce navigateur (je préfère son interface à celle de ses successeurs et puis, j'ai fini par bien connaître ses bugs).</p>
<p>Je serais juste curieux de connaître <strong>vos raisons</strong> de rester avec un si vieux navigateur alors que d'autres beaucoup plus performants (et pas gourmants en ressources quoi qu'on en dise) sont disponibles au téléchargement&nbsp;: <a href="http://getfirefox.com/">Firefox</a>, <a href="http://google.com/chrome">Chrome</a>, <a href="http://opera.com/">Opera</a>, <a href="http://microsoft.com/IE8/">IE8</a>.</p>
<p>De même, il y a encore pas mal de vieilles versions de navigateurs qui sont installées (FF1.5, FF2, IE5.2 mac), qui sont tout aussi obsolètes que IE6, <strong>pourquoi ne les mettez-vous pas à jour&nbsp;?</strong></p><hr />
<p><small>© Marin for <a href="http://www.gatellier.be/blog">Gatellier.be</a>, 2009. |
<a href="http://www.gatellier.be/blog/ie8-upgrade-butineurs/">Permalink</a> |
<a href="http://www.gatellier.be/blog/ie8-upgrade-butineurs/#comments">No comment</a> |
Add to
<a href="http://del.icio.us/post?url=http://www.gatellier.be/blog/ie8-upgrade-butineurs/&title=IE8 est là, mettez à jour vos butineurs">del.icio.us</a>
<br/>
Post tags: <a href="http://www.gatellier.be/blog/tag/browsers/" rel="tag">Browsers</a>, <a href="http://www.gatellier.be/blog/tag/ie8/" rel="tag">IE8</a>, <a href="http://www.gatellier.be/blog/tag/question/" rel="tag">question</a>, <a href="http://www.gatellier.be/blog/tag/upgrade/" rel="tag">upgrade</a>, <a href="http://www.gatellier.be/blog/tag/versions/" rel="tag">versions</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.gatellier.be/blog/ie8-upgrade-butineurs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IE: supprimer les alertes de sécurité en mode https</title>
		<link>http://www.gatellier.be/blog/ie-https-supprimer-alertes-de-securite-en-mode-https/</link>
		<comments>http://www.gatellier.be/blog/ie-https-supprimer-alertes-de-securite-en-mode-https/#comments</comments>
		<pubDate>Sun, 15 Feb 2009 16:04:35 +0000</pubDate>
		<dc:creator>Marin</dc:creator>
				<category><![CDATA[Bonnes pratiques]]></category>
		<category><![CDATA[Browsers]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[Débogage]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[webstandards]]></category>
		<category><![CDATA[https]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[scheme]]></category>
		<category><![CDATA[security]]></category>
		<category><![CDATA[url]]></category>
		<category><![CDATA[warning]]></category>

		<guid isPermaLink="false">http://www.gatellier.be/blog/?p=265</guid>
		<description><![CDATA[Internet Explorer, dans toutes ses versions, affiche une alerte de sécurité lorsque l'on visite une page, servie via le protocole de sécurité https, si celle-ci contient des ressources servies via le protocole http. Voici comment les supprimer une fois pour toute.]]></description>
			<content:encoded><![CDATA[<p>Internet Explorer, dans toutes ses versions, affiche une <strong>alerte de sécurité</strong> lorsque l'on visite une page, servie via le <strong>protocole de sécurité <acronym title="Hypertext Transfer Protocol Secure">https</acronym></strong>, si celle-ci contient des ressources servies via le protocole <acronym title="Hypertext Transfer Protocol">http</acronym>.</p>

<h3>Alerte de sécurité sur <acronym title="Microsoft Internet Explorer">IE</acronym> &lt; 8.</h3>

<p><a href="https://noscript.be/demo/https-mixed-content-warning/"><img src="http://static.gatellier.be/i/090215/IE7-security-warning.png" width="332" height="150" alt="Capture d'écran IE7: Security Information, This page contains both secure and unsecure items. Do you want to display the nonsecure items?" /></a></p>
<dl>
	<dt><strong>Security Information</strong></dt>
	<dd>
		<p>This page contains both secure and unsecure items.</p>
		<p>Do you want to display the nonsecure items?</p>
		<p>[<em>Yes</em>] [No] [More Info]</p>
	</dd>
</dl>

<p>Ou en français&nbsp;:</p>

<dl>
	<dt><strong>Information sur la sécurité</strong></dt>
	<dd>
		<p>Cette page contient des éléments sécurisés et non sécurisés.</p>
		<p>Souhaitez-vous afficher les éléments non sécurisés&nbsp;?</p>
		<p>[<em>Oui</em>] [Non] [Plus d'infos]</p>
	</dd>
</dl>

<h3>Alerte de sécurité sur IE8b2.</h3>
<p>A l'heure actuelle, la version finale d'IE8 n'est pas encore sortie. J'ai donc fait des tests sur la version bêta 2.</p>
<p><a href="https://noscript.be/demo/https-mixed-content-warning/"><img src="http://static.gatellier.be/i/090215/IE8-security-warning.png" width="456" height="162" alt="Capture d'écran IE8b2: Security Warning, Do you want to view only the webpage content that was delivered securely?" /></a></p>
<dl>
	<dt><strong>Security Warning</strong></dt>
	<dd>
		<p><strong>Do you want to view only the webpage content that was delivered securely?</strong></p>
		<p>This webpage contains content that will not be delivered usin a secure HTTPS connection, which could compromise the security of the entire webpage.</p>
		<p>[More Info] [<em>Yes</em>] [No]</p>
	</dd>
</dl>
<p>Notez la tournure de la phrase qui est completement l'inverse du message de sécurité des versions précédantes...</p>

<h3>Examples d'alerte de sécurité.</h3>
<h4>Démonstration.</h4>
<p>J'ai mis en place une <a href="https://noscript.be/demo/https-mixed-content-warning/"><strong>page démontrant cette popup de sécurité</strong></a>. Je sais que le certificat n'est pas valable pour le domain, d'où la première alerte.</p>
<p>Cette page est servie via le protocole sécurisé https et contient un lien vers une image servie via http.</p>
<p>Sur Internet Explorer, vous devriez avoir le message d'alerte ci-dessus.</p>

<h4>Code.</h4>

<pre class="brush: html;">
&lt;div&gt;
&lt;img src=&quot;http://noscript.be/demo/https-mixed-content-warning/404.jpg&quot; alt=&quot;Un chat dans un pc démonté&quot; title=&quot;src: http://www.catswhocode.com/blog/404&quot; /&gt;
&lt;/div&gt;
</pre>


<h3>Supprimer l'alerte de sécurité une fois pour toute.</h3>
<p>Il y a plusieurs solutions pour cela. Dont une consiste à <a href="http://ask-leo.com/can_i_get_rid_of_the_this_page_contains_both_secure_and_nonsecure_items_warning.html" hreflang="en">changer les paramètres d'IE</a>.</p>
<p>Je me vois mal conseiller à mes clients de changer leurs paramètres.</p>
<p>La seule solution est d'employer correctement le <a href="http://tools.ietf.org/html/rfc1738#page-5" lang="en" hreflang="en">Common Internet Scheme Syntax</a>, en <strong>supprimant le protocole</strong>.</p>


<h4>Démonstration.</h4>
<p>Dans cet exemple, le <a href="https://noscript.be/demo/https-mixed-content-warning/fix.htm"><strong>protocole https du lien vers l'image à simplement été supprimé</strong></a>.</p>
<p>Le message de sécurité n'apparaît plus.</p>

<h4>Code.</h4>

<pre class="brush: html;">
&lt;div&gt;
&lt;img src=&quot;//noscript.be/demo/https-mixed-content-warning/404.jpg&quot; alt=&quot;Un chat dans un pc démonté&quot; title=&quot;src: http://www.catswhocode.com/blog/404&quot; /&gt;
&lt;/div&gt;
</pre>


<p>Notez que la même technique est d'application pour les fichiers <code>.swf</code> que vous pourriez avoir dans vos pages sécurisées.</p>

<pre class="brush: html;">
&lt;OBJECT classid=&quot;clsid:D27CDB6E-AE6D-11cf-96B8-444553540000&quot;
codebase=&quot;//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0&quot;
WIDTH=&quot;550&quot; HEIGHT=&quot;400&quot; id=&quot;myMovieName&quot;&gt;
&lt;PARAM NAME=movie VALUE=&quot;myFlashMovie.swf&quot;&gt;
&lt;PARAM NAME=quality VALUE=high&gt;
&lt;PARAM NAME=bgcolor VALUE=#FFFFFF&gt;
&lt;EMBED src=&quot;/support/flash/ts/documents/myFlashMovie.swf&quot;quality=high bgcolor=#FFFFFF WIDTH=&quot;550&quot; HEIGHT=&quot;400&quot;
NAME=&quot;myMovieName&quot; ALIGN=&quot;&quot; TYPE=&quot;application/x-shockwave-flash&quot;
PLUGINSPAGE=&quot;http://www.macromedia.com/go/getflashplayer&quot;&gt;
&lt;/EMBED&gt;
&lt;/OBJECT&gt;
</pre>


<p><small>code vu sur la <a href="http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_4150" hreflang="en">base de connaissance Macromedia</a></small></p>
<p>J'ai enlevé le protocole http de l'attribut <code>codebase</code> du tag <code>object</code>.</p>
<p>Maintenant, ceux qui utilisent encore Internet Explorer (et qui devraient vraiment <a href="http://getfirefox.com/">essayer</a> <a href="http://www.apple.com/safari/">un</a> <a href="http://www.opera.com/">meilleur</a> <a href="http://www.google.com/chrome/">browser</a>) n'ont plus de raisons de se plaindre de ces messages d'alerte&nbsp;!</p>


<hr />
<p><small>© Marin for <a href="http://www.gatellier.be/blog">Gatellier.be</a>, 2009. |
<a href="http://www.gatellier.be/blog/ie-https-supprimer-alertes-de-securite-en-mode-https/">Permalink</a> |
<a href="http://www.gatellier.be/blog/ie-https-supprimer-alertes-de-securite-en-mode-https/#comments">2 comments</a> |
Add to
<a href="http://del.icio.us/post?url=http://www.gatellier.be/blog/ie-https-supprimer-alertes-de-securite-en-mode-https/&title=IE: supprimer les alertes de sécurité en mode https">del.icio.us</a>
<br/>
Post tags: <a href="http://www.gatellier.be/blog/tag/https/" rel="tag">https</a>, <a href="http://www.gatellier.be/blog/tag/ie/" rel="tag">IE</a>, <a href="http://www.gatellier.be/blog/tag/scheme/" rel="tag">scheme</a>, <a href="http://www.gatellier.be/blog/tag/security/" rel="tag">security</a>, <a href="http://www.gatellier.be/blog/tag/url/" rel="tag">url</a>, <a href="http://www.gatellier.be/blog/tag/warning/" rel="tag">warning</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.gatellier.be/blog/ie-https-supprimer-alertes-de-securite-en-mode-https/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Taux de p&#233;n&#233;tration de Firefox 3, deux semaines apr&#232;s.</title>
		<link>http://www.gatellier.be/blog/taux-penetration-firefox3-semaine2/</link>
		<comments>http://www.gatellier.be/blog/taux-penetration-firefox3-semaine2/#comments</comments>
		<pubDate>Wed, 02 Jul 2008 20:52:32 +0000</pubDate>
		<dc:creator>Marin</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Dragonfly]]></category>
		<category><![CDATA[Débogage]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[webstandards]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[firefox3]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[penetration rate]]></category>
		<category><![CDATA[stats]]></category>

		<guid isPermaLink="false">http://www.gatellier.be/blog/taux-penetration-firefox3-semaine2/</guid>
		<description><![CDATA[Firefox 3 est sorti depuis deux, on a pu remarquer quelques comportements bizarres dont un bug de rendu sur les background-images. Suite des statistiques sur le taux de pénétration de Firefox 3.]]></description>
			<content:encoded><![CDATA[<p>Voici maintenant deux semaines que Firefox 3 est sorti, on a pu correctement se faire la main sur le panda et remarquer quelques comportements bizarres (et pour certains certains de mes coll&egrave;gues quelques crashes intempestifs).</p>

<h3>Bug de rendu de background-images</h3>
<p><img src="http://z.gatellier.be/i/080702/bug-background-image-firefox3.png" alt="Bug de rendu de background-images dans Firefox 3" /></p>
<p>Je suis tomb&eacute; aujourd'hui sur un <strong>bug myst&eacute;rieux de background-image mal rendue</strong>. L'image de fond des list-items est &eacute;videmment la m&ecirc;me, le premier rendu &eacute;tant le bon. Le <a href="http://www.nivas.hr/blog/2008/06/18/firefox-3-blurring-mystery/" hreflang="en">bug est connu</a> (depuis au moins le <a href="http://www.nivas.hr/blog/2008/04/08/firefox-3-beta-5-blurring-images/" hreflang="en">mois d'avril</a>) et devrait &ecirc;tre <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=433640" hreflang="en">corrig&eacute; dans la prochaine version de Firefox</a>.</p>

<h3>Taux de p&eacute;n&eacute;tration de Firefox 3 - suite</h3>
<h4>Semaine 2 - les navigateurs visitant ce blog&nbsp;:</h4>

<p><a href="http://z.gatellier.be/i/080702/gatellierbe_browsers.csv"><img src="http://z.gatellier.be/i/080702/gatellierbe_browsers.png" alt="Partage des navigateurs" /></a><br />
Navigateurs 25/06/2008 - 1/07/2008</p>

<p><a href="http://z.gatellier.be/i/080702/gatellierbe_firefox_usage.csv"><img src="http://z.gatellier.be/i/080702/gatellierbe_firefox_usage.png" alt="P&eacute;n&eacute;tration Firefox" /></a><br />
P&eacute;n&eacute;tration Firefox 25/06/2008 - 1/07/2008</p>

<p><a href="http://z.gatellier.be/i/080702/gatellierbe_ie_usage.csv"><img src="http://z.gatellier.be/i/080702/gatellierbe_ie_usage.png" alt="P&eacute;n&eacute;tration Internet Explorer" /></a><br />
P&eacute;n&eacute;tration Internet Explorer 25/06/2008 - 1/07/2008</p>

<h5>Analyse&nbsp;:</h5>
<p>Je sais tr&egrave;s bien que les donn&eacute;es r&eacute;colt&eacute;es sur deux semaines et sur un blog technologique ne sont pas du tout repr&eacute;sentatives.</p>
<p>N&eacute;anmoins, la majorit&eacute; des <strong>visiteurs de ce blog emploient &agrave; pr&eacute;sent Firefox 3 (29,4%)</strong> suivi de tr&egrave;s pr&egrave;s par les versions de Firefox 2 (26,4%) puis IE7 (25,3%) et enfin IE6 (12,1%).</p>
<p>Par rapport &agrave; <a href="/blog/taux-penetration-firefox3-semaine1/">la semaine derni&egrave;re</a>, l'avanc&eacute;e est belle&nbsp;!</p>

<h4>Semaine 2 - les navigateurs visitant un site tout public&nbsp;:</h4>

<p><a href="http://z.gatellier.be/i/080702/sitebe_browsers.csv"><img src="http://z.gatellier.be/i/080702/sitebe_browsers.png" alt="Partage des navigateurs" /></a><br />
Navigateurs 25/06/2008 - 1/07/2008</p>

<p><a href="http://z.gatellier.be/i/080702/sitebe_firefox_usage.csv"><img src="http://z.gatellier.be/i/080702/sitebe_firefox_usage.png" alt="P&eacute;n&eacute;tration Firefox" /></a><br />
P&eacute;n&eacute;tration Firefox 25/06/2008 - 1/07/2008</p>

<p><a href="http://z.gatellier.be/i/080702/sitebe_ie_usage.csv"><img src="http://z.gatellier.be/i/080702/sitebe_ie_usage.png" alt="P&eacute;n&eacute;tration Firefox" /></a><br />
P&eacute;n&eacute;tration Internet Explorer 25/06/2008 - 1/07/2008</p>

<h5>Analyse&nbsp;:</h5>
<p>Entre ces deux semaines, sur un site grand public sur lequel je ne peux malheureusement pas donner plus d'infos, pas des masses d'&eacute;volutions sur les r&eacute;partitions des browsers.</p>
<p>Par contre, dans l'ensemble des visites sur Firefox, on voit une <strong>avanc&eacute;e notoire</strong> de la part de march&eacute; de la version 3 (<strong>de 8,9% &agrave; 26,7%</strong> - et ce au d&eacute;triment de Firefox 2). Pas mal non plus&nbsp;!</p>

<p><small>Merci encore &agrave; <a href="http://www.chacsam.be/2008/06/27/penetration-de-firefox-3/">Chacsam</a>, <a href="http://www.expressions.be/2008/06/30/mes-stats-firefox-30/">Gaetano</a> <a href="http://www.gwix.net/blog/fr/statistiques/adoption-firefox-3.asp">Laurent</a> pour leurs statistiques.</small></p>


<h3>Autres nouvelles du monde des navigateurs&nbsp;:</h3>
<h4>Mise &agrave; jour pour Firefox 2&nbsp;:</h4>
<p>La branche 2 de Firefox est pass&eacute;e en version 2.0.0.15 suite &agrave; des <strong><a href="http://www.mozilla.org/projects/security/known-vulnerabilities.html#firefox2.0.0.15" hreflang="en">failles de s&eacute;curit&eacute;</a></strong>. Je vous recommande donc vivement de mettre &agrave; jour si vous &ecirc;tes toujours sur Firefox 2.</p>

<h4>Opera Dragonfly est disponible en alpha 2&nbsp;:</h4>
<p>Le d&eacute;veloppement du <a href="http://my.opera.com/dragonfly/blog/" hreflang="en">firebug-like d'Opera</a> (tr&egrave;s prometteur) avance &agrave; grand pas.</p>

<h4>Trop d'internautes emploient un navigateur non s&eacute;curis&eacute;&nbsp;:</h4>
<p>Selon <a href="http://www.zdnet.fr/actualites/internet/0,39020774,39382108,00.htm" hreflang="fr">ZDNet</a>, seulement <strong>52% des utilisateurs</strong> d'Internet Explorer seulement ont opt&eacute;s pour IE7, le reste &eacute;tant squatt&eacute; par des anciennes versions (brrr). </p>
<p>Pour moi, un nombre tellement important d'utilisateurs d'anciennes versions ne peut s'expliquer que par du <strong>code non standard</strong>, d'intranets et autres applications internet d&eacute;velopp&eacute;s il y a un bout de temps for&ccedil;ant les soci&eacute;t&eacute;s &agrave; garder une <strong>version obsol&egrave;te d'Internet Explorer</strong>.</p>
<p>Une initiative est n&eacute;e pour <a href="http://www.savethedevelopers.org/" hreflang="en">sauver les d&eacute;veloppeurs</a>.</p><hr />
<p><small>© Marin for <a href="http://www.gatellier.be/blog">Gatellier.be</a>, 2008. |
<a href="http://www.gatellier.be/blog/taux-penetration-firefox3-semaine2/">Permalink</a> |
<a href="http://www.gatellier.be/blog/taux-penetration-firefox3-semaine2/#comments">One comment</a> |
Add to
<a href="http://del.icio.us/post?url=http://www.gatellier.be/blog/taux-penetration-firefox3-semaine2/&title=Taux de p&eacute;n&eacute;tration de Firefox 3, deux semaines apr&egrave;s.">del.icio.us</a>
<br/>
Post tags: <a href="http://www.gatellier.be/blog/tag/browser/" rel="tag">browser</a>, <a href="http://www.gatellier.be/blog/tag/firefox/" rel="tag">Firefox</a>, <a href="http://www.gatellier.be/blog/tag/firefox3/" rel="tag">firefox3</a>, <a href="http://www.gatellier.be/blog/tag/ie/" rel="tag">IE</a>, <a href="http://www.gatellier.be/blog/tag/opera/" rel="tag">Opera</a>, <a href="http://www.gatellier.be/blog/tag/penetration-rate/" rel="tag">penetration rate</a>, <a href="http://www.gatellier.be/blog/tag/stats/" rel="tag">stats</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.gatellier.be/blog/taux-penetration-firefox3-semaine2/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Taux de p&#233;n&#233;tration de Firefox 3, une semaine apr&#232;s.</title>
		<link>http://www.gatellier.be/blog/taux-penetration-firefox3-semaine1/</link>
		<comments>http://www.gatellier.be/blog/taux-penetration-firefox3-semaine1/#comments</comments>
		<pubDate>Wed, 25 Jun 2008 21:01:15 +0000</pubDate>
		<dc:creator>Marin</dc:creator>
				<category><![CDATA[Bonnes pratiques]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[browsing]]></category>
		<category><![CDATA[webstandards]]></category>

		<guid isPermaLink="false">http://www.gatellier.be/blog/taux-penetration-firefox3-semaine1/</guid>
		<description><![CDATA[Le but de la tentative de record du monde était surtout de faire changer beaucoup de monde de Firefox 2 à Firefox 3. Je vous propose d'afficher les statistiques des visites de mon blog ainsi que d'un site 'grand public' et de pouvoir les comparer semaine après semaine.]]></description>
			<content:encoded><![CDATA[<p>Il y a juste une semaine, le 17 juin 2008, la Fondation Mozilla nous proposait de <a href="http://www.spreadfirefox.com/fr/worldrecord/">battre un record du monde de t&eacute;l&eacute;chargement de logiciel</a>.<br />
Apr&egrave;s plus de 8 milions de t&eacute;l&eacute;chargement, en 24 heures, on peut dire que le contrat est rempli.</p>
<p>En sept jours, on a eu le temps de s'habituer aux nouveaut&eacute;s apport&eacute;es &agrave; Firefox&nbsp;:</p>

<h3>Quelques changements de Firefox 3 cosm&eacute;tiques et fonctionnels&nbsp;:</h3>
<ul>
	<li>la "AwesomeBar"</li>
	<li>l'option de sauvegarde de session</li>
	<li>le gestionnaire de signets</li>
	<li>le gestionnaire de t&eacute;l&eacute;chargement</li>
</ul>

<h3>Quelques changements de Firefox 3 sous le capot&nbsp;:</h3>
<ul>
	<li>des <a href="http://developer.mozilla.org/en/docs/Using_microformats" hreflang="en">API microformats</a>,</li>
	<li>quelques <a href="http://developer.mozilla.org/en/docs/Offline_resources_in_Firefox">&eacute;l&eacute;ments de HTML5</a>,</li>
	<li>l'<a href="http://developer.mozilla.org/en/docs/New_in_JavaScript_1.8" hreflang="en">impl&eacute;mentation de JavaScript 1.8</a>, </li>
	<li>des <a href="http://developer.mozilla.org/en/docs/DOM_improvements_in_Firefox_3" hreflang="en">am&eacute;liorations <abbr title="Document Object Model">DOM</abbr></a> et</li>
	<li>surtout des <a href="http://developer.mozilla.org/en/docs/CSS_improvements_in_Firefox_3" hreflang="en">am&eacute;liorations CSS</a></li>
</ul>


<h3>display:inline-block dans Firefox 2 et 3</h3>
<p>Firefox 3 supporte enfin les propri&eacute;t&eacute;s d'affichage: <a href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" hreflang="en"><strong><code>display:inline-block</code></strong></a> et <code>display:inline-table</code>.</p>

<p>Pour nous, int&eacute;grateurs, &ccedil;a veut dire qu'enfin, on pourra mettre se passer des propri&eacute;t&eacute;s fokloriques <strong><code>display:-moz-inline-box</code></strong> et <code>display:-moz-inline-block</code> pour <a href="http://reference.sitepoint.com/css/moz-inline-box" hreflang="en">avoir le m&ecirc;me rendu</a>.</p>

<p>Mais ce n'est pas encore pour tout de suite tant que le taux de p&eacute;n&eacute;tration ne sera pas encore suffisant.<br />
En attendant, on n'oubliera pas de tester ses pages sur les diff&eacute;rentes versions des navigateurs (en employant Firefox Portable).</p>
<p>On &eacute;crira du code compatible:</p>

<pre class="brush: css;">
&amp;lt;style type=&quot;text/css&quot;&amp;gt;
.element {
	display:inline-block !important;
	display:-moz-inline-box;
}
&amp;lt;/style&amp;gt;
</pre>

<p>En attendant, nous pouvons aussi faire du <a href="http://fr.wikipedia.org/wiki/Pros%C3%A9litisme">pros&eacute;litisme</a> pour Firefox 3.</p>
<h3>Taux de p&eacute;n&eacute;tration de Firefox 3</h3>
<p>Je pense que le but de la tentative de record du monde &eacute;tait surtout de faire changer beaucoup de monde de Firefox 2 &agrave; Firefox 3 et donc d'augmenter le taux de p&eacute;n&eacute;tration.</p>
<p>Pour faire avancer la cause, je vous propose d'afficher les taux de p&eacute;n&eacute;tration des <strong>diff&eacute;rents navigateurs</strong> visitant <strong>mon blog ainsi</strong> qu'un site <strong>"grand public"</strong> et de pouvoir les comparer de semaine en semaine. Et d'ainsi avoir une vue plus personnelle du taux de p&eacute;n&eacute;tration de Firefox 3</p>
<h4>Semaine 1 - les navigateurs visitant ce blog&nbsp;:</h4>

<p><a href="http://z.gatellier.be/i/080625/gatellierbe_browsers.csv"><img src="http://z.gatellier.be/i/080625/gatellierbe_browsers.png" alt="Partage des navigateurs" /></a><br />
Navigateurs 17/06/2008 - 24/06/2008</p>

<p><a href="http://z.gatellier.be/i/080625/gatellierbe_firefox_usage.csv"><img src="http://z.gatellier.be/i/080625/gatellierbe_firefox_usage.png" alt="P&eacute;n&eacute;tration Firefox" /></a><br />
P&eacute;n&eacute;tration Firefox 17/06/2008 - 24/06/2008</p>

<p><a href="http://z.gatellier.be/i/080625/gatellierbe_ie_usage.csv"><img src="http://z.gatellier.be/i/080625/gatellierbe_ie_usage.png" alt="P&eacute;n&eacute;tration Internet Explorer" /></a><br />
P&eacute;n&eacute;tration Internet Explorer 17/06/2008 - 24/06/2008</p>


<h4>Semaine 1 - les navigateurs visitant un site tout public&nbsp;:</h4>

<p><a href="http://z.gatellier.be/i/080625/sitebe_browsers.csv"><img src="http://z.gatellier.be/i/080625/sitebe_browsers.png" alt="Partage des navigateurs" /></a><br />
Navigateurs 17/06/2008 - 24/06/2008</p>

<p><a href="http://z.gatellier.be/i/080625/sitebe_firefox_usage.csv"><img src="http://z.gatellier.be/i/080625/sitebe_firefox_usage.png" alt="P&eacute;n&eacute;tration Firefox" /></a><br />
P&eacute;n&eacute;tration Firefox 17/06/2008 - 24/06/2008</p>

<p><a href="http://z.gatellier.be/i/080625/sitebe_ie_usage.csv"><img src="http://z.gatellier.be/i/080625/sitebe_ie_usage.png" alt="P&eacute;n&eacute;tration Internet Explorer" /></a><br />
P&eacute;n&eacute;tration Internet Explorer 17/06/2008 - 24/06/2008</p>


<h3>A vous de jouer&nbsp;!</h3>
<p>Je vous propose de participer &agrave; mon projet et de vous aussi afficher les statistiques des visites de vos site/blogs.</p>
<p>Et pour nous faire gagner du temps, allez chez vos parents, fr&egrave;re(s), s&oelig;ur(s), voisin(s), connaissance(s) et faites leur conna&icirc;tre Firefox 3 ou tout autre navigateur respectant les standards du web.</p>




<h4>Liens relatifs&nbsp;:</h4>
<ul>
	<li><a href="http://marketshare.hitslink.com/report.aspx?qprid=31#" hreflang="en">Statistiques heure par heure</a> depuis le lancement de Firefox 3</li>
	<li>Le <a href="http://blog.mozilla.com/metrics/" hreflang="en">blog Firefox Metrics</a> tout sur le taux d'adoption</li>
	<li>Le <a href="http://www.spreadfirefox.com/stats">groupe Firefox Stats</a></li>
</ul><hr />
<p><small>© Marin for <a href="http://www.gatellier.be/blog">Gatellier.be</a>, 2008. |
<a href="http://www.gatellier.be/blog/taux-penetration-firefox3-semaine1/">Permalink</a> |
<a href="http://www.gatellier.be/blog/taux-penetration-firefox3-semaine1/#comments">11 comments</a> |
Add to
<a href="http://del.icio.us/post?url=http://www.gatellier.be/blog/taux-penetration-firefox3-semaine1/&title=Taux de p&eacute;n&eacute;tration de Firefox 3, une semaine apr&egrave;s.">del.icio.us</a>
<br/>
Post tags: <br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.gatellier.be/blog/taux-penetration-firefox3-semaine1/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
	</channel>
</rss>
