Desde que los blogs se hicieron populares hace algunos años atrás, una de sus características más importantes fue la nube de tags o Tag Cloud, un bloque en el que se muestran las etiquetas más utilizadas o más revisadas en determinada bitácora.

Al comienzo eran sólo texto con enlaces, luego a alguien se le ocurrió darle animación usando Flash para hacerla más atractiva. A día de hoy los tag clouds siguen usándose por algunos bloggers, y con la llegada de HTML5, las nubes de tags 'vuelven a la vida' por así decirlo, gracias a TagCanvas, que muestra lo de siempre, una nube de etiquetas, pero animada con HTML5.

TagCanvas viene en dos versiones, una independiente y otra que es un plugin para jQuery, además soporta tags de texto e imágenes que pueden animarse con efectos de esfera o cilindro vertical y horizontal.

TagCanvas tiene varias opciones de configuración, y funciona incluso en Internet Explorer gracias a ExplorerCanvas. En su web oficial, podrás descargar el script (tiene licencia LGPL) y además cuenta con toda la documentación necesaria para su uso.

Enlace y descarga: TagCanvas

Hace unos meses Google presentó un servicio llamado Swiffy, que permite convertir archivos SWF a HTML5, pero con ciertas limitaciones, pero hoy, han anunciado el lanzamiento de una extensión para Flash Profesional que permitirá exportar una animación a HTML5 con un clic.


La extensión ya está disponible para su descarga desde la web de Swiffy, en versiones para Windows y Mac OS X.

Lungo.js es un Framework desarrollado con HTML5, CSS3 y JavaScript, para crear aplicaciones web móviles. Las aplicaciones creadas con este framework funcionan en todas las plataformas móviles populares (iOS, Android, Blackberry y WebOS). Además, tiene soporte para eventos, como tab, doble-tap o swipe.

Lungo.js permite usar características de HTML5 como WebSQL, Geolocalización, Historial, etc. y cuenta con una API de JavaScript bien documentada que dispone de los métodos para su manejo, y sobre todo, es modular y completamente personalizable.

Web y descarga: http://www.lungojs.com/
Manual de uso: http://www.lungojs.com/how-to-use/

En Web Design Ledger han hecho una interesante recopilación, se trata de 10 herramientas HTML5 online de gran utilidad para diseñadores web. Ahora que el uso de HTML5 y CSS3 se vienen posicionando con mayor fuerza, herramientas de este tipo siempre son bienvenidas. A continuación dejo tres de ellas:

1. Online Sprite Box Tool
Su nombre lo dice todo, una interesante herramienta para crear sprites de imágenes.


2. Online Font Testing Tool
Una buena herramienta para probar distintos tipos de fuentes, permitiéndonos así, determinar qué tipografía es la más adecuada para nuestro diseño.


3. Online HTML5 Audio Maker Tool


Enlace: 10 Online HTML5 Tools For Web Designers

Desde que HTML5 apareció, muchos diseñadores y desarrolladores web han cambiado casi por completo a este nuevo lenguaje, debido a sus nuevas y diversas características que facilitan el diseño y desarrollo web, haciendo que el uso de otras tecnologías como Flash disminuya considerablemente.

Desde Noupe nos comparten una recopilación de 35 tutoriales y tecnicas de HTML5 de gran utilidad para aquellos que deseen aprender a manejar este lenguaje, aquí les dejo tres ejemplos:

1. Diseñando un blog con HTML5


2. Implementando efectos Drag and Drop en HTML5


3. Cómo crear un Formulario HTML5 cross-brower


Enlace: HTML5 Tutorials and Techniques That Will Keep You Busy

HTML5 empieza a tomar mucha relevancia entre muchos diseñadores y desarrolladores web que ya empiezan a utilizarlo en algunos de sus proyectos, es por eso que aquellos que recién empiezan en este mundo, deben contar con los recursos suficientes para poder aprender a manejar este nuevo (relativamente) lenguaje de marcado de hipertexto.

Web Design Ledger pone a nustra disposición 7 recursos útiles que nos ayudarán a aprender HTML5 de una forma fácil y práctica, entre ellos tenemos estos tres:

1. Guía HTML5 para Desarrolladores Web


2. HTML 5 Visual Cheat Sheet


3. HTML5 Gallery


Enlace: 7 Useful Resources to Help You Learn HTML5

Si eres Desarrollador/Diseñador Web y te has preguntado en algún momento ¿qué es realmente HTML5? o ¿cómo cambiará nuestro trabajo?, con estos 15 recursos que nos traen nuestros amigos de Six Revisions podremos obtener algunas respuestas, a la vez que estaremos actualizándonos sobre esta nueva tecnología, Aquí les dejo 3 ejemplos:

1. WTF is HTML5


2. HTML5 Doctor


3. HTML5 Gallery


Enlace: The Only HTML5 Resources You Need for Getting Up to Speed

Como ya se ha hecho costumbre cada vez que hay un novedoso cambio tecnológico orientado a facilitar la vida a los usuarios finales, la industria del cine para adultos no se queda atrás y también empieza a hacer uso de estas novedades, ahora le toca el turno a HTML5, y es que como hace poco, el sitio de videos XXX online, YouPorn, decidió migrar a HTML5, ahora es una de las más grendes productoras de Cine X, Digital Playground, la que ha decidido dar el salto de Flash a HTML5.

Así lo ha dado a conocer su fundador, Ali Joone, quien sostuvo que una vez que la gran mayoría de navegantes y fieles visitantes a su sitio web dispongan de un navegador compatible con HTML5, dejarán de lado a Flash, aunque actualmente ya lo hacen para mostrar videos en el navegador Safari para el iPhone y iPad, lo que significa que ellos apuestan por el códec H.264, y no el novedoso WebM promovido por Google.

Si ya hace más de una década fue el porno quien se trajo abajo al Betamax apostando por el VHS y hace casi 3 años hundió al HD-DVD para dejar al Blu-Ray como el único formato de video en alta definición, será que ahora hará lo propio con WebM dejándolo de lado como estándar de video en la web?

Fuente: Fayerwayer

Ahora que HTML5 y CSS3 están empezando a acentuarse firmemente en la web, donde vemos que ya algunos de los portales más importantes han decidido migrar a estos nuevos estándares, por qué no empezar nosotros a trabajar también con ellos?

En Web Resources Depot nos ofrecen 11 templates HTML5 y CSS3 gratuitos que podremos descargar y tomar como base para crear nuestros propios diseños. Aquí les dejo tres ejemplos:

1. HTML5 Starter Pack


2. iPhone App. Website With HTML5


3. FlipThru HTML5 and CSS3 Template


Enlace: 10+ Free HTML5-CSS3 Website Templates (To Start Designing For Tomorrow)

HTML5Demos es una web creada por Remy Sharp, en la que nos comparten algunos ejemplos y demos HTML5, entre los que podemos encontrar. video, audio, geolocalización, canvas, efectos drag-and-drop, etc.

También nos muestra qué navegadores son compatibles con cada una de estas demos, de modo que podemos hacer un filtro de acuerdo al navegador y las funciones HTML5 que utilizan.

Fuente: Web Resources Depot