Google pousse sous les projecteurs le projet SVG Web avec une démo spectaculaire en vidéo. En gros, une bibliothèque JavaScript de 60Ko permet de mettre enfin du SVG dans Internet Explorer. C'est encore en version Alpha, mais c'est super prometteur. Pour les développeurs, Brad Neuberg propose une [vidéo d'une grosse demi-heure sur l'utilisation de SVG dans Internet Explorer avec SVG Web. On pourra regretter que la solution repose sur Flash 9 (mais des deux maux, ils faut choisir le moindre !).
22 réactions
1 De Pierre Goiffon - 21/08/2009, 12:16
Woo, pouvoir utiliser SVG sans que cela nécessite l'installation de plugin, voilà qui est très intéressant !
Bon, le projet est en alpha, mais la doc signale que IE est géré à partir de la v6. Et que ça tourne avec du Flash : http://codinginparadise.org/project...
Merci de l'info !!
2 De antistress - 21/08/2009, 12:37
Ça implémente le format Flash où ça utilise le plugin Flash d'Adobe ?
Si ça nécessite le plugin Flash je vois pas l'intérêt.
L'idée serait que svg puisse remplacer Flash dans certains domaines
3 De SandRock - 21/08/2009, 12:37
Bonne initiative. Le mieux serait tout de même de se débarasser d'IE. Et ça aurai été intéressant d'utiliser une techno ouverte comme Silverlight à la place de Flash. M'enfin...
4 De Bibou - 21/08/2009, 12:55
Impressionnant comme résultat.
C'est en tout cas une bonne solution en attendant un support officiel dans IE 12!
5 De Laurentj - 21/08/2009, 13:21
Attention, la lib js ne fait pas 60ko comme ils le disent, mais 96ko. À cela faut ajouter les 40ko de l'objet flash. Et comme ils n'ont pour le moment qu'une implémentation partielle, je doute que ça reste à cette taille là pour la version finale ;-).
6 De Da Scritch - 21/08/2009, 14:18
Oui, c'est superbe, c'est magnifique.
résumons :
- une JS pour la gestion des bugs de positionnement
- une JS pour la compatibilité des png alpha transparent (pour MSIE6)
- une JS pour les éléments manquants comme abbr (dans MSIE6)
- une JS pour palier au souci des objects avec les appels non conformes
- une JS pour le problème des appels objets avec le brevet Eolas
- une JS pour le problème de l'élément button
- une JS de correction et d'abstraction pour pouvoir utiliser les appels DOM conformes W3
- une JS pour empêcher les fuites de mémoire de faire exploser le navigateur (pour MSIE6 et 7)
Bref : inflation http://dascritch.net/blog.php/post/...
C'est la prime aux perdants, aux losers, aux cancres, c'est la solution faussement idéale pour amener le web moderne à ceux qui ne semblent pas en avoir besoin, et c'est surtout une fausse sécurité de conception, car MSIE devient très rapidement susceptible quand on touche trop à des manipulations DOM.
Et si on faisait un package global de disons 8 Mo pour simplifier le tout. Qui s'appelerait “Firefox” ?
7 De Jean-Marc Trémeaux - 21/08/2009, 14:38
Et dans le même genre, je rappelle qu'il existe le projet excanvas pour ajouter la balise <canvas> dans IE. Pareil, il suffit d'inclure un javascript de 26ko dans sa page HTML.
Pas de raison de se priver des dernier technos graphiques, donc
http://code.google.com/p/explorerca...
8 De Nico - 21/08/2009, 15:02
Impressionnant !
9 De Kévin Hinault - 21/08/2009, 15:24
Comme je l'exprimais ce midi sur le chan mozilla, il y a, je pense, un défaut ou un effet pervers à ce projet. Il assure la longévité des vieux navigateurs par un palliatif - ou plutôt une verrue - en les rendant compatible avec les standards actuels.
D'un point du vue purement technique, c'est sublime d'avoir trouvé une solution qui pourra donner une chance à SVG mais sur le long terme est ce que le risque n'est pas de faire croire au gens qu'ils peuvent continuer à utiliser des navigateurs qui ne gèrent pas le SVG (ou d'autres innovations) ?
"Pourquoi je changerais de navigateur puisque maintenant mon vieux IE6 fait du SVG via flash ?"
Je préfère les initiatives des sites qui affichent en gros "Stop IE6 !" plutôt que les sites qui vont pallier les manques tout en les cachant au public. Peut être un équilibre entre les deux peut exister : utiliser SVGweb et prévenir que le navigateur est antédiluvien en même temps.
10 De stelt - 21/08/2009, 16:28
please remove "." at the end of the URL of previous comment
11 De Tangui - 21/08/2009, 17:50
En même temps ça va enfin permettre de pouvoir faire du SVG même avec IE. Faire des sites "Stop IE6/7/8/9?" c'est pas envisageable dans la plupart des cas.
12 De Brad Neuberg - 21/08/2009, 20:12
Hi everyone! Thanks for the great feedback.
@Laurentj: Hi. The library is ~65K total when you turn on GZip compression on your web server, including the Flash SWF and JS files.
@antistress: The value is that Flash is not necessary for all the other modern browsers like Firefox and Safari that natively implement SVG. This just gets support on IE.
@Kévin Hinault: If we don't support IE then we lose out on around 70% of the browsers out there; it could take years to change this. In the mean time we want to promote the adoption of HTML 5, SVG, etc. and JavaScript libraries are a good short-term solution.
Best,
13 De Tristan - 21/08/2009, 20:53
Hey Brad, thanks for jumping in with additional info. Sorry for what probably looked like a server issue with your comments. On my blog, comments need to be approved before being published, which I don't do in real time, which may give the impression that they don't get through...
Thanks for stopping by, and congrats for this very promising technology!
14 De Christophe - 21/08/2009, 21:03
Tout a fait d'accord avec Da Scritch sur "la prime aux perdants, aux losers, aux cancres ...". Ça et l'annonce du support prolongé pour IE6, et c'est la plus grosse incitation à ne rien faire pour que le web avance.
Et en plus, il faut avoir Flash et ses cookies (LSO) qui permettent un pistage inter domaines !
(pour ceux qui sont sous linux, j'indique sur mon site le moyen que j'ai trouvé d'éliminer ces pestes).
Certes, c'est une nouvelle; mais je ne trouve pas qu'elle soit bonne. Tristan, avez vous oublié votre antienne : "Meurs IE6 ! Meurs !" ?
15 De gut - 21/08/2009, 21:44
Et la version vorbis de la vidéo: http://tinyvid.tv/show/2oselal6vcic...
C'est comme même une perfusion pour IE, mais cela signifie à MS, si IE continue à être à la traîne, on va vous pondre des patchs, mais forcément cela sera moins rapide et à force les gens quitteront IE et retiendront que MS c'est windows et ses malwares avec un navigateur très lent.
16 De Sylvain D - 21/08/2009, 23:02
Un truc qui m'embête... peut on manipuler le code SVG avec javascript?
ou faut il recharger la page à chaque fois?
17 De "-" - 21/08/2009, 23:47
Idem je pense que c'est une mauvaise idée. IE cause énormément de tort aux développeurs web, et tant que les développeurs continueront à développer pour IE au lieu de mettre des grosses bannières incitant les gens à ne plus l'utiliser IE n'évoluera pas, et les développeurs continueront à s'arracher les cheveux.
Déjà que le développement d'applis Ajax est assez horrible vu la difficulté de pouvoir déboguer et maintenir l'appli plus tard, mais avec IE ça devient un véritable cauchemar ! (Vivement le passage à JavaScript 2 / ECMAScript 4, qui permettra de faire enfin du code JS maintenable... mais là encore c'est l'IE team qui met de la mauvaise volonté...)
"-".
18 De Brad Neuberg - 22/08/2009, 02:31
@Sylvain: you can manipulate the SVG fully with JavaScript, as if it's natively supported. See the Quick Start guide for details: http://codinginparadise.org/project...
19 De Nicolas Cynober - 22/08/2009, 15:39
Projet intéressant. Faire tourner SVG partout est un début.
Ensuite il faudra penser à:
- développer un véritable IDE dédié. (1 an)
- créer une communauté et développer des best practices. (1 an)
- créer un / des frameworks. (1 an)
Total pour avoir un environement mature comme Flex: 3 ans :/
Et je suis optimiste
Mais bon tant qu'on ne fait rien on restera en flash. C'est donc une très bonne nouvelle !
20 De ran - 23/08/2009, 01:32
Je me souviens des travaux précurseurs (?) de Mark Finkle (SVG, passé depuis chez Mozilla) et Emil A Eklund (Canvas, passé depuis chez Google) sur le même sujet.
http://starkravingfinkle.org/blog/2...
http://me.eae.net/archive/2005/12/2...
21 De Serge Cheminade - 23/08/2009, 10:43
Bonjour,
J'avais vu que Google préparait cet outil (http://www.svgopen.org/2009/keynote... )
Utilisant SVG depuis 2003 je pense que cette initiative est excellente contrairement à certains avis exprimés.
Beaucoup ne créaient pas en SVG sous prétexte que leurs créations ne pouvaient pas être lues par tous les navigateurs. Maintenant que cet obstacle tombe l'offre en SVG devrait fortement augmenter et être beaucoup plus attractive pour les internautes.
Je ne vois pas, mais ce n'est que mon avis, ceux qui développent exclusivement pour IE se ruer pour programmer en SVG. Il faut savoir que IE supporte un concurrent de SVG : VML.
Pour que les utilisateurs abandonnent IE il nous appartient d'informer, d'offrir des outils intéressants. Je sais que cette action n'est pas facile. Il faut savoir persévérer. Pour ma part j'essaye de faire en sorte que les visiteurs de mon portail utilisent de plus en plus SVG.
Pour l'instant je n'ai pas l'intention d'intégrer l'outil de Google dans mes SVG mais j'offre la possibilité de réaliser des animations paramétrables. Chacun peut ensuite diffuser ses animations sur son site en y ajoutant l'outil de Google.
J'ai réalisé une première animation paramétrable à partir d'un coeur qui bat. A l'intérieur du coeur une partie d'une photo peut apparaître: visage de l'ami(e), stars, monuments. La forme du coeur peut totalement être modifiée et cela facilement. Un texte peut-être placé autour du coeur voir : http://www.orvinfait.fr/svg/animes/...
Le code est fourni aussi bien pour PC que pour téléphones portables.
Pour l'animation sur téléphone portable je fourni le code avec le langage SMIL. Pour PC je le fournis avec Javascript, Firefox ne supportant pas encore SMIL en standard contrairement à d'autres navigateurs. Au passage cette réalisation montre qu'avec Firefox il est tout à fait possible de faire des animations avec SVG.
Avec SVG il est possible de faire des romans photos, de véritables dessins animés. Cela peut nécessiter du son, pour l'instant Firefox est le seul navigateur qui permet de faire parler des animations avec des fichiers OGG voir un exemple sur http://pecita.fr/ . Cela était autrefois possible avec le plugin SVG d'Adobe mais les fichiers utilisés devaient être des MP3.
22 De Hybrid Son Of Oxayotl - 23/08/2009, 22:24
Pour répondre aux arguments qui reviennent souvent comme quoi ça aide Microsoft, je pense que si ça rends le navigateur lent, les gens qui utiliseront d'autres navigateurs seront plus facilement et durablement séduit, alors que ceux qui refusent de changer ne changeront pas de site web, ce qui est essentiel dans le cas d'un site commercial.