Apple acaba de inaugurar una nueva sección donde predica las bondades del HTML5 no ya a través de palabras, sino de 14 ejemplos prácticos realmente espectaculares para quien no esté familiarizado con lo que será el futuro de la web. Vídeo, tipografías, galerías y transiciones, manipulación de imágenes y hasta una versión online de iCal son algunos de los más interesantes.
Curiosamente, si intentamos ver los ejemplos mediante la página principal de esta sección utilizando cualquier navegador que no sea Safari nos encontramos con un mensaje que nos impide continuar invitándonos a descargar la última versión del navegador de Apple. Y digo curioso por que como recordaréis, en nuestro análisis descubrimos que de momento el navegador mejor dotado en lo que a HTML5 se refiere no es Safari sino Chrome. Afortunadamente, esta restricción desaparece una vez accedemos a la colección completa de ejemplos, cargada de información técnica y códigos fuente con los que ayudar a los desarrolladores a integrar esta tecnología en sus propios sitios.
Otro aspecto interesante es que la sección también agrupa (o reubica) dos páginas ya conocidas: la controvertida carta de Steve Jobs en la que habla acerca de Flash, y el listado de algunas de las principales webs compatibles con iPad gracias a su soporte de HTML5, CSS3 y JavaScript. Parece que la compañía de Cupertino está decidida a poner toda la carne en el asador para acelerar al máximo la transición a la quinta versión del lenguaje básico de la World Wide Web.
Vía | Daring Fireball
Más información | Apple HTML5
Ver 66 comentarios
66 comentarios
Gatobus
Es flipante. Hasta para la cosa más tonta (mostrar una galería de webs en html5) te obligan a pasar por su aro.
sioux
Yo he probado todos los contenidos desde un iPad y funciona todo perfecto, carga sin problemas y no he tenido ningún problema con el video ni sus capas, si es cierto que he dejado que se cargara el buff un poco. La vista en 360 de la store muy bien lograda lo mismo que con el iPod touch. Espero con impaciencia que mas webs se suban al carro del html5
Daniel G.G.
Si quieren demostrarnos que html5 es mejor, no se porqué de primeras restringen el acceso para verlo solo con Safari...
J.Navarro
Así, es como se consigue que la gente se fije en HTML5 y no criticando a Flash. Había visto cosas espectaculares antes. Pero la galerías, transiciones y VR, de esta página de Apple, me han alucinado. Eso si, en el aspecto del video y audio, les hace falta todavía, conseguir un navegador, que te permita moverte por estos, algo muy usado ¿Quien no ha avanzado nunca un video o un track de música, pinchando en la linea de tiempo?
DonkeyG5
Cómo se ve la web en Firefox:
Typograpy. Las fuentes y otros efectos no cargan.
Gallery. Solo se ve la imagen actual. No hay transiciones, aunque se puede pasar de imagen.
Video. No funciona. Dice que ¿necesito QuickTime?
VR. No, tampoco funciona.
360º. Cuando inento arrastrar me "llevo" la imagen.
Esta web hace un uso del HTML5, CSS3 y demás que por lo visto solo Safari soporta. Lo que no funcione el vídeo supongo que además estará motivado por el hecho de que Firefox no soporte h.264.
ObSfR
Yo estoy usando el Chrome, y excepto el video effects, vr y el movie trailers que no carga los vídeos el resto de ellos tanto el de 360º, typography, gallery, etc me están funcionando perfectamente.
Pero yo le hice click a "learn more" yendo a parar a la lista completa de las funcionalidades y ahí si que no me salta la ventana diciendo que necesito safari para poder ver los demos.
http://developer.apple.com/safaridemos/
25003
Probado con el iPad y funciona, aunque el video no me va del todo bien con el efecto 3D y la capa...
jorl
A mi me van de lujo en Safari(Mac).
Estos ejemplos han ocupado el espacio de la "crítica" a flash en la página principal de Apple y creo que esta es la mejor forma para dar ejemplo y mostrar las bondades de HTML5.
Realmente se pueden hacer cosas alucinantes.
En el demo del vídeo la cpu no llegaba al 12-13% usando el efecto 3D y con un simple video de youtube en flash se me pone que echa humo.
Muy bien por Apple... ya solo falta que saquen una herramienta para esto y a tirar millas.
Renato
En crhome para windows funciona perfectamente.
Renato
Para algunos que decían que el motivo de no aceptar a flash en los dispositivos de apple es que este seria un gran problema para la appstore. (no digo ni que si, ni que no)
Pero el juego de damas, funciona de PM en el iphone :)
DonkeyG5
Ni en Internet Explorer 8 ni en Internet Explorer Platform Preview 1.9.7766.6000 funcionan los ejemplos.
creatik
Pues a mi con un G5 y un safari actualizado, me deja ver todo perfectamente excepto el VR, que me sala un mensaje diciendo que necesito safari ?¿
cateye
En chrome mac no funciona el video, gallery, transitions, 360º, y VR. Quiza porque la version Mac va un poco por detras. Si quereis probarlo ejecutad desde consola
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome -user-agent="Mozilla/5.0(iPad; U; CPU iPhone OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gec) Version/4.0.4 Mobile/7B314 Safari/531.21.10"
Algunas demos usan TouchEvent para arrastrar en touchscreens. En Chrome no casca pero no recibe TouchEvent. Están implementados pero solo los reciben si los envias desde el shell de pruebas de Chrome. No sé que otras características fallan o porque.
El soporte de HTML5 en los distintos navegadores y sistemas operativos puede verse aqui: http://www.findmebyip.com/litmus Safari, Chrome, y Opera van a la par, con ligeras diferencias.
Jose Cruz
Está muy bueno, esto dará ejemplo a Programadores/Desarroyadores, aseguro que más de uno con esta pequeña pero gran demostración se pasarán a HTML5 o aprenderán HTML5
Refresco Fanta
Lo que pasa es aquí la mayoría del a gente confunde el concepto de Abierto con Libre
marko97
yo he quedado enamorado con los ejemplos que pone apple en su pagina, los ventiladores del mac ni cuenta.. con flash otro cantar. ahora veo la verdadera importancia de HTML5.
rafeljesus
pues a mi los videos me continúan utilizando la cpu a tuti pleni de mi G5, a parte que los visualizo con safari i el Vr no puedo ver nada me pide no se que java o similar, saludos.
cuau_cg
yo no tenia idea porque tanto alboroto con el HTML5, verdaderamente es una buena herramienta, por lo menos en mi caso todo me sorprendió, se ve muy bien y encima carga rapídisimo.
jau4ever
Existe algún software especializado para diseñar webs para iPad ? o al menos un template tipo una revista que vas pasando hojas en HTML5 ?? porque mi web esta hecha casi un 80% en flash y me gustaría hacer una versión para iPad !!! Porque ahora con iPad mi web no rula nadaaaa .. :-( : http://www.icecreamfactory.es
fakiebio
Muy bien ahí, obligando a la gente a descargarse la basura de Safari, pues no le pega vueltas el Opera o Chrome.
Conocerá la diferencia Apple entre libertad y libertinaje? Todo para el pueblo pero sin el pueblo.
Lo único que consigue Apple con estos gestos es diferenciar aún más quién está a favor y quién en contra.
maiky
HTML5 consume más recursos en la reproducción de video que Flash en muchos casos, solo tenéis que mirar las comparativas de rendimiento que hay por la web para que veáis que no es oro todo lo que reluce. Por cierto, a mi los ejemplos de Apple me han disparado la CPU. Alguna comparativa como estas http://www.streaminglearningcenter.com/articles/flash-player-cpu-hog-or-hot-tamale-it-depends-.html
maiky
HTML5 consume más recursos en la reproducción de video que Flash en muchos casos, solo tenéis que mirar las comparativas de rendimiento que hay por la web para que veáis que no es oro todo lo que reluce. Por cierto, a mi los ejemplos de Apple me han disparado la CPU. Alguna comparativa como estas http://www.streaminglearningcenter.com/articles/flash-player-cpu-hog-or-hot-tamale-it-depends-.html
JmWhan
La verdad, se vea solo en safari no me gusta... quizás lo hagan para que los usuarios se descarguen más el navegador safari. No se...
Eusebio
Más que a navegadores de escritorio, me da en la nariz que estas demos están más enfocadas al iPad y su polémica con el soporte de Flash.
¿Alguién con iPad puede confirmar que estas demos funcionan?
En el iPhone he probado algunas (no he tenido tiempo de probar todas) y van de fábula.
24993
Contactar con Apple: http://www.apple.com/contact/feedback.html
Page or URL:http://www.apple.com/html5/
Comments: "You’ll need to download Safari to view this demo. This demo was designed with the latest web standards supported by Safari. If you’d like to experience this demo, simply download Safari. It’s free for Mac and PC, and it only takes a few minutes.
Safari For Mac + PC Download Safari"
HTML5 don't only work on Safari, also on Google Chrome or Opera, it's stupid that you don't give the posibility to see your demo's on others capable browsers.