iPod en HTML5, CSS3 y jQuery

El pasado 5 de Octubre del año 2012 fue el primer aniversario del fallecimiento de Steve Jobs. Sin duda, fue un gran personaje en la historia de la tecnología con sus ideas visionarias y revolucionarias: el iPod y el iPhone. En homenaje a Jobs, uno de los miembros de Inventika Solutions, recreó un iPod que podemos probar en nuestro navegador.

Usando las tecnologías para el desarrollo web más actuales (HTML5, CSS3 y JS) el autor creó una iPod algo funcional y con vistosidad. Es más, creó algo muy bueno. En el artículo, el creador menciona que usó herramientas como Colorzilla (la cual yo también uso para degradados) y CSS3 Generator (que también uso) junto con algunos plugins jQuery como lo son Shyni Knob Control y jQuery Knob. Leer más “iPod en HTML5, CSS3 y jQuery”

Etiquetas figure y figcaption del estándar HTML5

La versión número 5 del estándar del lenguaje de etiquetas para la creación de páginas web, HTML5, nos trae un gran número de nuevos elementos que nos brindan grandes funcionalidades. Desde etiquetas a nuevas formas de programación que permiten hacer grandes aplicaciones que se ejecuten desde el mismísimo navegador. HTML5 cambiará la forma en que usamos y programamos para la web.

HTML5 es la mejora e implementación de un montón de tecnologías en un estándar aceptado ampliamente. Nos trae nueva estructura semántica, almacenamiento de datos, trabajo offline, conectividad, CSS3, multimedia y más. Sitios como HTML5 Rocks y HTML5 Logo nos dan un vistazo más profundo sobre esto. Dentro de los elementos semánticos está la etiqueta <figure></figure> y <figcaption> </figcaption> que veremos un poco más a continuación. Leer más “Etiquetas figure y figcaption del estándar HTML5”

Mozilla presenta – Web Open Wonder

Web O’ Wonder es un proyecto de Mozilla para mostrar el grandioso mundo de lo que es el HTML5 y los nuevos estándares para la creación de sitios o aplicaciones web. Los desarrolladores envían sus demos y son publicadas en el sitio, proyectos usando las características que nos brinda la nueva versión del HTML como lo es el elemento canvas y también empleando WebGL para crear gráficos asombrosos y ejecutables en el navegador.
En la página podrás encontrar demos con muestras de vídeos, juegos, dibujos y otras aplicaciones sorprendentes, hay que tener en cuenta que se necesita un navegador que soporte HTML5, que tenga JavaScript activado y que permita el uso de WebGL. Desde la versión cuatro de FireFox es posible probar la web y sus demostraciones, también en Chrome, Safari y Opera. Internet Explorer una excepción.
 
Para el caso de los juegos me sorprendió mucho la fluidez con que corre Runfield
En juego donde el zorro de FireFox corre por un campo de maíz y haciendo clic salta evitando así los huecos que hay en el camino. A medida que avanzas el animal incrementa su velocidad.
Cuando decidí hacer las capturas para este post jugué runfield y batí todos mis records. Otra de las maravillas creadas y mostradas en el sitio es el Planetario.
Creado usando HTML5, nos muestra el sistema solar y cuando hacemos clic en alguno de los planetas se nos da información adicional sobre este de forma muy didáctica.
¡Espectacular!.
 

Y eso es sólo una pequeña muestra de todo lo que hay ahora mismo en Mozilla Open Wonder, ¿qué esperas para ingresar y ver?.