Articles taggés par navigateurs

Comment styler les listes ordonées en CSS

Une question qui revient régulièrement et qui est la hantise de tout bon Webdesigner est comment faire pour rendre agréable une liste ordonnée en CSS. La différence entre une liste ordonnée et une liste non-ordonnée est dans le mot ordonnée :) (bravo pour cette Lapalissade nyamsprod). Cela parait trivial à dire mais cela a des conséquences importantes lire la suite →

marketing et nouveaux navigateurs

Et voila on ne l’attendait plus, et il est enfin sortie. La dernière version de  Mozilla Firefox est là. Au départ, je n’avais pas l’intention d’écrire sur ce navigateur. Car beaucoup d’autres personnes l’ont fait bien avant moi avec je l’espère beaucoup plus d’information et de screenshot que je ne serais faire. Non, moi se qui me préoccupe, ce n’est pas tant la sortie de Firefox 3.6 que la perception et la communication qui est faite autour. lire la suite →

Internet Explorer 8 débarque enfin

Maintenant que IE8 est passer en mode RC1, à moins d’un terrible bug de régression plus aucune nouveauté n’est attendue avant la sortie de la version définitive du successeur de IE7. Je profite donc de ce moment d’apparente accalmie pour revenir sur certains aspects d’IE8, du point de vue d’un développeur. lire la suite →

compatibilité et IE8 ou comment refiler une patate chaude

Si vous n’avez pas encore lu l’article sur Alistapart qui a enclenché le buzz ou encore l’article sur le blog de l’IETeam qui officialise les différents modes de rendu dans IE8, c’est maintenant ou jamais. Après une telle lecture ma première réaction a été « Fuck that!! » et ensuite « Damn!! » et enfin « What the heck anyway!! ». lire la suite →

Transparence et opacité dans les navigateurs récents

Je viens de mettre à jour le design de mon site, et j’en ai profité pour le rendre homogène. La seule différence étant que pour la partie blog, j’ai ajouté une image en arrière plan. Et comme j’aime me faire plaisir j’ai voulu la faire ressortir via transparence à travers les textes et contenus média de mon blog. Voici en quelques sortes le résultat de mes investigations en utilisant les Big4. lire la suite →

Bon anniversaire Internet Explorer 7

Il y a 1 an sortait avec fracas et beaucoup de bruit Internet Explorer 7. A sa sortie ce navigateur était censé nous rendre le net plus sécurisé, plus beau , plus coool voire même nous faire baver d’envie de rentrer dans le monde Ouah de Windows Vista. A l’arrivée , hélas, Internet Explorer m’a deçu. Non pas, parce qu’il s’est révélé être un « clone » de Mozilla Firefox, mais parce qu’il a enterriné le fait que l’interface de Firefox était devenu le standard dans les navigateurs actuels. En installant ensuite Safari 3.0 pour windows, mes soupsçons se sont révélés être vrai. J’attendais d’IE7 qu’il me surprenne comme jadis, en ces temps reculés et obscures, IE4 avait su le faire. Mais, au lieu de se démarquer et donc de devenir une véritable alternative crédible face à Mozilla Firefox ou à Opera, la IE team s’est juste borné à donner à son bébé le look and feel du moment. Oui IE7 a rattrappé une grande partie du retard en CSS par rapport à ses concurrents immédiat, c’est normal il y avait péril en la demeure. Oui IE7 est plus sécurisé que IE6, cela devenait urgent. Oui IE7 « is good for you » c’est d’ailleurs pour cela que Microsoft a récemment décider de ne plus vérifier l’authenticité de votre installation Windows pour faire partager à des millions (?) d’utilisateurs tous les avantages liés à l’utilisation de IE7. Mais il manque à IE7 une chose réellement importante à mes yeux: l’originalité.

Quand j’étais jeune , beau et donc un peu con on m’a appris que pour faire avancer une technologie il faut de la concurrence et donc de la diversité, hors force est de constaté qu’à l’heure actuelle, la diversité des navigateurs et un leurre, vu que seuls 3 à 4 moteurs de rendu HTML existe réellement ( Trident , Gecko , Presto et WebKit ) et que les différences de rendu entre eux, surtout les 3 derniers sont minces. Non , franchement je m’attendais à du renouveau grâce à IE7 et je n’ai eu droit qu’à une mise à jour de Internet Explorer 6.

Il y a des logiciels qui se doivent à un certain moment de faire un bon en avant. Netscape l’avait fait entre sa version 4 et 6, Opera également l’a fait entre sa version 6 et 7, et Safari n’a pas eux à le faire car il partait d’un bagage assez conséquent. Il faut croire qu’on devra attendre Internet Explorer 8 nom de code IE.next pour que ce saut se fasse chez nos amis de Redmond, cela urge si il est dans la volonté de Microsoft de reprendre la main sur le net.

PNG, IE, et mon site ne font pas bon ménage

Attention : une mise à jour de cet article a était publié, le 19 Décembre 2007, avec l’explication complète du bug.

I.Le constat

Pendant la mise à jour de mon site j’ai changé le logo de mon site et comme, je suis pas très futé; je suis allé sur le net pour trouver de l’inspiration et des tutoriaux pour créer mon nouveau logo. Au momment de sauver mon nouveau logo, Photoshop m’a proposé 3 types de fichier : GIF ,JPEG et PNG. Suivant les recommendations sur le type de fichier à choisir j’ai sauvé mon logo en PNG. Le résultat fut alors assez étrange dans le navigateur que tous le monde adore, Internet Explorer et ce, quelque soit la version.

Internet Explorer

Dans les autres navigateurs

la couleur de l’arrière plan diffère légèrement de la couleur de fond du logo Dans les autres navigateur, on observe aucune différence entre arrière plan et la couleur de fond du logo

II.L’explication

Après moultes investigations sur le net. Je retombais toujours sur le même problème de transparence de PNG sous IE6. Mais bon là, le problème est le même sous IE7 et ce bug est censé être résolu pour les PNG, de plus il n’y a pas de transparence dans mon logo!!!Une piste serait de dire que Trident a encore des problème avec le PNG, bug qui ne se limite pas au traitement de la transparence.. à moins que cela soit liés mais je vois pas comment. Bref en attendant, je n’ai pas d’explication solide et comme je suis pas graphiste, je ne peux que constater.

III.La solution

En attendant une explication à ce phénomène, j’utilise une expression conditionnel sous IE pour ajuster la couleur de mon arrière plan à la nouvelle couleur de fond de mon image. En espérant que IE 8 règle ce problème une bonne fois pour toute.

<!--[if IE lt 8]><style type="text/css" media="screen">#header { background-color:#FFE295; }</style><![endif]-->

Le côté intéressant de cette histoire c’est que j’ai trouvé une nouvelle utilisation pour l’IE Developper Toolbar, qui m’aide maintenant à déterminer la couleur exact de l’arrière plan de mon image sous IE et ensuite à ajuster la couleur de fond de mon entête comme indiqué ci-dessus.