Un loup blessé

Le blog, sous DotClear, d'un Geek Gay DVDvore. Naïf paranoïaque, utopiste désabusé.

Contenu | Menu | Sidebarre | Extra | Recherche | Bas de page

vendredi 17 août 2007

Au secours - J'ai besoin de Safari sous Mac OS X et d'un Linuxien avec le mplayerplug-in

Après les quelques tests précédents dans la diffusion de DivX via un navigateur, plutôt que de faire de l'imbrication avec les <object>, je tente des commentaires conditionnels.

(Oui, il était possible de combiner les deux mais finalement, je trouve cela aussi simple de séparer)

Bref, voici l'utilisation d'un code valide XHTML pour diffuser une vidéo au format DivX, mais je ne l'ai pas testé partout, je vais donc avoir besoin de votre aide.

Ce code fonctionne avec les vidéos hébergés sur Stage6 mais également pour les DivX hébergés sur vos propres serveurs.

J'ai testé ce code avec succès sous :

  • Windows XP
    • Firefox 1.0
    • Firefox 1.5
    • Internet Explorer 6
    • Internet Explorer 7
    • Opera 9

Clawfire a testé ce code sous :

  • Vista
    • Firefox 2.0

(qui m'a fait remarquer qu'il fallait préciser que le plugin désactive Aero)

J'aurais sans doute accès dimanche à un PC sous Windows 2000 avec Internet Explorer 5.5.

Donc, normalement, pour les personnes sous Windows, il ne devrait plus y avoir de problème si vous avez le plugin DivX.

J'ai besoin par contre de testeurs sous Mac et Linux.

Il fut un temps Thanos, RougeCerise, XIII et Garfieldd me lisaient mais je ne vois plus trop de commentaires d'eux. J'aurais bien aimé un retour de personnes surfants sous Safari. Voici le plugin DivX pour Mac. Merci de me signaler si cela fonctionne ou pas chez vous en me précisant la version de votre Safari et OS.

Idem pour Linux, j'ai cru comprendre qu'il était possible de lire un DivX dans un navigateur à l'aide du mplayerplug-in pour Mozilla. Est-ce qu'un Linuxien pourrait me faire cela ?

La communauté DotClear est en attente d'un code valide XHTML multiplateforme, merci d'avance à tous pour vos retours d'informations.

Attention, c'est toujours la même vidéo, elle comprend donc des hommes nus, c'est une vidéo avec un homme nu, ne pas cliquer sur play si vous êtes choqué par la nudité masculine.

Vidéo Stage6 - Braden Bacha Dantes cove - DivX

Tag(s) :  - ,  - ,  - ,  - ,  - ,  - ,  - ,  - ,  - ,  - ,  - ,  - 

mercredi 21 février 2007

Comment installer un favicon pour IE et pour Firefox (valide XHTML)

J'avais déjà exploré le sujet et laissé tomber pour Internet Explorer.
Dom avait trouvé comment faire mais son code n'est pas valide XHTML.
J'avais donc transformé tout cela et oublié d'en parler jusqu'à ce que je découvre qu'au moins une personne ne savait pas comment faire.

Voici donc une méthode express :

Réduire l'image qui servira de favicon en 16x16, la sauvegarder en gif (par exemple) pour Firefox et en ico pour IE avec un logiciel de traitement d'image (XnView fait cela très bien).

Si les images sont nommées fav.gif et fav.ico, il faut insérer ce code dans le template du thème (ou son équivalent) au niveau du header (soit après la balise <head> et avant la balise </head>) :


<link rel="icon" type="image/gif" href="/fav.gif" />
<link rel="shortcut icon" href="/fav.ico" />

Tag(s) :  - ,  - ,  - ,  - 

mercredi 3 janvier 2007

Insérer une horloge Clocklink, en local, valide XHTML, sous Firefox et Internet Explorer

Depuis quelques jours, le site Clocklink ne répondait plus et Fiuuu, ayant inséré une horloge de ce type dans sa sidebarre, avec placement par CSS, se retrouvait avec un décalage désagréable de tout le contenu vers le haut.

Pourquoi ne pas alors insérer cette horloge en local ?

(Je prends en exemple l'horloge qu'avait choisi Fiuuu)

Commencez par regarder le type de votre horloge : c'est quelque chose du genre "0012-DkBlue.swf"

Allez ensuite télécharger cette animation flash sur leur site à l'adresse suivante :

http://www.clocklink.com/clocks/0012-DkBlue.swf

Uploadez cette animation chez votre hébergeur.

Ensuite, il ne vous reste plus qu'à l'insérer avec du code valide XHTML pour que l'animation fonctionne aussi bien sous Firefox, Internet Explorer qu'Opera.

Ce code va bien :


<div class="clock">
<object type="application/x-shockwave-flash" data="http://votre URL/0012-DkBlue.swf?TimeZone=CET" width="200" height="200">
<param name="play" value="true" />
<param name="movie" value="http://votre URL/0012-DkBlue.swf?TimeZone=CET" />
<param name="menu" value="false" />
<param name="width" value="200" />
<param name="height" value="200" />
<param name="quality" value="high" />
<param name="scalemode" value="noborder" />
<param name="wmode" value="transparent"/>
<p> Horloge ClockLink </p>
</object>
</div>

Il ne reste plus qu'à adapter son positionnement avec la class "clock" que vous définissez dans votre feuille de style (style.css).

Si vous ne souhaitez pas avoir votre horloge en local (pas d'hébergement par exemple / plateforme de blog), vous pouvez tout de même utilisez ce code valide XHTML en remplaçant, aux deux endroits,
http://votre URL/0012-DkBlue.swf
par
http://www.clocklink.com/clocks/0012-DkBlue.swf

Attention :

  • votre URL, c'est l'endroit où vous avez stocké votre animation
  • 0012-DkBlue.swf, ce n'est qu'un exemple, il faut aussi le remplacer par l'équivalent pour l'horloge que vous avez choisie.
  • <p> Horloge ClockLink </p> c'est le texte que vous souhaitez qui apparaisse si vos visiteurs n'ont pas le plugin flash (à adapter si vous le souhaitez)
  • Sous certraines versions de Wordpress, je crois qu'il faut mettre tout le code bout à bout pour que cela fonctionne correctement (pas de passage à la ligne entre chaque <param name...)

Cela permet d'obtenir ceci :

Horloge ClockLink

Merci qui ? ;-)

Tag(s) :  - ,  - ,  - ,  - 

jeudi 9 novembre 2006

Stop la PUB

Je ne supporte pas la pub sur les blogs et autres sites web que je visite. J'utilise donc un anti-pub. Je ne parle pas d'anti PopUp mais bien d'anti-pub qui filtre les publicités qui ont été insérées dans les pages web.

Sous Internet Explorer, je ne sais pas comment l'on fait et je m'en fiche un peu puisque je ne fais que m'en servir pour vérifier l'aspect de mon blog. Cependant, si quelqu'un sait s'il existe un add-on qui fait cela avec la dernière version, merci de le signaler en commentaires, certains peuvent être intéressé.

Sous Firefox, il existe un plugin qui fait ce travail très bien, il s'agit d'AdBlock Plus.

Sous Opera, il n'y a besoin de rien : Il suffit de faire un clic doit sur la page et d'indiquer les parties à filtrer ou bien encore d'aller dans les Outils / Préférences / Avancé / Contenu / Contenu bloqué.

Mais bloquer quoi exactement ? Ben perso, je me suis fait ma petite liste, la voici :

*.googlesyndication.*
*.weborama.*
*/adcentric/*
*/ads/*
*/adv/*
*/affiliation/*
*/fizzpub/*
*/intellitxt/*
*/OasDefault/*
*/overture_sponslink/*
*/skyboard/*
*/video/click*
*/wpub/*
*adserver*
*adverline*
*advertising*
*doubleclick*
*falkag*
*gestionpub*
*idregie*
*live-banner*
*netavenir*
*phpadsnew*
*smartadserver*
*tradedoubler*
*valueclick*

http://banner*
http://banner.1and1.fr/xml/*
http://buttons.googlesyndication.com/fusion/*
http://cbc.journaldunet.com/0/*
http://ds.serving-sys.com/*
http://eur.a1.yimg.com/*
http://fl01.ct2.comclick.com/*
http://home.edt02.net/*
http://i2as.idregie.com/img/*
http://img-pcdn.adtech.de/*
http://img.netaffiliation.com/*
http://impfr.tradoubler.com/imp/*
http://oas.benchmark.fr/RealMedia/*
http://pagead2.googlesyndication.com/pagead/*
http://pub.harware.fr/*
http://pub.oaxdo.com/*
http://rcm-fr.amazon.fr/*
http://spe.atdmt.*
http://www.click4france.com/*
http://www.selfaffiliation.com/*

Pourquoi ne pas utiliser les listes toutes prêtes déjà diffusées sur le net ? Ben peut-être parce que je suis parano ! (et que j'ai jamais vu de liste qui bloque tout ce que je voulais)

Tag(s) :  - ,  - ,  - ,  - 

lundi 9 octobre 2006

Fingerfox - Microsoft Fingerprint Reader et Firefox

Dans un précédent billet, je regrettais que le Microsoft Fingerprint Reader ne fonctionne qu'avec Internet Explorer et pas avec Firefox. Depuis, cela a évolué et dans plusieurs sens :

  • Mon Microsoft Fingerprint Reader donne des signes de fatigue, il ne s'allume plus souvent. J'ai cru à un moment à un problème d'USB et non, c'est bien lui qui est en train de mourrir :ouhla:
  • Je ne navigue plus avec Firefox mais avec Opera que je trouve supérieur dans bien des domaines, ne retournant sous Firefox que ponctuellement pour des besoins bien précis, n'ayant pas encore trouvé d'équivalent sous Opera (sauvegarder une vidéo au format flv, consulter mon gmail par un plugin, vérifier la présentation d'un blog).
  • Une extension pour Firefox permet maintenant d'utiliser le Fingerprint. Et comme je ne pense pas qu'à moi et que je sais qu'il y en a qui sont toujours à la recherche de cette fonctionnalité, j'invite les intéressés à aller voir le Fingerfox.

Je précise tout de même que je ne l'ai pas testé et donc ne peux pas le juger mais vous êtes assez grands pour le faire tout seul. Je transmet juste l'information qui me semble intéressante :hysterique:

Tag(s) :  - ,  - 

samedi 26 août 2006

Phoenix découvre IE7

et je ne suis pas du tout d'accord avec lui, mais pas du tout du tout.

Cher Phoenix, ta question me blesse. Aurais-tu manqué mes billets où je testais mes menus supérieurs et où je parlais déjà d'IE7béta2 ? Je crois, une fois de plus, comme pour ta comparaison entre les magazines Têtu et Préf, que "tout nouveau, tout beau" et que tu manques terriblement d'objectivité. J'ai bien dit "je crois" !

IE7 a des onglets ? La belle affaire ! Quelle nouveauté ! Les surcouches, genre Maxthon, ne l'ont pas attendu. Un lecteur de flux RSS ? Ben Opera et Firefox aussi. Puis, les réels "accro" aux flux RSS ne se contenteront pas de ce genre de gadget, cela fait longtemps qu'ils ont adoptés un logiciel dédié.

Qu'est-ce que j'attends d'un navigateur ? Qu'il sache naviguer ! Qu'il affiche à l'écran ce que le webmaster a définit comme devant s'afficher. Qu'il respecte donc un minimum les standards en vigueur. Je souhaite aussi qu'il aille vite dans plein de domaine : chargement (de lui même et des pages), gestion de la mémoire etc...

Alors, pour cela, il faut être un tout petit peu objectif et faire de réels tests et ne pas se contenter de regarder la poudre aux yeux qu'ils jettent.

Je vais donc faire ici des comparaisons entre Firefox 1.5.0.6, Opera 9.01 et Internet Explorer 7.0.5700.6. Ok, IE7, ce n'est qu'une version Release Candidate, mais, mes chéris, j'ai été béta testeurs chez Microsoft et SI, pour la finale, mes tests se révèlent erronés, c'est à dire que si la version finale d'IE7 passe le test Acid2, affiche correctement mon blog et celui de Chtit Lolo et est plus rapide qu'Opera ben... je vous montre mes fesses :evil:

1 - Le test Acid2

Alors là, ce n'est pas moi qui juge, il n'y a rien de plus simple à faire, il suffit de se pointer avec son navigateur sur une page donnée et de regarder ce qu'il affiche par rapport à ce qu'il devrait afficher.

(les images sont cliquables pour agrandissement)

IE7 affiche toujours n'importe quoi :

Screenshot test acid2 sous Internet Explorer

Firefox s'en sort mieux, c'est reconnaissable mais ce n'est pas encore cela :

Screenshot test acid2 sous Firefox

et Opera affiche parfaitement le résultat attendu :

Screenshot test acid2 sous Opera

C'est donc SANS APPEL à ce niveau.

2 - Le temps de lancement du programme lui même.

Il n'y a rien de plus facile à controler. Je me fiche de savoir si le programme fait ou non partie du système, tout ce qui m'intéresse c'est le temps qu'il faut que j'attende entre le moment où je clique sur l'icone pour lancer le navigateur et le moment où je vais pouvoir me servir de ce navigateur. Une différence d'une seconde me parait insignifiante tandis qu'à partir de 5 secondes, cela me parait bien long. Allez, à mon chronomètre, prêt, partez :

Internet Explorer = 24 secondes

Firefox = 29 secondes

Opera = 20 secondes

Encore une fois Opera est bien le meilleur. IE7 surpasse ici Firefox mais c'est connu depuis un certain temps que Firefox ne va pas à la vitesse de la lumière, hein... (surtout depuis le passage de la version 1.0.7 à la version 1.5, perso, j'ai trouvé).

3 - Le temps d'affichage de mon blog

Mode opératoire : Ouverture du navigateur, on vide le cache, je tape l'URL de mon blog dans le navigateur et je déclenche le chronomètre au moment où j'appuis sur la touche entrée. L'arrêt du chrono se fait lorsque l'intégralité de la page d'accueil de mon blog est affichée :

Internet Explorer = 16 secondes

Firefox = 22 secondes

Opera = 16 secondes

Pour cette fois, Opera et IE7 sont comparables, Firefox est encore à la traine.

4 - Saturation de la mémoire vive

La procédure est maintenant un peu plus "sadique" : Je vais me rapprocher de ce que j'effectue très régulièrement ! Je me pointe donc sur la page d'accueil de mon blog, je vide le cache du navigateur, je libère le maximum de mémoire vive (avec le logiciel FreeRam XP pro) et je vais tenter d'ouvrir le plus rapidement possible, manuellement, 20 liens de ma sidebarre (ceux de la rubrique "Sous surveillance") en effectuant un clic droit sur la première image/lien puis ouverture dans un nouvel onglet (ou son équivalent) puis je passe au lien suivant et ce, jusqu'au dernier. Le chronomètre étant déclenché juste avant le premier clic du premier lien et l'arrêt se faisant immédiatement après l'ouverture du dernier onglet. Je mesure ici les gels dû à l'utilisation intensive de la RAM et sa gestion suivant les navigateurs. J'ai de toute façon un avis très négatif de Firefox, c'est pour cela, en partie, que j'ai été voir ailleurs :

Internet Explorer = 2 minutes et 32 secondes

Opera = 1 minute et 6 secondes

Firefox = 1 minute et 43 secondes

Opera est toujours le plus rapide, Firefox est effectivement plus lent et je suis surpris par Internet Explorer, j'aurais juré que Firefox allait être le dernier à ce test.

5 - Reprenons dans le CSS : C'est une grande lacune d'IE6, il paraitrait qu'il s'est amélioré, le test Acid2 est "méchant", voyons voir un peu plus concret. J'avais noté qu'avec IE6, les images qui auraient dû s'afficher dans ma sidebarre au niveau des titres (<h2> pour les connaisseurs) ne s'affichaient qu'aléatoirements et jamais deux fois pareil. Sous IE7 cela semble Ok à chaque fois, ouf. Oh oh... mais j'ai défini une couleur qui doit s'afficher dans les champs des formulaires. Pourquoi IE7 ne met de la couleur qu'un champs sur 4 ?

Screenshot des formulaires sous Internet Explorer

Opera et Firefox font pourtant correctement leur travail :

Screenshot des formulaires sous Opera

6 - Allons donc, vlatipa qu'IE7 n'est pas capable d'afficher le gravatar par défaut :

Screenshot de l'absence de gravatar par défaut sous Internet Explorer

Opera et Firefox n'ont aucun problème et IE6 n'en avait pas non plus. Ce n'est pas un problème ponctuel, j'ai recommencé plein de fois et tenté de recharger la page et même le "show picture" après un clic droit ne fonctionne pas !

7 - Encore du CSS et maintenant pensons un peu accessibilité :

Des personnes ayant la vue "basse" tenteront d'utiliser la "loupe" des navigateurs. C'est simplement un CTRL+ (Touche control et signe + en même temps). Observons le rendu sur mon menu supérieur "Full CSS" !

Pas de problème avec Opera, comme d'habitude :

Screenshot Menu supérieur sous Opera

Pour Firefox, cela se corse juste un peu, il y a un léger espace entre la deuxième et troisième colonne. Si la souris s'arrête sur cette espace, le menu se referme et on ne peut pas ouvrir le menu suivant. En allant rapidement, on peut "sauter" cet espace (moi, j'y arrive) mais il est probable que les personnes ayant quelques difficultés motrices n'y arriveront pas.

Screenshot Menu supérieur sous Firefox

Quant à Internet Explorer, ce n'est même pas la peine d'en parler, l'espace intervient dès la première colonne et c'est un gouffre infranchissable même pour moi. Marche pas ! Il n'est pas possible d'atteindre la deuxième colonne !

Screenshot Menu supérieur sous Internet Explorer

8 - Et la transparence autours des smileys, cela donne quoi ?

Allons le voir directement sur le blog de Chtit Lolo dont le thème possède un joli fond gris.

Opera et Firefox sont nickel comme depuis longtemps :

Screenshot de la transparence des smileys sous Opera

Alors qu'IE7 ne sait toujours pas faire ! C'est d'un joli, n'est-ce pas ?

Screenshot de l'absence de transparence des smileys sous Internet Explorer

9 - Et les problèmes de Sidebarre qui disparaissent lorsque l'on diminue la taille de la fenêtre, où cela en est ?

(les miniatures sont ici cliquables pour agrandissement)

Ben avec Firefox et Opera, cela va bien, merci :

Screenshot d'une sidebarre sous Opera

Alors qu'IE7 ne s'est toujours pas amélioré, la sidebarre fuit vers le bas et ne s'affiche qu'après le dernier billet, tout en bas du blog :

Screeshot de la fuite d'une sidebarre sous Internet Explorer

10 - Conclusions ?

Bon, je ne vais pas continuer comme cela, je pense que tout le monde a compris, non ? Attention, tout n'est pas rose non plus du côté d'Opera : L'affichage, par exemple, des images avec effets lightbox est vraiment mauvais (mais il est toujours possible alors d'ouvrir l'image dans un autre onglet sans effet lightbox) ou bien, sans que je comprenne pourquoi, la sidebarre du blog de Gluon "fuit" dans Opera depuis quelques jours alors qu'il n'y a rien d'anormal dans Internet Explorer et Firefox.

Je persiste et je signe :

Internet Explorer est toujours une grosse bouse immonde. Firefox est plus respectueux des standards mais pas très rapide tandis qu'Opera gagne sur tout les tableaux.

Il faut cependant une certaine ouverture d'esprit pour aller voir ce que fait Opera. Des milliards de mouches bouffent de la merde, c'est que cela doit être bon la merde... Bouffons de la merde !

La loi du "nombre" ne tient pas la route.

Attention, Opera est différent. Lorsque j'ai débarqué, j'étais tellement habitué avec Firefox que je pestais... En dehors du respect des standard et de sa rapidité, Opera a également pleins d'autres atouts, à vous de les découvrir petit à petit, d'ailleurs j'en découvre encore tout les jours...

Tag(s) :  - ,  - ,  - 

lundi 3 octobre 2005

Vive Firefox et Opera

Mon blog n'est pas "Optimisé" pour quoi que ce soit. Mais, le moins que l'on puisse dire, c'est qu'Internet Explorer n'a pas l'air de savoir interpréter des trucs basiques. Pourquoi restez-vous sous Internet Explorer ? Jamais envie de voir ce que donne Firefox ou Opera ?

Regardez ce que donne ma barre latérale droite sous ces 3 navigateurs :

Firefox        /        Internet Explorer        /        Opera

Copie d'écran de ma sidebarre sous Firefox Copie d'écran de ma sidebarre sous Internet Explorer Copie d'écrand de ma sidebarre sous Opera

Si vous ne voyez pas ce qui ne va pas sous Internet Explorer, c'est que vous êtes vraiment de mauvaise foi :urk:

Et le plus bizarre, quand je teste, c'est qu'à chaque fois que je demande au navigateur (Internet Explorer) de rafraichir la page, il ne m'affiche pas toujours la même chose :pasbien:

Voilà, maintenant vous savez qu'avec Internet Explorer, souvent, vous ne voyez pas ce que vous devez voir ! Pour ma part, je ne condamne pas complètement Internet Explorer : J'utilise Firefox mais j'ai installé le plugin "Voir cette page dans IE" pour visiter les sites optimisés "Internet Explorer".

Tag(s) :  - ,  - ,  - 

lundi 29 août 2005

Favicon.ico

J'ai commencé par lire cela :

http://www.atoute.org/favicon/favicon.htm

http://www.xhtml.net/xhtmlcss/favicon

J'ai fait quelques essais et finalement, tant pis pour ceux qui ne respectent pas les standards !

J'ai rajouté un link rel="icon" type="image/gif" href="http://1loup.net/MMDo.gif" dans mon template avec MMDo.gif le symbole en taille 16x16 parce que le bitmap en 16 couleurs, non, mais, vraiment, hein...

Tag(s) :  - ,  - ,  - ,  - 

mercredi 5 janvier 2005

Contre le phishing


Un article intéressant sur ZDnet.fr

avec des liens vers une barre pour Internet Explorer et une autre pour FireFox.

Tag(s) :  - ,  - ,  - 

QUoi ?

Bah, un blog... c'est un avis personnel qui n'engage QUE moi (et encore!), purement subjectif etc...

Abonnez-vous à mon fil RSS

Quelques infos sur mon Twitter

Derniers blablas

Images aléatoires

Le choupinou Jake Gyllenhall
a6.jpg
Photos Persos
DSC_1034.JPG
Des choupinous sexy
I53-14.jpg
Fractales
cospiral.jpg

Syndication / Autres

Logo Free Hugs - Câlins gratuits

Logo Blog sans Pub

Logo Mon blog se nourrit de vos commentaires

Début | Contenu | Menu | Sidebarre | Extra | Recherche
Trombinoscopes