Vídeos HTML5 adaptables

HTML5 incorpora una nueva etiqueta, <video>, que se supone que va a resolver los problemas que existían en el pasado con los reproductores de vídeos basados en Adobe Flash.

El artículo Responsive HTML5 video explica cómo aprovechar las técnicas del diseño adaptable (responsive design) para, por ejemplo, ofrecer vídeos con diferentes códecs y, por tanto, diferentes niveles de calidad, a diferentes tipos de dispositivos.

Emplear o no emplear HTML5 ya

En el artículo Forrester report urges HTML5 adoption, says most browsers can support it nos cuentan que una empresa ha realizado un estudio en el que concluye que el 75% de los usuarios en Estados Unidos y el 83% de los usuarios en Europa utiliza un navegador web que soporta una gran parte de las nuevas características de HTML5. Por ello, esta compañía anima a la adopción y al uso de esas nuevas características.

Además, existe la posibilidad de utilizar librerías como Modernizr para solventar los problemas de compatibilidad con navegadores antiguos.

Mi consejo es que utilices ya aquellas características que no plantean ningún problema (por ejemplo, utilizar las nuevas propiedades de esquinas redondeadas o sombras de CSS3) y que para aquellas que puedan suponer un “cambio traumático” te fijes en los registros de acceso a tus sitios web para comprobar qué versiones de navegador emplean tus usuarios.

Otro punto de vista sobre la separación de HTML5

Hace unos días escribí sobre la separación de los dos grupos que desarrollan HTML5 en la actualidad: HTML5: problema gordo en el horizonte.

Ahora en la entrevista W3C’s Ian Jacobs on the future of HTML5 podemos leer una entrevista que le han hecho a Ian Jacobs, director de Márketing y Comunicaciones del W3C.

En la entrevista se confirma que 2014 es la fecha esperada para la publicación definitiva de HTML5 como recomendación. Para ello, parece que Adobe, Google y Microsoft han inyectado dinero en el W3C para contratar más personal y lograr el objetivo del año 2014.

HTML5: problema gordo en el horizonte

La historia de HTML5 es muy, muy interesante y demuestra que, hasta los que más saben, muchas veces meten la pata, aunque sea con buenas intenciones. Un día de estos haré un vídeo y la contaré. En realidad, contaré la historia de HTML5 que cualquiera puede conocer navegando un poco por Internet.

Acabo de leer el artículo Which HTML5? WHATWG and W3C Split, que nos trae muy malas noticias: parece que el WHATWG (Web Hypertext Application Technology Working Group) y el W3C se separan.

¿Cuál es el problema? Ambos grupos han estado trabajando durante los últimos cinco años en el desarrollo de HTML5. Que se separen puede ser el inicio de una bifurcación en su desarrollo futuro y que acabemos teniendo dos versiones (o más) del lenguaje HTML.

Malo, muy malo. Pero hay una esperanza. Según el artículo W3C and WHATWG finalize split on HTML5 spec, forking ‘unlikely’, parece bastante improbable que se vaya a producir la bifurcación en el desarrollo, y, aunque se produjese, tampoco debería ser dañina. ¿Quién tendrá razón?

8 razones para empezar a trabajar con HTML5 ya

HTML5 no alcanzará la categoría de recomendación hasta el año 2014 (W3C: HTML5 Will Be Finished in 2014), pero eso no significa que no podamos utilizar muchas de sus nuevas características ya. Eso sí, con mucho cuidado, teniendo en cuenta que muchos usuarios siguen utilizando navegadores antiguos o muy antiguos (¿todavía hay alguien ahí fuera con Internet Explorer 6?).

En el artículo 8 Reasons to Gear Up For HTML5 Now nos dan 8 razones para empezar a trabajar con HTML5 ya:

  1. Integración de vídeo y audio.
  2. Semántica.
  3. Web Accessibility Initiative – Accessible Rich Internet Applications (WAI-ARIA).
  4. WebSockets.
  5. Web Storage.
  6. Geolocation API.
  7. Código más limpio.
  8. Mayor interactividad.

Si estás interesado en empezar a aprender HTML5 y CSS3, quizás te pueda interesar mi curso Nuevos estándares en el desarrollo de sitios web: HTML5 y CSS3.

Consulta de un arquitecto que hace páginas web

Hoy he recibido este correo electrónico:

Buenos dias Sergio,
He visto tu interesante video sobre HTML5 y tengo algunas dudas. Yo soy arquitecto (también de la UA) acabé hace un año y me estoy dedicando al mundo del webdesign. Ya he realizado una web en Francia (dirección eliminada) con los programas Flash y Dreamweaver que aprendí de manera rudimentaria. Ahora me estoy implicando en un proyecto más importante y necesito saber usar el nuevo lenguaje html5 que es más compatible. Mi pregunta es: Se pueden crear HTML5 con Dreamweaver? Puedo exportar animaciones flash a html5? Cual es el mejor programa para la edición de html5??
Espero que puedas guiarme un poco, te lo agradecería.
Muchas gracias

No me importa contestar las dudas de la gente, y no me importa contestar a esta persona, porque si es arquitecto y se tiene que dedicar a hacer páginas web, lo siento por él. España no es un buen país para arquitectos en la actualidad. Pero mi contestación es un poco agresiva por venir de un arquitecto (también pensaría lo mismo si viniese de un abogado, de un médico o de otros parecidos):

¿Arquitecto? ¿Arquitecto de la información? ¿O arquitecto de ladrillo y cemento? Porque si eres de esto último, supongo que defenderás tu profesión y no te gustará el intrusismo. Pues lo mismo pensamos muchos otros de nuestras profesiones 🙂

En cualquier caso, te contesto por simpatía, porque te estás dedicando a hacer páginas web, aunque si yo actuase como suelen actuar la mayoría de los arquitectos (no digo que todos sean como Santiago Calatrava, alguno decente habrá), ya te estaría pasando mi minuta antes de abrir la boca. Pero intuyo que tú no eres de esa calaña.

¿Flash? ¿Qué es Flash? Para mí Flash no existe, sólo son problemas. Olvídate de Flash. Flash es para los que no tienen ni puñetera idea de qué es la Web y de cómo se hacen las páginas web realmente.

“¿Se puede crear HTML5 con Dreamweaver?” Sí, pero Dreamweaver tendrá el control sobre las páginas que hagas, tú no lo tendrás. Por ejemplo, pasa lo que me comentas, si estás usando una versión antigua de Dreamweaver, olvídate de HTML5: tú no escribes el código, lo escribe Dreamweaver, a no ser que uses la edición directa del código HTML, en cuyo caso no necesitas Dreamweaver, podrías usar un programa tan simple como el “Bloc de notas”. Así que, la contestación a “se puede crear HTML5 con Dreamweaver” depende de muchas cosas.

“¿Puedo exportar animaciones Flash a HTML5?” Sí, hay varios programas para ello. Incluso Adobe tiene un par de herramientas para ello, Wallaby y HTML5 Converter for Adobe Captivate. También existe Adobe Edge, una herramienta para crear contenido animado e interactivo utilizando HTML5, CSS3 y JavaScript. Pero no he usado ninguna de ellas.

“¿Cuál es el mejor programa para la edición de HTML5?” Ni idea, yo soy como Chuck Norris, yo no escribo HTML5, yo hablo en HTML5. Pero si te enteras de cuál es el mejor programa para escribir HTML5 en la actualidad, vuelve a escribirme, me lo cuentas y lo comparto con la gente que conozco.

Un saludo y suerte.

Maxthon, ¿el mejor navegador para HTML5?

Una vez se me acabó la risa que me produjo el anuncio de Microsoft Internet Explorer en el que se dice que Internet Explorer es el mejor navegador para HTML5 (según W3C.es), necesitaba averiguar cuál es realmente el mejor navegador en la actualidad (muy importante, en la actualidad) para HTML5.

¿Y por qué esa necesidad? Muy sencillo, porque este lunes inició el curso Nuevos estándares en el desarrollo de sitios web: HTML5 y CSS3 en la Diputación de Alicante y hay que estar preparado por si algún alumno “listillo” (que siempre hay alguno) me hace esa pregunta para “pillar al profesor”. Hacer preguntas no está mal, todo lo contrario, anima la clase, crea un ambiente de comunicación (que hable sólo el profesor no es comunicación, es una mierda) y el profesor también aprende de las preguntas que hacen los alumnos porque a veces plantean cosas que quizás el profesor no se las ha planteado (el profesor no es Dios); lo que está mal, muy mal, es el “listillo” que lo único que busca es demostrar lo que sabe o dejar al profesor en ridículo.

Volviendo al mejor navegador para HTML5 en la actualidad, según el sitio web The HTML5 Test, en su comparativa aparece Maxthon 3.3.7 como el que obtiene una mayor puntuación con 437 puntos de 500. Por otro lado, Microsoft Internet Explorer 9 es el peor situado, con unos míseros 138 puntos:

The HTML5 Test, compare browsers

¿Qué navegador es Maxthon, que supera a Chrome, Firefox u Opera? Ni idea, el lunes lo instalaré y lo descubriré junto con mis alumnos.

Maxthon

Curso sobre HTML5 y CSS3

He publicado un pequeño curso sobre HTML5 y CSS3 que os puede ayudar a conocer las novedades que incorporan las nuevas versiones de estas dos tecnologías. Más que un curso, es un esquema de un curso, pero contiene numerosas referencias para poder continuar aprendiendo de forma autónoma.

Y además, un vídeo que publiqué hace un tiempo sobre ¿Qué es HTML5?:

[kml_flashembed movie="http://www.youtube.com/v/1hR7EtD6Bns" width="640" height="360" wmode="transparent" /]

Y otro sobre la computación en la nube:

[kml_flashembed movie="http://www.youtube.com/v/QylEwbia4ho" width="640" height="360" wmode="transparent" /]

Por qué a los editores no les gustan las aplicaciones móviles

Interesante artículo publicado en Technology Review: Business Impact: Por qué a los editores no les gustan las aplicaciones.

No tiene desperdicio, algunas de las frases más sobresalientes de este artículo:

Para cuando Apple lanzó el iPad en abril de 2010, tan solo cuatro meses después de que Steve Jobs anunciara por primera vez sus nuevas máquinas “revolucionarias y mágicas” en San Francisco (Estados Unidos), los editores tradicionales ya habían abrazado una falsa ilusión colectiva.

[…]

Apple exigía un 30 por ciento de la venta de cada una de las copias adquiridas a través de su tienda iTunes. El margen de beneficio en la venta de copias únicas es de menos del 30 por ciento. Por lo tanto los editores estaban pagando a Apple para sacar los números. Muchos editores respondieron a esto no vendiendo copias únicas de sus revistas.

[…]

El desarrollo del software de las aplicaciones resultó ser mucho más difícil de lo previsto por los editores, porque tenían contratados a desarrolladores web que conocían tecnologías como HTML, CSS y JavaScript. Los editores quedaron asombrados al saber que las aplicaciones para iPad eran auténticas aplicaciones, aunque fueran pequeñas, escritas principalmente en un lenguaje llamado Objective C, que nadie en sus departamentos de desarrollo web conocía. Los editores reaccionaron subcontratando el desarrollo de las aplicaciones, algo costoso en términos de tiempo y de dinero y que no entraba dentro del presupuesto inicial.

Pero el verdadero problema de las aplicaciones era más profundo. Cuando la gente lee noticias y reportajes en medios electrónicos, esperan que las historias tengan laenlazabilidad de la Web, pero las historias en sus aplicaciones no tenían enlaces. Las aplicaciones eran, usando la jerga de la tecnología de la información, “jardines cerrados”. Y aunque a veces eran preciosos, eran jardines pequeños y asfixiantes. Para los lectores, esa belleza no superaba la extrañeza y frustración de leer medios digitales aislados de otros medios digitales.

[…]

En este caso la historia reciente del Financial Times es aleccionadora. En junio del año pasado la empresa retiró su aplicación para iPad y para iPhone de la tienda de iTunes y lanzó una nueva versión de su página web, reescrita en HTML5, que optimiza su sitio para el aparato que use el lector y proporciona muchas características y funciones que son como las de una aplicación.