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
Comentarios
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?
Sí se puede. No hay un ejemplo de esto pero en esta página dice que sí: https://developer.apple.com/technologies/safari/html5-css3.html
Si quieren demostrarnos que html5 es mejor, no se porqué de primeras restringen el acceso para verlo solo con Safari...
interesante
Exacto. Toma defensa de los estándares XD
Supongo que será por que la web no funciona en cualquier navegador.
(Si alguien se pregunta como lo he hecho la respuesta es sencilla: cambiando el user-agent).
Donde esta el tribunal de la competéncia ahora??? Jejeje.
No lo hacen porque en otros navegadores no funcione ( Chrome es mejor en el apartado de HTML 5)
Lo hacen para que te descargues su navegador.
¿Y qué querías..? que lo presentaran en IE 8, Crome u Opera? un poco ingenuo de tu parte
¿Mejor en que? si usa el mismo motor de Safari, el webkit de Apple.
-- editado por última vez a las 22:26
Ingenuo no, sentido de la etica y de la coherencia.
Webkit es el nombre de dos cosas por una parte como bien comentas del framework del navegador Safari y por otra parte (la que usa Chrome) es un proyecto opensource http://webkit.org/ no los confundamos.
Webkit de Apple?
lol wut?
Lo mismo porque algunos de ellos, sólo se vean en Safari. Pensando bien, claro.
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.
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...
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.
-- editado por última vez a las 10:10
En Chrome va perfecto. No es cosa de Apple o Safari, es que el soporte de HTML5 en Firefox aún tiene mucho trabajo por delante.
Porque seguramente estén usando propiedades propuestas en los estándares pero aún no estándar, como por ejemplo -webkit-blahblah para hacer el efecto 3D y eso no lo interpreta ningún navegador que no sea webkit.
Si se pusiera un -moz-blahblah veríamos como sí funcionaría en Firefox y no en Safari.
Lo dicho, si hubieran duplicado atributos CSS3 con -webkit- y -moz- es bastante seguro que funcionara en Firefox también (excepto el vídeo privativo, claro).
Lo demás, está casi todo implementado en Firefox (salvo vídeo, como digo, y las fuentes SVG que no se van a implementar).
Un saludo
El soporte de HTML5 en Firefox en cosas importantes está a la par que en otros navegadores, y es más, es el único que por el momento tiene un parseador de HTML5 exclusivo.
Si veis la puntuación de Firefox 3.6 en http://html5test.com/ y la de Chrome, sí, hay mucha diferencia de puntuación, básicamente en:
1-Nuevas secciones de HTML5 como section, nav, article… porque no exponen los elementos DOM pero sí se parsean. 2-Formularios (y los nuevos formularios enriquecidos, con inputs para fecha, hora, email… atributos) que en Firefox 3.6 no están desarrollados pero que en la versión de desarrollo están ya la mayoría o en proceso de incluirse.
Básicamente es eso ;) No se acaba el mundo en Safari.
Lo más importante es que no soporta vídeos en html5. Por eso tengo que cambiar a Safari cada vez que me sale ese mensajito en Youtube.
Cuál, ¿Firefox no soporta video en HTML5? ¿Es eso lo que me quieres decir?
Y por que en el navegador más usado hay problemas para cargar html5? facil, porque no lo utiliza ni dios y porque a dia de hoy salvo a cuatro no le interesa a nadie. Y dejemonos ya de tonterias,lo que cuenta es el ahora, lo facil, lo práctico, lo funcional y lo accesible y eso hoy en dia es flash, no este engendro.
En crhome para windows funciona perfectamente.
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/
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.
En Firefox no carga ningún ejemplo. En Chrome funcionan la mayoría pero algunos no. No todos soportan en mismo grado HTML5 y h.264 y por eso Apple te "obliga" a usar el único navegador que va a cargar bien todos los ejemplos.
A mi me parece bastante lógico.
interesante
Obligar, obligar, porque siempre Apple tiene en la boca la palabra obligar, y luego dicen que están por la libertad en la red. Yo tambien puedo poner ejemplos de HTML5 que Safari no procesa precisamente bien.
-- editado por última vez a las 10:55
A ver, no se si has visto, pero esta web esta en un principio destinada a los desarrolladores, mas en especial, los desarrolladores de apple, así que no es tan raro que pidan su navegador, ademas, los no todos los navegadores son muy compatibles con html5.
btw, también funciona en chrome, excepto los videos.
Son ejemplos de hasta donde se puede llegar con HTML5. Si otros navegadores no pueden cargarlos no será culpa de Apple de la misma forma que si tú pones un ejemplo que Safari no puede cargar no será culpa tuya sino de Apple.
No es una obligación ver los ejemplos.
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 ?¿
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.
interesante
Es flipante. Hasta para la cosa más tonta (mostrar una galería de webs en html5) te obligan a pasar por su aro.
Algunos en este foro sois masocas, verdad? parece que entrais aqui a la fuerza para inflijiros sufrimiento y luego poder despotricar de apple. Os informo de que hay miles de foros en internet.
interesante
Ahora resulta que no se puede ser critico, cada uno comentara y dara su opinion donde quiera, vamos digo yo.
interesante
No me vengas con eso, si creo que applesfera publica una noticia y veo cosas que no me gustan o creo que estan mal estoy en mi perfecto derecho a opinarlo.
Si sólo podéis opinar los que os gusta todo de Apple pues que cierran la página y hacerlo un coto vedado de gente que sólo ve que Apple es perfecta.
Desde el momento que hay miles de foros y blogs en internet, yo tambien tengo el derecho a entrar en el que me de la gana, este por ejemplo, y opinar lo que me venga en gana mientras no falte al respeto a nadie.
sí a unos nos gusta el masoquismo, pero a otros lameros el trasero en comunidad. Prefiero criticar algo criticable que no verlo todo de color de rosa... mira que rápido han metido posts sobre esta noticia para dejarla bien abajo... es impresionante xD
Y yo te informo que existe la libertad de expresión y que los foros no estan únicamente para la gente que ve bien lo que se cuece dentro de él, sino que hagan una reglamentación donde quede claro que se deban aceptar ese tipo de condiciones y listo.
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 :)
Ni en Internet Explorer 8 ni en Internet Explorer Platform Preview 1.9.7766.6000 funcionan los ejemplos.
No sé si la culpa es del flash o de Apple, lo que se es que mi i7 con 8Gb de RAM, se peta al cargar unas cuantas web... Espero que pronto se acabe esta agonía.
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.
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.
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
Creo recordar que con CS5 puede exportar a HTML5. A lo mejor son sueños míos...
Se que el flash CS5 puede convertirlo la animación a HTML5 ... pero no lo he probado y no se si solo es para animación o también funcionan las acciones y botones ... no se ! Alguien sabe del tema ?
Hay una librería javascript que lee flash, crea SVG a partir de los gráficos y muestra ficheros flash. Puedes verlo aqui: http://smokescreen.us/
En Chrome/Safari en un Mac Pro van bien, pero en el iPad es lentísimo, 1 frame cada 2 segundos o así. Firefox también bastante lento.
En un dispositivo móvil no hay manera de reproducir Flash porque no hay aceleración hardware. Habrá que ver que tal va en los dispositivos Android de los próximos meses, se presume mucho de ello, pero hasta la fecha jamas se ha visto dispositivo móvil que reproduzca Flash decentemente.
y... por qué usas flash para ese tipo de webs??? me refiero... con html+css+js se podría conseguir lo mismo y quizá mejor ya que evitas que se vea a veces como... con 'bordes cortantes'
Entiendo que uses flash para webs espectaculares con efectos increibles, pero para esta?
PD: sin acritud, of course :D
con html+css+js no se puede hacer lo mismo que en flash, por mucho que lo repitáis todos al unísono no se convierte en verdad.
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.
A mi en el iPod touch no me va el video, directamente no aparece, es 2G y lo tengo actualizado, alguna idea? Gracias
1saludo
Todos os ponéis a chillar como si tuvierais que utilizar Safari para ver no los ejemplos, sino la web entera de Apple.
Es algo opcional, y lo único que hacéis es quejaros como si Apple estuviera en un enfermizo afán porque usemos Safari... por favor, si es el navegador con menos publicidad que he visto. En Windows, cuando instalas ciertos programas, te viene la molesta opción "deseas añadir Chrome a tu instalación?" SIN que lo pidas.
Y eso, como bien se sabe, es un negocio movido por Google, que desde que salío Chrome no han parado de metértelo hasta por los ojos. En YouTube, en su página de inicio, en instaladores, y en todas partes. Es por eso que va escalando tan rápido las gráficas. ESO es tratar de obligarte a usar un navegador, y no lo que está haciendo Apple, panda de quejicas.
Mezclas churras con merinas. Aqui lo que se critica es la incoherencia de promocionar el HTML5 y los estandares webs y sólo dejar ver los ejemplos, sobretodo en la página www.apple.com/html5 via Safari, eso es tendencioso y manipulador.
Porque el usuario de a pie que no sabe mucho del tema y puede haber oido del a guerra Flash Vs HTML 5 dirá a ver, vamos a ver esto, hostia solo se puede ver con safari, vamos a bajarnos el safari. Y este usuario estará engañado.
Más, Apple miente en el texo diciendo que los otros navegadores no pueden ver esos ejemplos.
Es una actitud restrera de Apple y se le ha visto el pluermo.
Y me da igual si Chrome está metido en todas las páginas de Google y toda la historia que cuentas.
A mi lo que me revienta es que Apple me explique medias verdades y últimamente se está abonando a esto, y la gran parte de la gente la sigue com si fuera la empresa de la verdad absoluta.
No sé si en Chrome para windows se vean bien TODOS los ejemplos, pero en Mac sólo funciona con Safari. Lo que si debe ser obligatorio es que los demás navegadores soporten HTML5, y hasta donde sé, no es culpa de Apple.
Amen hermano! Verdades como puños
Probado con el iPad y funciona, aunque el video no me va del todo bien con el efecto 3D y la capa...
Además, una vez que se para el video para seguir descargando no te deja iniciarlo.
El resto si funciona bien.
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.
interesante
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
yo tambien, todo desde el iPad a la perfección!
Pero como carajo no va a ir desde el ipad si el navegador que lleva es safari??? es que vamos...
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
Lo que pasa es aquí la mayoría del a gente confunde el concepto de Abierto con Libre
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.
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
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
Escribir un comentario
Para hacer un comentario es necesario que te identifiques: ENTRA o conéctate con FacebookConnect