15 sitios que hacen cosas increíbles con HTML5

Los próximos sitios web HTML5 10 para ver qué es HTML5 acerca de 10 sitios web para ver qué es HTML5, la actualización del lenguaje de marcado de hipertexto de 20 años promete traer el “web” experiencia a un nivel completamente nuevo, permitiendo que el navegador haga más desde una perspectiva visual y de datos. Aunque HTML5 todavía está a una buena distancia de ser completamente implementado, eso no ha impedido que muchos desarrolladores lo lleven al límite.

Echa un vistazo a estos sitios web increíbles que realmente te dan una buena idea de las capacidades de HTML5 como lenguaje de programación, haciendo cosas en tu navegador web que antes solo eran posibles en un programa o complemento externo. Los probé en Chrome y todos deberían funcionar en un navegador compatible con HTML5 como Chrome, Firefox 4, Safari o IE9. Son demos y HTML5 sigue siendo un trabajo en progreso, por lo que si tiene problemas para verlos, puede probar en otro navegador. Disfrutar!

Arcade Fire - The Wilderness Downtown

Esta es una gran demostración realizada por Arcade Fire y Google que presenta diferentes trucos de HTML5 Canvas. No quiero arruinarte la sorpresa: ingresa la dirección de tu infancia y disfruta del video y la magia técnica.

WebVenture

WebVenture es una implementación HTML5 y Javascript de la plataforma de juegos MacVenture. ¡Ahora puedes jugar Deja Vu 1 & 2, Shadowgate y Uninvited directamente en tu navegador! Se están trabajando en otras implementaciones de juegos, como Wolfenstein 3D, que llevan los juegos a su navegador.

20 cosas que aprendí sobre los navegadores y la web

Este sitio de Google muestra un “libro” enfoque de estilo para una descripción sobre cómo funcionan los navegadores web y cuántas de las tecnologías subyacentes funcionan. Impresionante desde un punto de vista técnico, también es una buena introducción para los lectores que deseen saber más sobre cómo funciona la web..

Dibujo colaborativo

Esta demostración utiliza la función HTML5 websockets para permitir a los espectadores colaborar, al mismo tiempo, dibujar en el lienzo.

[YA NO FUNCIONA] SketchPad

SketchPad es un “pintar” programa para la web. Admite instrumentos de dibujo rudimentarios y solo se realiza en HTML5 y JavaScript..

Saqueo Galáctico

Galactic Plunder es un Space Shooter 2D implementado en HTML5. No es tan completo como un tirador de desplazamiento lateral normal, está hecho completamente en HTML5, que es impresionante en sí mismo.

Efectos de video

HTML5 te permite mucho con video en la web. Además de permitirte reproducirlo sin tu navegador web, sin plugin, te permite manipular ese video. Esta demostración muestra cómo puedes “Explotar” los píxeles de un video mientras se reproduce.

Bola de ventana múltiple

Esto demuestra y el efecto también se ve en el video Arcade Fire. HTML5 le permite abrir varias ventanas y hacer que los objetos se muevan entre ellas.

HTML5Rocks (Google)

HTML5 Rocks es una presentación de diapositivas que muestra muchas de las características especiales del lenguaje HTML5. Si eres desarrollador, te proporciona un código de muestra y te permite ver las posibilidades de HTML5.

Ciclismo de color de 8 bits (como los juegos de la vieja escuela)

Si eras un jugador a principios de los 90, recordarás este efecto con cariño. Como el poder computacional era limitado, los diseñadores gráficos usaron 'trucos' para emular el video en una imagen estática. Este efecto de lienzo le mostrará cómo se hizo y también incluye muchos ejemplos que también son hermosos.

Experimentos HTML5 de Hakim.se

Este sitio enumera muchas demostraciones de juegos y otros pequeños gadgets para mostrar lo que puede hacer con HTML5. Bueno para la inspiración y quizás un poco de diversión..

Armonía

Harmony es un pequeño programa de dibujo que te permite usar pinceles geniales para pintar una imagen. Puedes crear cosas como “piel” y “web” que son geniales para ver en la creación.

Twitter / Mashup de música

Este lindo mashup de @ 9elements incluye música y puntos rotativos con publicaciones de Twitter sobre HTML5. Difícil de describir en la práctica, debe verse para entender!

Radiohead / HTML5 Mashup

Otro mashup ordenado que enfrenta a Radiohead Idiota con un dibujo de Thom Yorke que se dibuja a medida que avanza la canción. Otro “visto para creer” efecto.

Quieren más?

HTML5Demos / CanvasDemos

Estos dos sitios web están configurados para dar a las vistas una amplia variedad de demostraciones de HTML5 y los efectos HTML5 Canvas. Desde lo mundano hasta lo “guay”, si tienes sed de más, estos son los lugares a donde ir.

Ahora hay muchas demostraciones de HTML5 en Internet, y está en camino de convertirse en el nuevo estándar de la web. ¿Tienes demostraciones increíbles que te gustaría compartir? Por favor publique en los comentarios a continuación!