Après plus de 14 années de présence sur le web, je continue encore aujourd'hui cette incroyable aventure qu'est la découverte du virtuel. Lampe torche, sac à dos, planche de surf et bien sûr ce calepin indispensable pour mémoire.

#303 CSS box-shadow 29 Octobre 2008

Technologie Web css

Attention, il est important de considérer que cet article est une archive, son contenu est probablement obsolète!

Alors que les navigateurs implémentent un nombre considérable de nouvelles fonctionnalités issues de la CSS3 ou de leur propre cru, j'ai essayé une propriété : box-shadow.

Au début, l'avantage est considérable : pas besoin de faire une image pour le haut, une image répétée pour le fond et une image pour le bas. Juste une ligne de code avec les paramètres qui vont bien et l'ombre se place comme par magie au bon endroit.

Le résultat sous Webkit comme sous Firefox (3.1 et non 3.0) est assez bon (en terme de rendu). Par contre là où l'histoire se complique : c'est lorsqu'il faut scroller. Les deux navigateurs rament comme pas possible. C'est lent, ça saccade. Du coup, je me demande l'utilité de rajouter des fonctions qui en terme d'expérience utilisateur ne sont, pour le moment, pas une réussite.

Vivement les optimisations !

Commentaires

Rik 06 Novembre 2008

Plutôt que de t'en plaindre, aide donc les navigateurs à faire mieux. C'est normal que les nouveautés soient peu performantes. Il faut justement du retour de la part des développeurs pour que ce soit amélioré.

Par exemple en soumettant des bugs. Tu as de la chance, des gens l'ont fait pour toi. Pour WebKit, c'est https://bugs.webkit.org/show_bug.cgi?id=22102 et pour Gecko c'est https://bugzilla.mozilla.org/show_bug.cgi?id=458031 .
Reply

ro 07 Novembre 2008

Salut, testé depuis un moment sous Safari 3 et 4 (en bêta sur le site d'Apple), ça marche impeccable, sans aucun ralentissement. Idem pour Webkit. Par contre impossible de faire fonctionner sur Firefox.
Reply

Xethorn 08 Novembre 2008

@Ro : la propriété box-shadow n'a été rajoutée qu'à partir de la version 3.1 de Firefox.
Reply

À propos de l'auteur

Puce Web Developpeur chez Google (San Francisco, California), j'adore l'aventure, la découverte, les nouveautés et les challenges. Entre les développements web, les bidouilles iphone et les pauses créatives, je voyage avec mon appareil photo.