Deck al estilo de los 80s con HTML5

cassette_html5

Hay innumerables cosas que se pueden crear con HTML5, esta vez podemos divertirnos con un reproductor de Cassette de audio al estilo de los 80s. Este control viene con los botones de Volumen, Play, Rew, FF, Stop, y el Switch para el cambio de lado, y cada vez que se presiona uno de estos botones se escucha el efecto como si estuviéramos manipulando un de Deck de verdad. El ejemplo para bajar ya viene completo, inclusive con las canciones que son totalmente libres de Copyright.


files

contenido del archivo zipeado para que lo puedas probar

Ver Demo

Enlace: codrops

Crear gráficos con HTML5 y JavaScript

Los gráficos estadísticos en la web son cada vez más atractivos, menos pesados para el cliente y están preparados para los nuevos navegadores. Hay dos servicios interesantes sobre este tema que veremos.

grafico0

La primera es Highcharts, una librería de gráficos escrito en HTML5 y Javascripst Puro, ofreciendo gráficos interactivos listos para usarlos en nuestros proyectos web. Se podrá interactuar con gráficos tipo lineal, áreas, columnas, barras, pie, patrones angulares, rangos, burbujas, diagrama de cajas, embudo, polares, etc. Cuenta con documentación y ejemplos.

grafico1

La segunda es Chart.js al igual que la anterior su presentación es animada y tiene 6 tipos de gráficos, línea, barra, radar, pie, polar y rosquilla.

grafico2

Esta librería aprovecha el novedoso componente canvas de HTML5, lo cual garantiza un pintado dinámico en la web. También cuenta con documentación y ejemplos para cada tipo de gráfico.

grafico3

Enlaces: Highcharts Chart.js