I Love Belgium... and you?

mercredi 7 mai 2008

Opera Dragonfly alpha !

Opera 9.5 beta 2 est enfin muni d'une extension dédié aux développeurs.
Celle-ci est bien prometteuse en embarquant certaines fonctionnalités introuvables sur Firebug, malheureusement elle est également dotée de quelques lacunes, telle que l'impossibilité d'éditer des documents et des styles à la volée.

L'interface est intuitive et la prise en main vraiment simple.
Bref un très bon boulot pour une version alpha que je vous conseil d'essayer très rapidement.

Télécharger Opera Dragonfly

Pétition pour l'accessibilité numérique

Plus de trois ans après la sortie de la loi pour « l’égalité des droits et des chances,… », le décrit précet qui doiser les modalités d’application de l’accessibilité numérique n’est toujours pas sorti. Cette situation ne peut pas durer !

Signez la pétition.

jeudi 1 mai 2008

PNGHack beta 5

Haaaa la tant attendue beta 5 !

Voilà qui est fait ...
Alors quoi de neufs pour cette version ?

La syntaxe de paramètres


Alors qu'avant nous passions plusieurs paramètres à notre méthode, maintenant nous passerons plus qu'un objet imbriquant ces paramètres.
De telle manière, il vous sera possible de définir des paramètres sans en définir d'autres comme c'était obligatoirement le cas avant :
ph.go('*','data'); devient : ph.go({src: 'data'});

La méthode crush();


Doté des mêmes fonctionnalités que la méthode go(); celle-ci ne se base pas sur la class "hack-png" attribué aux éléments, mais sur l'extension des éléments, par défaut elle recherchera les éléments dôté d'une extension '.PNG' (non sensible à la casse) et il vous est également possible de la définir grâce aux expressions régulières par le paramètre {ext: ''}.

La propriété checkIE


Autre fois vous étiez obligé d'utiliser des commentaires conditionnelles pour inclure PNGHack à vos documents, c'est du passé, PNGHack détectera automatiquement le navigateur et vous pouvez écrire vos appels à PNGHack en clair dans le document sans soucis.
Cette propriété est également éditable, et vous permet de définir la version d'internet explorer que vous souhaitez toucher, par défaut elle fonctionnera avec IE 5.5 et 6.
Notez que si vous préférez les commentaires conditionnelles vous pouvez également la désactiver en lui attribuant la valeur false : ph.checkIE = false;

La propriété remotehost


Alors que IE ne supporte pas l'encodage en base 64, et donc la génération de fichier par javascript. Nous avons essayez de proposer une solution robuste et flexible à l'utilisation de spacer.gif
Par défaut, si vous avez défini un spacer.gif il l'utilisera, sinon il essayera de récupérer celui définit comme spacer.gif par défault dans la documentation, si ces 2 cas résultent en un échec, le script essayera d'utiliser un spacer.gif hébergé sur Google.
Vous pouvez également configurer le script de telle manière à toujours utiliser le spacer.gif hébergé (ph.remotehost = true;) ou d'en interdire son usage (ph.remotehost = false;)


Pour plus d'informations techniques je vous propose de lire la nouvelle documentation dédié à PNGHack 1.0b5.
Ou de visiter le site de PNGHack

lundi 28 avril 2008

Comparaisons des moteurs de rendu

C'est Wikipedia qui nous offre de riches tableaux de comparaisons des supports de technologies de différents moteurs de rendus :

Moteurs de rendu
HTML
XML
XHTML
HTML 5
EcmaScript
DOM
CSS
SVG
Format images

Je ne comprend toujours pas le choix de Microsoft à préférer développer Trident, plutôt que d'utiliser Tasman, qui semble bien plus prometteur.
Bon aujourd'hui la question ne se pose plus... mais autrefois...
Microsoft restera toujours un mystère...

Have fun :)

mercredi 23 avril 2008

IETester : IE 5, 6, 7, 8 en un !

Actuellement une des solutions les plus adaptées à la vérification de rendu sur les différents navigateurs de Microsoft, est sans aucun doute Multiple IE.

DebugBar vient de lancer un nouveau logiciel, nommé IETester, celui-ci embarque les moteurs de rendus de IE 5.5 à 8 beta 1, et vous permet d'utiliser plusieurs moteurs cote à cote en un clic.

Notez qu'il s'agit encore d'une version de développement, et que d'importants bugs sont actuellement en cours de correction.

Télécharger IETester.

mardi 22 avril 2008

Mobile Acid Test 1

Dominique Hazaël-Massieux, membre du W3C Mobile Working Group, vient de nous développer un premier "Test Acid" pour mobile.

Ce test couvre les caractéristiques techniques suivants :

CSS
* Support de min-width et max-height, permettant d'adapter plus facilement les interfaces aux terminaux.
* Media Queries, permettant de pousser le support par rapport aux dimensions, types, poids, etc ... de terminaux
* Les sélecteurs CSS 3

Document/HTML
* Les types de documents servi en médias xhtml+xml
* L'élément <canvas> de HTML 5 ?
* Support de la propriété contentEditable

Éléments graphiques
* Le format d'image PNG 32 bits
* Le format SVG dynamique et statique, permettant ainsi de créer des interfaces riches.

HTTP
* Support de GZIP
* Support de HTTPS
* Support de XmlHttpRequest

Il semblerait donc que le navigateur devrait supporter les premières spécifications de HTML 5 et CSS 3, et passer les tests de XHTML/CSS2.1 sans fautes.

Une très bonne initiative, j'ai enfin l'impression d'avoir à faire à un vrai Acid Test, bien plus que l'est l'Acid Test 3.

Accédez au Mobile Acid Test.
Accédez à la spécification Web Compatibility Test for Mobile

lundi 21 avril 2008

PayPal déclare la guerre aux vieux navigateurs

Enfin un géant qui se permet de ne plus supporter les navigateurs obsolètes.
Bon avant l'arrêt du support, qui tout comme le reste du web leur coute énormément en temps et d'argent. Il s'agira d'abord d'avertir les utilisateurs du risque qu'ils encours et de bannir les navigateurs qui n'acceptent pas les certificats EV SSL tel que Safari et les navigateurs sans filtre anti-phishing.

PayPal ne supportera donc plus dans un premier temps les versions d'IE 4 et 5 ainsi que les vieilles versions de Netscape, Firefox et Opera.

Si vous voulez en savoir plus sur la politique anti-phishing de PayPal, c'est par ici.

dimanche 13 avril 2008

The 2008 Gmail Appeal

Un billet pour supporter une opération lancée par l'Email Standard Project, qui se veut le pionnier des standards imbriquées dans les clients mails !

Ils demandent en effet aux développeurs de Gmail de faire un petit effort sur les compatibilités HTML et CSS de leur client.

Ils promeuvent leur action par une petite vidéo :

Email Standards Project - Gmail Grimaces from Mathew Patterson on Vimeo.

Vous pouvez également rejoindre l'Email Standard Project sur Facebook.

vendredi 11 avril 2008

Opera et Mozilla : cap sur les mobiles

Alors que le navigateur de Mozilla, Fennec, est encore en stade de développement et que celui-ci semble dôté d'une performance et d'une légerté impressionante comme en témoigne divers articles :
BeFox
Generation NT

Opera vient d'annoncer avoir porté Opera Mini 4 sur Android, étant ainsi le premier éditeur à avoir annoncé la disponibilité de leur navigateur sur cette plateforme.

Télécharger Opera Mini pour Android

Chasse au trésor HTML avec <object> et <ruby>

Non pas encore un jeu ...
Hier nous étions confronté à un problème technique qui a mobilisé pas moins de 15 personnes pour la question : existe-t-il un élément qui permet d'imbriquer et d'être imbriqué dans des éléments inline et block ?

Le groupe c'est dissipé il ne restait plus qu'un collègue et moi pour trouver une solution ...
J'ai ouvert ma bible html qui affirmait que object s'y prêtait plutôt bien, nous lui avons fait passé donc les 4 tests suivants sur Firefox :

<object><p>Foo bar</p></object>
<object><span>Foo bar</span></object>
<p><object>Foo bar</object></p>
<span><object>Foo bar</object></span>

Tout en testant également 5 DOCTYPE, html 4 strict et trans, xhtml 1.0 strict et trans et xhtml 1.1
Et ça marche dans tous les cas :) Le DOM est conçu comme il faut !

Essayons sur IE ... Ah ... Catastrophe ... L'élément <object> se voit remplacé par son contenu et ne figure plus dans le DOM...
J'ai donc cherché sur msdn, ma référence de hack préférée... En testant un peu tous les éléments non-valide qui nous passaient sous les yeux...

HEY ! <ruby> se comporte comme object !!
Mais est-ce qu'il marche sur Firefox ? Non, Firefox échoue sur l'imbriquation d'un élément block dans ruby, alors que Safari, Opera et la version 3 de Firefox, l'implémente tous de la même manière ... dommage.

Il ne vous reste plus qu'à détecter le navigateur pour lui servir soit object, soit ruby...

Have fun.