HTML5: 12 ejemplos de uso


HTML5 Powered with CSS3 / Styling, and Semantics

El pasado mes de enero se publico el logotipo del nuevo estándar de desarrollo web que, probablemente, se utilizará de forma intensiva a lo largo de este año y en el futuro: HTML5.

Como en otros post de nuestro blog, en esta entrada encontraréis ejemplos reales de diseños web realizados en HTML5 que demuestran sus capacidades y pueden servirnos de inspiración en futuros desarrollos.

HTML5 Logo

Wilderness Downtown: desarrollo en HTML5 de Google y The Arcade Fire

Este sitio web es un experimento desarrollado por Google y The Arcade Fire para demostrar la compatibilidad de Google Chrome con HTML5. Para visualizar todas sus funcionalidades se debe visitar con este navegador o con otro compatible con el nuevo estandar. En él destaca la solución de las animaciones del fondo de página.

The Wilderness Downtown

Jolicloud

Jolicloud es un sistema opertivo basado en Linux que cuenta con un panel de control, basado en HTML5, que nos permite gestionar el sistema como si se tratase de una aplicación web.

Jolicloud: sistema operativo con panel de control en HTML5

Wordmark.it

Esta aplicación web desarrollada en HTML5 nos permite visualizar on-line textos para cada una de las fuentes tipográficas incluidas en nuestro sistema.

Wordmark.it

Z-Type

Juego on-line desarrollado en HTML5 y Javascript que incluye funcionalidades de audio.

Ztype game

Nike Better World

Este folleto web publicitario de Nike nos parece una pasada. Fijaros como manejan las imágenes de fondo de pantalla, como solucionan la localización dentro de la página (bullets verdes a la derecha) y como deslizan el texto sobre cada uno de los fondos.

Nike Better World

Klowdz

Sitio web que nos permite, mediante propiedades canvas de HTML5, crear fondos con nubes.

Klowdz

Canvas Cycle

Se trata de otro experimento para Chrome, que nos permite seleccionar diferentes escenarios y controlar, entre otras cosas,  el audio, el zoom de las imágenes , la velocidad de las transiciones y el color.

Canvas Cycle

GraphyCalc

Éste sitio web nos permite desarrollar gráficos tridimensionales. Desarrollado en HTML5, utiliza las funcionalidades en cuanto a rotación de imágenes para permitirnos orientar la gráfica, mediante arrastres del ratón, según nuestras necesidades.

GraphyCalc

Google Maps + Dynamic Canvas

Este mashup de las funcionalidades de Google maps y las propiedades canvas de HTML5 nos permite adaptar los mapas a la apariencia que necesitamos en nuestras páginas web, ya que Google Maps nos ofrece un API que permite crear plantillas personalizadas con lienzos HTML5.

Google Maps + Dynamic Canvas

Darkroom

Esta aplicación web nos permite utilizar imágenes de servicios web como flickr y guardarlas y editarlas utilizando herramientas desarrolladas en HTML5.

Darkroom

20 Things

Como parte de su campaña de apoyo continuo a HTML5, Google creó este ingenioso ebook llamado “20 cosas que aprendí acerca de los navegadores y la web” en el que destacan la limpieza y las animaciones suaves

20 Things Google

Agent 8-Ball

Juego de billar on-line desarrollado integramente ne HTLM5 y libre de Flash.

Agent 8-Ball

Versión del sitio web de Apple en HTML5

Versión del sitio web de Apple en HTML5

Referencias:

Fuente: 12 Fun & Clever Examples of HTML5

CC BY-NC-ND 4.0
HTML5: 12 ejemplos de uso by AlmacenPlantillasWeb is licensed under a Licencia Creative Commons Atribución-NoComercial-SinDerivar 4.0 Internacional.

Trackbacks

  1. Información Bitacoras.com…

    Valora en Bitacoras.com: El pasado mes de enero se publico el logotipo del nuevo estándar de desarrollo web que, probablemente, se utilizará de forma intensiva a lo largo de este año y en el futuro: HTML5. Como en otros post de nuestro blog, en es……