explorer tag archives

Explorer IE9 c’est nul!



« Ce n’est pas juste un renouveau de notre navigateur, estime Nicolas Petit, directeur marketing grand public et Internet de Microsoft France. Internet Explorer 9 est de retour dans la course pour être le navigateur le plus innovant du marché. »
Et bien c’est raté!
En tant que développeur web, j’ai souffert le martyr avec IE6, j’espérais que cette fois-ci serait la bonne.
Comme dirait Eugène Saccomano en commentant un match de football de l’OM : c’est NUL!

1- L’interface
l’interface est un désastre.
Adresse et onglets sur la même ligne. (par défaut)
Menu masqué (par défaut)
Disparition pure et simple du titre de la page visitée au sommet de la fenêtre (celui-ci n’apparaît que dans les onglets)
Barre de progression sur la barre d’état.
Barre de recherche incompréhensible.

2- Vitesse
C’est lent, c’est lent ….

3- Compatibilité
HTML5 et CSS3 incompatible.
crash sur de nombreux scripts JQuery

4- Système
A besoin de beaucoup de mémoire. Prévoir d’acheter de la RAM et passer à Windows 7

web2.0     Étiquettes : , ,

Attention Explorer revient IE9

Tout le monde connait les défauts d’Explorer. Combien de développeurs se sont arrachés les cheveux pour rendre leur site compatible IE6.

Et bien Microsoft, semble avoir appris la leçon (peut être en voyant son avance diminuer de jours en jours), et se prépare à lancer IE9. Microsoft nous promet de suivre HTML5 et CSS3.

Le tweet du test : IE9 test fish http://t.mirpod.com/p/454


Pour tester la troisième version  d’IE9 vous pouvez vous rendre sur cette page web.

Le test des poissons dans  l’aquarium est intéressant. Par javascript on ajoute des poissons (fichiers png) dans l’image de fond.


Pour en finir avec Explorer IE6

Combien de cheveux perdus, de nuits blanches pour avoir essayé de développer une page HTML lisible avec le navigateur de Microsoft Explorer IE6. Le navigateur le plus bugué de la planète. Malheureusement comme il est installé d’office il est encore présent sur un grand nombre d’ordinateurs.

Courant février 2009, plusieurs sites norvégiens ont proposé de lancer une campagne pour éradiquer IE6.

Voici un code d’exemple à placer sur votre site :

<!–[if lte IE 6]>
<style type= »text/css »>
body { margin-top: 0; padding-top: 0; }
#ie6msg { margin: 20px; background: #cfc; border: 3px solid #090; color: #000; font-size: 14px; }
#ie6msg h1 { margin: 8px; padding: 0; color: #090; font-size: 20px; font-weight: bold; }
#ie6msg p { margin: 8px; padding: 0; }
#ie6msg p a { font-weight: bold; color: #006; text-decoration: underline; }
#ie6msg p a.ie6expl { font-weight: normal; }
</style>
<div id= »ie6msg »>
<p>Savez-vous que votre navigateur est obsol&egrave;te&nbsp;?</p>
<h1>Pour naviguer de la mani&egrave;re la plus satisfaisante sur ce site (et sur le reste du Web), nous vous recommandons de proc&eacute;der &agrave; une mise &agrave; jour de votre navigateur.
La&nbsp;version actuelle est <a href= »http://www.microsoft.com/france/windows/downloads/ie/getitnow.mspx »>Internet Explorer&nbsp;7</a> et <a href= »http://www.microsoft.com/windows/Internet-explorer/beta/ »>Internet Explorer&nbsp;8</a> est disponible en version beta. La mise &agrave; jour est gratuite.
<br />Si&nbsp;vous utilisez un PC au travail, veuillez contacter votre service informatique.
<br />Si&nbsp;vous le souhaitez, vous pouvez aussi essayer d\’autres navigateurs web populaires comme par exemple <a href= »http://www.mozilla-europe.org/fr/firefox/ »>Firefox</a>, <a href= »http://www.opera.com »>Opera</a> ou <a href= »http://www.apple.com/fr/safari/download/ »>Safari</a>

</div>
<![endif]–>

Campagnes:

web2.0     Étiquettes : ,

Insérer du flash dans une page HTML, nouvelle solution

Installer du Flash sur son site est toujours problématique. Soit un navigateur n’affiche pas le Flash soit comme sur Explorer 6 il faut cliquer deux fois pour activer le Flash.

De plus les diverses méthodes ne sont pas XHTML.

Pour palier à tous ces problèmes, une solution javascript existe c’est SWFOBJECT. Le code est disponible sur le site Google ici

Et voici un exemple de code pour insérer le flash avec SWFOBJECT:

<!DOCTYPE html PUBLIC « -//W3C//DTD XHTML 1.0 Strict//EN » « http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd »>
<html xmlns= »http://www.w3.org/1999/xhtml » lang= »en » xml:lang= »en »>
<head>
<title>SWFObject dynamic embed – step 3</title>
<meta http-equiv= »Content-Type » content= »text/html; charset=iso-8859-1″ />
<script type= »text/javascript » src= »swfobject.js »></script>

<script type= »text/javascript »>
swfobject.embedSWF(« myContent.swf », « myContent », « 300 », « 120 », « 9.0.0 »);
</script>

</head>
<body>
<div id= »myContent »>
<p>Alternative content</p>
</div>
</body>
</html>

Andrea Giammarchi propose sur son site une alternative pour insérer du flash. A partir de la solution Satay il a développé un javascript trés léger seulement 999 bytes. Si l’utilisateur n’a pas javascript il verra un contenu alternatif.
Cette solution fournit donc le script javascript anyIEActiveX et deux flash flash.swf et fail.swf .
Cette solution est valide XHTML. Elle résoud les problèmes d’activation du flash avec Explorer et Opéra.

Un exemple du code :

<script type= »text/javascript » src= »anyIEActiveX.js »><!–// (C) Andrea Giammarchi //–></script>
</head>
<body>
<object type=”application/x-shockwave-flash” data=”flash.swf?v=8&swf=8.swf” width=”500? height=”300?>
<param name=”movie” value=”flash.swf?v=8&swf=8.swf” />
<p>Texte alternatif</p>
</object>
v=8 pour la version de flash minimale
swf=8.swf votre flash

flash     Étiquettes : , ,