Mai 2012
Des feuilles de style qui s'animent
par Christophe Laporte le 31.10.2007 à 11:00
Décidément, la bande de David Hyatt a souvent un temps d'avance sur la concurrence. Alors que Safari 3 n'est toujours pas finalisé pour Tiger et Windows, les développeurs ne perdent pas de temps et continuent d'ajouter de nouvelles fonctionnalités au moteur de rendu de Webkit. Les dernières nightly build gèrent désormais les CSS animés. Ces dernières permettront aux webmasters d'animer leurs pages web à l'aide de quelques lignes de code.
À condition d'utiliser la dernière version de Webkit, vous pourrez voir sur cette page un tableau disparaître progressivement, un autre faire une rotation de 360 degrés et un dernier changer progressivement de couleur et de taille. L'équipe de Surfin' Safari compte donner davantage de détails sur cette nouvelle technologie qui pourrait permettre notamment aux développeurs d'animer les pages web de l'iPhone sans trop les alourdir.
À condition d'utiliser la dernière version de Webkit, vous pourrez voir sur cette page un tableau disparaître progressivement, un autre faire une rotation de 360 degrés et un dernier changer progressivement de couleur et de taille. L'équipe de Surfin' Safari compte donner davantage de détails sur cette nouvelle technologie qui pourrait permettre notamment aux développeurs d'animer les pages web de l'iPhone sans trop les alourdir.
|
Vos réactions (14 réactions)
Yohmgaï
[31/10/2007 11:16]
Moui... ça ne me semble pas aussi utile que les polices embarquées... cela dit, l'effet de rotation est très joli : fluide, anti-aliasé... je supose qu'avec beaucoup de temps et de travail on peut faire quelque chose de sympa... mais dans la majeure partie des cas, ça me semble pas très utile... y'a juste le fade qui est vachement sympa :)
Moui... ça ne me semble pas aussi utile que les polices embarquées... cela dit, l'effet de rotation est très joli : fluide, anti-aliasé... je supose qu'avec beaucoup de temps et de travail on peut faire quelque chose de sympa... mais dans la majeure partie des cas, ça me semble pas très utile... y'a juste le fade qui est vachement sympa :)
Dark Templar
[31/10/2007 11:21]
C'est vrai que l'effet est sympa (surtout pour le fondu, la rotation ne servira sûrement pas beaucoup).
Par contre, je n'ai rien trouvé à propos des transitions sur le site du w3c…
C'est vrai que l'effet est sympa (surtout pour le fondu, la rotation ne servira sûrement pas beaucoup).
Par contre, je n'ai rien trouvé à propos des transitions sur le site du w3c…
ShowMeHowToLive
[31/10/2007 11:44]
Mouais, faut voir si ça sera bien utilisé et si l'on évitera l'effet sapin de Noël comme au bon vieux temps du DHTML...
Est ce que ça apporte vraiment un plus par rapport aux librairies Javascript dispo type script.aculo.us ?
Mouais, faut voir si ça sera bien utilisé et si l'on évitera l'effet sapin de Noël comme au bon vieux temps du DHTML...
Est ce que ça apporte vraiment un plus par rapport aux librairies Javascript dispo type script.aculo.us ?
gloup gloup
[31/10/2007 12:05]
Il y a moyen de faire plus ou moins la même chose avec [url=http://jquery.com/]jquery[/url] en javascript et là ça fonctionne dans presque tous les navigateurs récents.
Peut-être que ces nouveautés feront l'objet d'une proposition au [url=http://www.w3.org/]3wc[/url].
Il y a moyen de faire plus ou moins la même chose avec [url=http://jquery.com/]jquery[/url] en javascript et là ça fonctionne dans presque tous les navigateurs récents.
Peut-être que ces nouveautés feront l'objet d'une proposition au [url=http://www.w3.org/]3wc[/url].
Anabys
[31/10/2007 12:23]
Encore un truc qui a va aboutir à des bandeaux de pub inamovibles un peu partout sur les pages. Il y a déjà Flash dans le genre technologie pourrie par les publicitaires, c'est pas vraiment nécessaire d'en rajouter.
Encore un truc qui a va aboutir à des bandeaux de pub inamovibles un peu partout sur les pages. Il y a déjà Flash dans le genre technologie pourrie par les publicitaires, c'est pas vraiment nécessaire d'en rajouter.
pvmstg
[31/10/2007 12:27]
Effectivement, si ça ne peut être vue par tous... Même sous 10,4 avec safari 2,04 on voit rien. Alors... peu utile. D'accord avec gloup gloup... le javascript est plus utile d'ici à ce que ça soit accessible à tous via w3c
Effectivement, si ça ne peut être vue par tous... Même sous 10,4 avec safari 2,04 on voit rien. Alors... peu utile. D'accord avec gloup gloup... le javascript est plus utile d'ici à ce que ça soit accessible à tous via w3c
lennoyl
[31/10/2007 12:40]
si l'utilisateur moyen (celui qui ne veut pas s'embeter à installer des tas de trucs) n'y a pas acces, je ne vois pas l'interet.
si l'utilisateur moyen (celui qui ne veut pas s'embeter à installer des tas de trucs) n'y a pas acces, je ne vois pas l'interet.
v1nce
[31/10/2007 12:42]
@Anabys
euh, la plupart des bannieres sont encore en gif animées !
et IE intégrera ça dans une dizaine d'année ?
@Anabys
euh, la plupart des bannieres sont encore en gif animées !
et IE intégrera ça dans une dizaine d'année ?
nlex
[31/10/2007 12:43]
Si le commentaire moyen n'a pas plus d'interet… je ne vois pas l'interet.
Si le commentaire moyen n'a pas plus d'interet… je ne vois pas l'interet.
groug
[31/10/2007 14:36]
@pvmstg
C'est dans la dernière mise à jour de Webkit.
On peut le télécharger ici http://nightly.webkit.org/
Ça s'installe sans risque à côté de Safari, il s'agit juste d'une application qui y ressemble complétement mais avec le dernier moteur.
C'est normal qu'on voit rien avec Safari 2.04 vu que ça vient d'être implémenté, ça n'est pas non plus dans la version 3.0 beta. Mais ça le sera dans les prochaines versions (en général mis à jour avec le système, pour Tiger je ne sais pas trop si on aura des mises à jours...).
@pvmstg
C'est dans la dernière mise à jour de Webkit.
On peut le télécharger ici http://nightly.webkit.org/
Ça s'installe sans risque à côté de Safari, il s'agit juste d'une application qui y ressemble complétement mais avec le dernier moteur.
C'est normal qu'on voit rien avec Safari 2.04 vu que ça vient d'être implémenté, ça n'est pas non plus dans la version 3.0 beta. Mais ça le sera dans les prochaines versions (en général mis à jour avec le système, pour Tiger je ne sais pas trop si on aura des mises à jours...).
Anabys
[31/10/2007 15:24]
Ca fait longtemps qu'il y a plus de bannières en Flash qu'en GIF... pour la simple raison que les bannières en Flash sont plus difficiles à éviter (il faut désactiver le plugin dans la plupart des cas) que les simples GIF (qui peut être bloqués en fonction de l'URL avec des regex dans un système d'ad blocking ou dans une CSS).
Ca fait longtemps qu'il y a plus de bannières en Flash qu'en GIF... pour la simple raison que les bannières en Flash sont plus difficiles à éviter (il faut désactiver le plugin dans la plupart des cas) que les simples GIF (qui peut être bloqués en fonction de l'URL avec des regex dans un système d'ad blocking ou dans une CSS).
sunjohn
[06/02/2009 17:46]
@pvmstg > je ne vois pas trop où tu veux en venir avec ton commentaire.
Tu testes un truc qui vient de sortir avec un navigateur sorti il y a trois ans, alors qu'il y a eu 9 mises à jour depuis, que tu as refusées puisqu'elles ont toutes été proposées dans le système de mises à jour d'OS X.
Safari est gratuit, les nouvelles versions sont beaucoup plus rapides que les 2.x, la sécurité est meilleure avec les versions récentes... Franchement le coté collector que certains ont l'air de trouver aux vieux navigateurs en refusant d'en changer me dépasse.
Désolé de te le dire, mais tu fais partie du même genre de boulets qui conservent leur IE6 sous Windows.
@pvmstg > je ne vois pas trop où tu veux en venir avec ton commentaire.
Tu testes un truc qui vient de sortir avec un navigateur sorti il y a trois ans, alors qu'il y a eu 9 mises à jour depuis, que tu as refusées puisqu'elles ont toutes été proposées dans le système de mises à jour d'OS X.
Safari est gratuit, les nouvelles versions sont beaucoup plus rapides que les 2.x, la sécurité est meilleure avec les versions récentes... Franchement le coté collector que certains ont l'air de trouver aux vieux navigateurs en refusant d'en changer me dépasse.
Désolé de te le dire, mais tu fais partie du même genre de boulets qui conservent leur IE6 sous Windows.
sunjohn
[06/02/2009 17:49]
Anabys > "pour la simple raison que les bannières en Flash sont plus difficiles à éviter"
Euh... non.
Même techniquement sur le site éditeur, c'est exactement pareil que pour les Gifs : on les écrit avec un script fourni par la régie dans 99% des cas.
Et que ce soit un téléchargement d'image, de flash ou de script, ça se bloque de la même manière.
Anabys > "pour la simple raison que les bannières en Flash sont plus difficiles à éviter"
Euh... non.
Même techniquement sur le site éditeur, c'est exactement pareil que pour les Gifs : on les écrit avec un script fourni par la régie dans 99% des cas.
Et que ce soit un téléchargement d'image, de flash ou de script, ça se bloque de la même manière.
Réagir
Cinq consignes avant de réagir :
- Rester dans le cadre de la dépêche. Pour des discussions plus générales, vous pouvez utiliser nos forums.
- Développer son argumentation. Les messages dont le seul but est de mettre de l'huile sur le feu seront modifiés ou effacés sans préavis par la rédaction.
- Respecter les acteurs de l'informatique et les autres lecteurs. Les messages agressifs, vulgaires, haineux, etc. seront modifiés ou effacés sans préavis par la rédaction.
- Pour toute remarque concernant le contenu de l'article, pour nous signaler une erreur, une faute d'orthographe, une omission, merci de nous contacter exclusivement par e-mail.
- Relisez-vous, et pour les utilisateurs de Safari profitez de l'aide du navigateur : activez le menu édition > Orthographe > Vérifier l'orthographe lors de la frappe.
Vive les standards :D !