Apple.com fait la promo de HTML5

Florian Innocente |
Apple a ouvert une nouvelle section sur son site web, promue en page d'accueil, et faisant l'article de HTML5. Au fil de plusieurs démos, elle fait l'article des possibilités techniques offertes par l'utilisation combinée de HTML5, des CSS3 et JavaScript, avec ce slogan "Les standards ne sont pas une extension du web, ils sont le web".

AppleHTML5


On trouve des démos autour de la vidéo, de l'utilisation et la manipulation des polices de caractères, l'affichage d'images, l'application d'effets visuels, la lecture audio, etc. Puis de renvoyer les développeurs web vers des ressources techniques pour Safari ainsi que d'autres petites démos. Et il faudra Safari pour en profiter, les autres navigateurs, Firefox comme Chrome, sont exclus.

html5website


Tags
#HTML5
avatar Ast2001 | 
@sunjohn c'est un mec d'Opera donc il est normal qu'il ne milite pas pour H.264 Il fait surtout remarquer que ces exemples ne démontrent pas grand chose des possibilités de HTML5 car ils se limitent presque aux balises audio et video. Et le browser sniffing est un procédé inélégant qui ne grandit pas Apple et qui n'apporte pas un pierre à l'édifice de leur combat pour HTML5. Je pense que chez Apple le comportement de cette page va vite évoluer car je les sais trop intelligents pour laisser les choses en l'état.
avatar GStepper | 
@ makidoko [quote]donc je n'y ai pas accès[/quote] - C'est ton droit le plus légitime de ne pas utiliser Safari, par contre comment as tu pu voir le code que tu donnes sans y avoir accès ? Après, on peut s'interroger légitimement sur ta démarche qui, en l'absence manifeste d'argument, s'apparente à du FUD des plus "maladroit"... Finalement, je suis bien content de faire partie de la "bande de clowns" pas tristes du tout puiqu'on peut se délecter de tes posts si savoureux... :)
avatar mediapress (non vérifié) | 
enfin en conclusion, on voit qu'apple veut faire disparaitre une technologie pour du vent... parce que safari, c'est bien loin de faire tout le web... c'est peut-être une technologie du futur mais complètement inutile pour le moment... la démo ne sert que de prouesses techniques mais inadapté en production...
avatar GStepper | 
@ mediapress "safari, c'est bien loin de faire tout le web" - Oui tout le monde est d'accord là dessus tu sais... "inadapté en production" - Il me semble pourtant ( à vérifier cependant) qu'Apple (entre autre) n'utilise pas de Flash sur ses sites en production... :)
avatar makidoko | 
Ha y'a pas à dire, quand ça veut pas, ça veut pas... Sunjohn, On parle pas la même langue... Quand je te parle de code source, tu me parle d'extension... Et quand je suis sous Chrome tu me parle de Firefox.. Gstepper et Sunjohn, Une image vaut toujours mieux qu'un long discours. Ca donnera l'occasion à Sunjohn de voir à quoi peut bien ressembler un code source et faire la différence avec un plugin (qui, lui, réagi au contenu du code source) : [url]http://picasaweb.google.fr/lh/photo/LOyqHQ-Xxv8H9Nfvk0_5mg?feat=directlink[/url] Gstepper seul, Peu importe que l'on utilise Safari ou pas, là n'est pas ce dont je parle. Ce dont je parle c'est de l'utilisation de Flash dans une "unbelievable" démo HTML5 émanant de la société qui crache à la face de Flash. Edit pour Gstepper, Comment se fait-il que j'ai pu voir le code de la partie développeur alors que je n'ai pas accès à la partie grand public? C'est une très bonne question à laquelle je te répondrais : en accédant à la partie développeur, et non pas à la partie grand public... Je sais pas si c'est clair.. Je commence à avoir des doutes.
avatar GStepper | 
@ makidoko Sauf que le code que tu donnes est [b]INTROUVABLE[/b] (pas une seule ligne se référant même de loin à un quelconque plug-in Adobe [i]site développeur inclus[/i] !)sur les pages de démo HTML5 d'Apple ! Conclusion ? De plus, je note que tu ne veux pas répondre à la simple question "Comment as tu trouvé ce code sans avoir accès aux pages que tu incrimines ?" :)
avatar makidoko | 
Gstepper, c'est pas que tu es fatiguant, mais plutôt épuisant. La conclusion se trouve dans la capture d'écran que je me suis fait déféquer à vous pondre : code in situ et dénonciation visuelle d'un module Flash par FlashBlock. Je peux pas mieux faire. Dernière précision, il est chargé au clic sur le bouton Play. Donc n'analyse pas la page en attente d'interaction, mais la page active. Et c'est vraiment la dernière précision, parce que comme je disais, quand ça veut pas, ça veut pas, donc il y a un moment où il faut savoir lâcher le morceau.
avatar Anonyme (non vérifié) | 
makidoko : tu ne devrais pas pouvoir accéder à la page, de toute façon. si tu changes l'user-agent ne t'attend pas à ce que ça fonctionne normalement. Ensuite ce que tu montres fait aussi référence à shockwave et silverlight, c'est minifié, bref ça vient d'une bibliothèque générique, je ne sais pas laquelle. je ne vois aucun fichier minifié dans la liste des ressources téléchargées par Safari. au lieu de rester bloqué sur "je n'utilise pas Safari", tu devrais faire le test et installer clickToFlash, tu verras ça fonctionne très bien. PS / je viens d'installer FlashBlock pour Chrome, je suis allé directement sur http://developer.apple.com/safaridemos/showcase/audio/ ... et ça marche, et je n'ai pas l'icone de FlashBlock.
avatar makidoko | 
Sunjohn, Tu es très gentil. Merci de tes magnifiques conseils. Ce que tu n'as pas saisi, c'est que ça marche très bien, même sans Safari, même avec FlashBlock, il suffit de cliquer dessus. Et une dernière fois, mon problème ce n'est pas de bénéficier ou non de leur démos banales (j'ai vu beaucoup mieux déjà) mais juste de pointer l'utilisation de Flash dans leur code.. Qu'importe le qui du pourquoi du comment, ils ont utilisé Flash et que sans Flash cette démo là ne fonctionne pas. Point Barre. Maintenant je vous souhaite bon après midi, je vais soutenir Soderling qui est à deux doigts de perdre sa demi finale. (et stp Sunjohn, arrête de me parler de choses dont je n'ai pas parlé, genre le user agent et autres)
avatar mediapress (non vérifié) | 
@ GStepper : [b]"inadapté en production" - Il me semble pourtant ( à vérifier cependant) qu'Apple (entre autre) n'utilise pas de Flash sur ses sites en production...[/b] [i]Et il faudra Safari pour en profiter, les autres navigateurs, Firefox comme Chrome, sont exclus.[/i] je crois que l'article parle de lui-même...
avatar Anonyme (non vérifié) | 
Ast2001 [quote]c'est un mec d'Opera donc il est normal qu'il ne milite pas pour H.264[/quote] il n'y a cependant rien à critiquer pour une demo de HTML5 [quote]Il fait surtout remarquer que ces exemples ne démontrent pas grand chose des possibilités de HTML5 car ils se limitent presque aux balises audio et video.[/quote] il y a un lien "Learn More" qui montre aussi Canvas, les nouveaux champs de formulaire d'HTML5. Et des choses de javascript comme localStorage, etc, qui même s'ils ne sont pas du HTML mais du JS, font partie de la norme HTML5. De toute façon il n'y a pas grand chose à montrer si on se limite à du pur HTML. Je ne parierais pas trop sur l'évolution de ces exemples : je ne pense pas qu'Apple va réencoder en Ogg et en Vorbis ses contenus, je ne suis même pas certain du support des css-transforms 3D par Opera, et puis ça serait du code spécifique pour Firefox et Opera, et à quoi ça rimerait puisque de toute façon IE ne pourra pas afficher les démos ? Bref, le type d'Opera voudrait qu'Apple fasse une démo en utilisant les extensions spécifiques d'Opera, et se plaint qu'Apple utilise des extensions de webkit. Ou bien il voudrait qu'il n'y ait pas de démo du tout, comme ça il n'y aurait aucune référence à quoique ce soit de spécifique. Ou bien il cherche juste à faire passer Apple pour une vilaine société qui veut rendre le web propriétaire, ce qui est très à la mode.
avatar GStepper | 
@ makidoko Peu m'importe que tu trouves épuisant le fait que je vérifie tes affirmations. Affirmation: On peut trouver ce code: [quote]object[codetype="application/x-shockwave-flash"],embed[type="application/x-shockwave-flash"],embed[src*=".swf"][/quote] dans la page de démonstration audio HTML5 Apple. C'est faux, tout simplement. Tu es d'ailleurs bien incapable de trouver ce code dans les sources de la page en question, et pour cause... Là encore, je viens de désinstaller complètement Flash et je n'ai aucun problème pour profiter de TOUTES les démonstrations HTML5 Apple (toujours sous Windows 7 + Safari). Comme je te l'ai dit, c'est plus le sens de ta démarche (affirmations péremptoires dans le but de répandre du FUD) qui m'intéresse... Tu voudrais me poster les sources de la page qu'on rigole un peu ? :)
avatar Anonyme (non vérifié) | 
makidoko : [quote]Qu'importe le qui du pourquoi du comment, ils ont utilisé Flash et que sans Flash cette démo là ne fonctionne pas. Point Barre.[/quote] Comme tu n'est pas foutu de nous dire dans quel fichier se trouve ce code, que ça n'est pas reproductible et que tu as visiblement trouvé cette "info" ailleurs et que tu ne nous donne pas ta source, que ça fonctionne avec Safari avec ClickToFlash et Chrome avec FlashBlock, je suis d'accord avec toi : point barre.
avatar J-Mac | 
@Makidoko J'ai QuickToFlash d'installé et aucune demande concernant une quelconque application Flash. Dis-moi, tu es sous Mac, ou comme la plupart d'ici c'est juste pour faire le troll de compétition?
avatar davitron | 
Et blablabla et blablabla! Ce qui est fou c'est comment, systématiquement, à partir d'un sujet intéressant, on parte dans des parties de pingpong sans intérêt parce que certains ne veulent pas comprendre que c'est une démo *pour* Safari ou qui pinaillent sur la présence ou non de Flash dans les pages d'Apple. Y a plein de truc intéressant à dire, pour peu qu'on ne se sente pas obligé d'être pour ou contre un camp. C'est effectivement probablement un excès de testostérone qui provoque cette aggressivité permanente... Je reviens sur mon précédent commentaire: et le vectoriel ? Ce serait bien de savoir ce qu'on peut faire aujourd'hui dans une démo Safari ou Chrome et ce que peut permettre la norme HTML5. Bref, ça serait bien de commenter ce que peut faire HTML5 et ce qu'il pourrait faire en améliorant la norme. Là, on parle des possibilités de HTML5, tel qu'aujourd'hui Apple l'implémente dans Safari. Ni plus, ni moins. Ya déjà suffisamment de choses intéressantes à dire là dessus, non ? Ce qu'ils veulent lancer un autre sujet, ben... il suffit qu'ils ouvrent leur fil dans le forum, plutôt que de polluer les news.
avatar Anonyme (non vérifié) | 
GStepper : le plus drôle c'est que le code en question a l'air d'être celui de l'extension Flashblock. Regarde la fin : ça ajoute un display none à tous les plug-ins en question. ah ah ah !
avatar GStepper | 
@ sunjohn En effet ! Mais à part ça nous sommes une "bande de clowns..." Arff heureusement c'est bientot le WE. ;) GStepper
avatar Macmmouth | 
[quote=Showmehowtolive]Ca marche avec Chrome. Rien de fabuleux cela dit. Ça fait préhistorique par rapport à Flash.[/quote] C'est exactement mon sentiment. Ca fait vraiment laborieux et pas fun du tout. Et la galère que ça doit être à faire marcher sur des navigateurs différents. Tout le contraire de flash quoi. C'est totalement ingérable. Un boulot monstrueux pour vraiment que dalle comme résultat.
avatar sebastiano | 
Va falloir que certains comprennent que la technologie n'en est qu'à ses balbutiements. Et que des normes apparaitront certainement à l'avenir. Mais bon, quand on est d'une mauvaise foi comme Macmmouth ...
avatar Macmmouth | 
@sebastiano Ben oui, c'est une grande idée d'abandonner flash dès 2007 pour le html5 qui,avec un peu de chance, commencera à moins balbutier en 2012. Et encore.. 5 ans sans aucune solution de rechange, bien joué Apple.
avatar sebastiano | 
@Macmmouth : c'est un choix d'Apple. Et Apple laisse le choix (d'aller voir ailleurs). Quand bien même, le débat n'est pas là. Il s'agit juste d'une démo sur le HTML5. Et +1 avec davitron. P.S.: attention quand tu manipules les dates, 2 ans c'est très loin, l'informatique évolue très très vite.
avatar M-Rick | 
@ Macmmouth [04/06/2010 09:07] "Malheureusement, je crois que ClickToFlash va encore rester sur ma machine quelque temps. Avec Smokescreen ça ne servira plus à rien. Les pubs flash seront converties en JavaScript + HTML5. On dit merci à Apple..." Avec OmniWeb je bloque les sites de provenance de la pub, Flash, Htmls 5 Javascript, Gif ou autre je m'en fout je ne les vois pas. Et comme je veux, y'a pas de white liste ou autre, à chaque fois q'une pub vient m'ennuyer, je récupère son adresse et ala rajoute, en fait je peux bloquer n'importe quel site, pas que les pubs. Maintenant, je n'ai pratiquement plus un seul site qui s'affiche avec de la pub, car c'est le domaine complet que je bloque et comme ce sont presque toujours les mêmes, doubleclick.net, smartadserver.com ....... On peut le faire avec LittleSnitch aussi et la ça fonctionnera avec tous les softs, où juste ceux sur lesquels on veut que ça fonctionne, entre autre Safari ...
avatar sekhmet | 
pour en revenir au sujet : très belles démo. Ceux qui râlent comprennent pas que si l'industrie soutient ce standard dans moins d'un an, on aura un HTML5 studio par Adobe qui permettra de tout faire sans savoir programmer. Et bien sûr que tous les navigateurs seront compatibles. enfin sauf IE qui aura toujours un machin qui marchera pas juste pour emerder le monde...
avatar mediapress (non vérifié) | 
@ sekhmet : et en attendant ? c'est bien de dire dans un an, mais si tu dis ça à un client, il va te prendre pour un fou !!!
avatar makidoko | 
Sunjohn et Gstepper, Concernant les sources, je ne peux plus rien pour vous. Relisez les posts, toutes les sources y sont. Pour ce qui est de la reproductibilité, toutes les infos sur la démarche y sont aussi. Sunjohn, Encore une fois, parle moi des choses dont je parle. Pas de celles dont je ne parle pas. Où as-tu vu que j'étais allé chercher des infos je ne sais où. Tout n'est que retour d'expérience. Et c'est pas parce que j'ai mis du texte en anglais dans ma capture d'écran qu'elle vient d'ailleurs (si c'est bien ce que tu suppose, sinon je ne vois pas de quoi tu parle). C'est bien la mienne, et avec un minimum de sens de l'observation tu y reconnaîtra facilement mon humour et mon cynisme de foire qui fonctionnent dans toutes les langues. Et quoiqu'il en soit, FLashblock se déclenche quand un contenu Flash est présent. A moins qu'ils aient prévu un hack spécial pour les démos sonores de Apple.. On ne sait jamais, le monde est tellement pervers. Au delà de ce message, je ne peux plus rien pour vous. Relisez. Bon sinon, Soderling se retrouve en finale, c'est le principal.
avatar GStepper | 
@ makidoko Aller c'est pas grave... Oui y'a du Flash dans le code, qui n'a pas besoin de Flash (Flash désinstallé ici)... Y'a aussi du Silverlight (cf: ta capture d'écran)qui n'a pas besoin de Silverlight (je ne l'ai jamais installé) et la marmotte.... ;)
avatar Anonyme (non vérifié) | 
[quote=davitron]Je reviens sur mon précédent commentaire: et le vectoriel ?[/quote] Ben le vectoriel n'a rien à voir avec HTML5, on le traite déjà très bien avec du SVG dans du HTML4 ou du XHTML. [url=http://test.tanpopo.fr/carte/]Un petit exemple interactif[/url] (seuls les 6 départements en haut de la carte sont renseignés)
avatar makidoko | 
Non, je te confirme ça n'est pas grave, et ça je le savais déjà. Comme je le dis, l'important c'est que Soderling soit en final pour fracasser Nadal (on peut rêver, donc je rêve...) Mais il est néanmoins important de se comprendre et de ne pas se voir mis en doute lorsque l'on fourni tous les éléments utiles. C'est aussi exaspérant qu'un môme qui soutient mordicus que ça n'est pas lui alors qu'il a les mains et les babines encore pleines de confiture... On a envie de l'abandonner à la DDASS.
avatar GStepper | 
@ makidoko Quelles que soient les URLs (grand public ou dev) il n'y aucune trace de Flash, de Silverlight, de .cab (tout cela vient de ta capture)... Et le tout fonctionne sous Safari sans aucun plug-in Flash ! D''ailleurs tous les utilisateurs iPhone OS mentent quand ils disent que cela fonctionne sur leur machine... Tout ce que tu voudras, pas de problème ! :)
avatar davitron | 
[quote=tanpopo]Ben le vectoriel n'a rien à voir avec HTML5, on le traite déjà très bien avec du SVG dans du HTML4 ou du XHTML.[/quote] Mais si ça a à voir avec le HTML5 puisque c'est seulement avec le HTML5 que l'on peut manipuler (et donc animer) du SVG. D'ailleurs la première phrase du lien que tu as gentiment indiqué dit: [quote] Since SVG is now allowed in HTML via HTML5... [/quote] Je faisais déjà référence à SVG (voir commentaire plus haut) pour la gestion du vectoriel en HTML5. Donc le langage HTML5 ~= HTML + CSS + javascript. Il est accompagné de SVG et de deux trois autres trucs (WebGL, l'api pour la 3D, adoptée récemment par Google). J'aimerais donc bien voir une démo d'Apple de HTML5 + SVG qui montre une truc vectoriel comme Flash sait le fait depuis sa version 1... J'avais vu deux trois démos, mais c'était pas très performants... Ya encore pas mal de boulot au niveau des perfs... J'ai trouvé deux trois liens intéressants: - La présentation de HTML pas mal présenté (en HTML5): [url]http://apirocks.com/html5/html5.html[/url] - Une petite démo HTML5. [url]http://9elements.com/io/projects/html5/canvas/[/url] - Des démos SVG: [url]http://svg-wow.org/[/url] Enjoy ! Enjoy !
avatar Anonyme (non vérifié) | 
J'ai du mal à comprendre. Pour animer un SVG on utilise des fonctions SVG et pas typiquement HTML5. Après il on peut les commander avec du Javascript, un autre exemple utilisant Jquery : [url]http://keith-wood.name/svg.html#anim[/url] Et rien à voir avec HTML5 puisque fonctionnant avec IE6 + Adobe SVG viewer.
avatar Anonyme (non vérifié) | 
makidoko : t'es vraiment idiot. le code que tu as montré était celui de flashblock, tiens la preuve : http://code.google.com/p/chrome-flashblock/source/browse/trunk/flashblock/flashblock.js?r=2 ton plugin anti-flash contient des références à flash, quelle surprise ! apprend à utiliser le web inspector, regarde la liste des ressources : tu n'y trouveras pas un swf, même aorès avoir cliqué sur l'icône de ta version bugguée. débutant et arrogant, tsss...
avatar GStepper | 
@ sunjohn C'est marrant, j'ai comme l'impression que makidoko ne va plus réagir... ;)
avatar davitron | 
[quote=tanpopo]Et rien à voir avec HTML5 puisque fonctionnant avec IE6 + Adobe SVG viewer.[/quote] Je suis pas un spécialiste de la question. Je peux me tromper. Mais ce que j'en ai compris, c'est que des viewers SVG existent depuis longtemps. SVG comprend lui-meme des fonctions d'animation. Mais HTML5 permet une meilleur intégration de SVG dans le corps d'une page, avec un système de couche. Voilà, si un spécialiste est dans la salle, il est le bienvenu. En tout cas, HTML5 a deux façon de faire des animations: Canvas en mode pixel et SVG en mode vectoriel. Canvas est pas mal optimisé sur Safari et Chrome grâce aux travaux d'Apple dans Webkit qui l'utilise depuis pas mal de temps. SVG a l'air à la traîne. Tant que cette partie vectorielle ne progresse pas, Flash sera encore indispensable pour pas mal de type d'application. Mais en fait, peut-être que SVG ne parviendra jamais à maturité et sera directement supplanté par WebML orienté 3D... A suivre...
avatar revol | 
Haaa Apple et l'art du mensonge. HTML5 fonctionne très bien avec d'autres navigateurs, dont 70% sont supérieurs à cette bouse qu'est Safari...
avatar Anonyme (non vérifié) | 
retah > [quote]HTML5 fonctionne très bien avec d'autres navigateurs, dont 70% sont supérieurs à cette bouse qu'est Safari...[/quote] ouais ouais, c'est ça
avatar momo-fr | 
Très joli tout ça… mais ça reste visible par Safari et seulement lui… donc anecdotique. Pour moi qui fait du webdesign c'est plus que frustrant. :-(
avatar Guimoov | 
C'est vrai que ça à l'air léger et, ça a de la gueule !
avatar parafsuo54000 | 
Il y a eu un petit bug dans les demos de transitions, juste un coup de cmd+R est roule Gilbert. Il y a de quoi limiter l'utilisation de flash dans 80% des cas!!! Quelqu'un a testé avec Chrome?
avatar parafsuo54000 | 
heu j'ai rien dis! j'ai pas tout lu!
avatar youpla77 | 
Très sympa mais pourquoi ca n'est visible que sous safari ? Ca veut dire qu'il y a html5 safari et html 5 pour les autres ? Super, avec un "standard", on arrive quand même à faire du proprio ;)
avatar Arkael | 
Je n'ai pas tout compris, HTML5 ne marche que via Safari??
avatar jerome74 | 
Totalement ridicule: promouvoir un "standard" qui ne fonctionne que sur Safari... C'est même pire que ridicule! (je ne critique pas HTML 5 en soi bien sûr)
avatar Frodon | 
Non, ça marche aussi sur d'autres navigateurs, mais Apple essai juste de faire d'une Pierre deux coups et incite au téléchargement de Safari, ca fait pas de mal :)
avatar youpla77 | 
@ parafsuo54000 : avec flash, ce serait lisible par tous les navigateurs ;)
avatar iDuck | 
Géant !
avatar abonsard@gmail.com | 
html5 n'est pas un seulement interprété par Safari mais aussi par chrome(webkit) et se precise dans firefox au fil des versions. Seul IE est a la traine. De plus en plus de blogs en font la promotion et proposent des tutos pour utiliser au mieux html5 + css3.
avatar Fat Boss Slim | 
Commencez pas à râler ! Il se trouve que Safari est déjà prêt pour le HTML5 et Apple le fait savoir, c'est tout. Et oui HTML5 et CSS3 sont des standards (à venir). Flash, non.

Pages

CONNEXION UTILISATEUR