En Google’s Creative Labs han realizado una presentación que todos deberiamos estar obligados a leer.
En ella podemos ver sitios como goollery.org, aplicaciones en HTML5, programas para iPhone, proyecciones tridimensionales, vídeos bastante creativos.. todo bajo un título la mar de sugerente: «El mundo está lleno de cosas interesantes».
Una presentación que, como dicen en googlesystem.blogspot.com, os puede mantener ocupados durante las próximas 24 horas.
Con miniaturas, una integración más directa con Twitter, una adaptación más completa para dispositivos móviles y una lista de lo más buscado en su página principal , el buscador de Yahoo se lava la cara intentando recuperar parte del mercado que ha ido perdiendo en los últimos años.
Al buscar por contenido multimedia, por ejemplo, aparece una caja con pestañas verticlaes mostrando información directamente relacionada con lo buscado, como podemos apreciar en la captura superior.
En lo que se refiere a móviles, ha mejorado su m.yahoo.com con HTML5, haciendo la experencia más rápida y compatible con más dispositivos.
Ya van apareciendo aplicaciones online desarrolladas en HTML5, y buena prueba de ello la tenemos en Diagramo, un servicio que nos permite crear y compartir nuestros propios diagramas. Para empezar, no es necesario registrarse, aunque podemos registrarnos si queremos guardar nuestros resultados.
Tenemos un área rodeada en su lateral izquierda por las formas que podemos introducir, por ahora, sólo las básicas, y a la derecha tenemos las propiedades que podemos modificar del objeto que tengamos seleccionado. En la parte superior tenemos el menú que, entre otras cosas, nos permite guardar nuestros trabajos, pudiendo ser éstos públicos, con lo que automáticamente se les generarán un enlace que distribuiremos a quienes lo queramos compartir.
De momento, Diagramo ofrece funciones básicas, aunque puede servir de muestra de lo que podemos llegar a encontrarnos en el futuro.
En mrdoob.com cuentan cómo lo hicieron, en Ajaxian hacen eco de la noticia y en thewildernessdowntown.com podéis disfrutar de un experimento que usa Google Street y HTML5 para crear un vídeo musical ambientado en la dirección que le indiquéis.
Nada más acceder tendremos que informar una calle, de cualquier ciudad del mundo (mejor si tiene información en Google Street), para que se abran unos cuantos pop-ups mostrando el contenido del video musical. En cada ventana veremos diferente información, con la música y fotos aéreas de la zona indicada, así como animaciones extraídas de la web de google.
Una experiencia muy interesante. Recordad que la web tiene sonido y que abre bastantes pop-ups al mismo tiempo.
Original proyecto el de endlessmural.com, una aplicación que permite realizar dibujos abstractos con un panel programado en HTML5 par aque lo añadamos a un panel interminable con las obras de otros usuarios.
Podemos navegar entre las diferentes creaciones o dibujar usando únicamente el ratón, ya que la aplicación se encargará de generar figuras aleatorias con vuestros movimientos.
Una curiosidad más para demostrar que HTML5 cada vez tiene menos que envidiar al Flash.
Handroll es un portal que nos permite visualizar vídeos, anteriormente subidos a un servidor, en formato HTML5.
Cuando accedamos al servicio deberemos escribir la dirección web del archivo de video, obteniendo un código HTML que podremos copiar para insertar en nuestro sitio web o blog y así visualizar ese video en el nuevo formato HTML5.
Con una interfaz simplista, Handroll se convierte en un gran servicio web para visualizar videos en el nuevo formato HTML.
En enero Youtube lanzó un reproductor de vídeos programado en HTML5 que nos permite ver el material sin necesidad de usar Flash. Para usarlo hay que activarlo en youtube.com/html5 , como seguramente muchos sabréis, aunque hay un truco que nos puede permitir ver un único vídeo en HTML5 sin necesidad de activar el reproductor en la dirección anterior.
Para ello sólo tenéis que añadir «&html5=True» en la dirección del vídeo, quedando de la siguiente forma:
HAKIM.SE experiments es una web creada por Hakim El Hattab, quien recopila una serie de demostraciones visuales creadas por él mismo con HTML5, según dice, por pura diversión.
Actualmente hay nueve de estas demostraciones técnicas, a cual más impresionante, las hay que recrean simulaciones físicas de partículas, fluidos, algunos efectos visuales y también hasta una aplicación musical y un pequeño juego de habilidad, todos ellos sencillos pero muy vistosos.
Una pequeña muestra de lo que nos espera con el HTML5.
Hasta hace poco el flash había sido la única alternativa viable para crear aplicaciones realmente interactivas en la red, aunque parece que esto está punto de cambiar con la llegada del HTML5, ya que están comenzando a aparecer bastantes juegos desarrollados al margen de flash, como los que recopila la web HTML5Games.com.
Este directorio se dedica a agrupar y clasificar, por temática, todos aquellos videojuegos para web que utilizan este tipo de tecnología que muchos esperan sea el nuevo estándar en internet.
Después de probar algunos títulos como el Pac-Man, tengo que decir que, si no todos, la mayoría tienen muy poco que envidiar a los creados usando la tecnología de Adobe.
En resumen, HTML5Games.com es, a mi parecer, una web, muy recomendable si queréis encontrar juegos para usar con vuestro iPad o sencillamente para probar que se siente al jugar sin tener instalado el plugin de flash.
DevianART Muro es una espectacular herramienta de dibujo en la nube, que ha sido desarrollada por los muchachos de DevianART, para conmemorar su décimo aniversario.
La aplicación es comparable a otras de escritorio como Photoshop o Gimp, ya que nos permite trabajar con diferentes capas, o utilizar filtros para lograr otro tipo de efectos ya habituales en este tipo de programas.
La selección de brochas gratuitas no es muy amplia, aunque las que hay disponibles pueden personalizarse bastante, indicando cosas como su tamaño, la intensidad del efecto o nivel de transparencia.
Una vez terminemos el trabajo tendremos la posibilidad de descargarlo en formato .PNG o subirlo a nuestra galería de DevianART, siempre y cuando tengamos cuenta ya.
La verdad es que la herramienta es realmente muy completa y permite conseguir acabados muy realistas, no hay más que ver algunos de sus ejemplos. Además como está desarrollada con HTML5, hasta los usuarios de iPad podrán utilizarla también para crear sus propios diseños.