Aller au contenu | Aller au menu | Aller à la recherche

jy[B]log

Journal d'un geek

jeudi, juillet 17 2008

Bordures en image dans Firefox

Bon bah ça y est, plus besoin de recourir à des divs dans tout les sens pour utiliser des images pour décorer les bordures des éléments HTML. Le support du style CSS3 border-image vient d'être intégré dans la version de développement de Firefox 3.1 :-) Voir une présentation de border-image sur css3.info. Comme la spécification au W3C est encore en brouillon, il faut utiliser -moz-border-image.

Firefox rattrape son petit retard sur l'implémentation de styles CSS3 par rapport à d'autres navigateurs :-)

Pendant qu'on en parle, au niveau du test acid3, il en est à 81/100.

PS : un post de John Resig qui explique un peu le fonctionnement

mardi, juillet 8 2008

canvas et svg utilisés pour le background

Firefox 3 est sorti, le record de téléchargement en 24 h a été officiellement établi. Mais ce n'est pas pour ça qu'il faut se reposer sur les lauriers. Après tout, la version 3.1 est prévue pour la fin de l'année, avec des choses sympas comme la balise <video> ou le style border-image. D'ailleurs, le trunk était à peine ouvert pour le développement de la 3.1, que pas mal de patchs ont été intégré, comme le support complet des sélecteurs CSS3, le support de text-shadow, des corrections pour le test ACID3 (ils en sont à 80% contre 70% pour Firefox 3), et plein d'autres "bug fix".

Mais ce n'est pas tout, il faut bien s'amuser aussi un peu, et donc certains expérimentent des petites choses. Roc par exemple, vient de faire un patch pour pouvoir utiliser du SVG avec background-image. Mais aussi <canvas> avec background-image.

 background: url(#truc);

truc est l'id d'un morceau de SVG ou d'un canvas dans le document. Cela permet de faire des petites choses comme ça. Et bien sûr, on peut appliquer les autres styles background : background-position, background-repeat etc..

Pour l'instant, pas sûr que ce soit intégré dans Firefox 3.1. Patience donc :-)