15 sitios que hacen cosas asombrosas con HTML5

Los próximos sitios web de HTML5 10 para ver de qué se trata HTML5 10 sitios web para ver de qué se trata HTML5 Más información sobre el lenguaje de marcado de hipertexto de 20 años que promete “web” Experimente a un nivel completamente nuevo, permitiendo al navegador hacer más desde una perspectiva visual y de datos. A pesar de que HTML5 está todavía a una buena distancia de estar completamente implementado, eso no ha impedido que muchos desarrolladores lo lleven al límite.

Echa un vistazo a estos increíbles sitios web que realmente te dan una buena idea sobre 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 he probado en Chrome y deberían funcionar en un navegador compatible con HTML5 como Chrome, Firefox 4, Safari o IE9. Son demostraciones y HTML5 sigue siendo un trabajo en progreso, por lo que si tiene problemas para verlos, puede intentarlo en otro navegador. Disfrutar!

Arcade Fire - The Wilderness Downtown

Esta es una gran demostración hecha por Arcade Fire y Google que presenta diferentes trucos de Canvas de HTML5. No quiero estropearle la sorpresa: ingrese la dirección de su infancia y disfrute del video y la magia técnica..

WebVenture

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

20 cosas que aprendí sobre los navegadores y la web

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

Dibujo colaborativo

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

[NO MÁS TRABAJOS] SketchPad

SketchPad es un “pintar” Programa para la web. Es compatible con instrumentos de dibujo rudimentarios y se realiza solo 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, se hace completamente en HTML5, que es impresionante en sí mismo..

Efectos de video

HTML5 te permite mucho con el video en la web. Además de permitirte reproducirlo sin tu navegador web, sin ningún complemento, 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 efecto también visto en el video de Arcade Fire. HTML5 te permite abrir múltiples 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 un desarrollador, te da un código de muestra y te permite ver las posibilidades de HTML5.

Ciclismo en 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. Dado que el poder computacional era limitado, los diseñadores gráficos utilizaron '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 dispositivos para mostrar lo que puedes hacer con HTML5. Bueno para la inspiración y quizás un poco de tiempo de diversión..

Armonía

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

Twitter / Music Mashup

Este elegante mashup de @ 9elements une música y puntos rotativos con publicaciones de twitter sobre HTML5. Difícil de describir en la práctica, hay que verlo para entenderlo.!

Radiohead / HTML5 Mashup

Otro aseado mashup que enfrenta a Radiohead Idioteque Con un dibujo de Thom Yorke que se dibuja a medida que avanza la canción. Otro “visto para ser creído” efecto.

Quieren más?

HTML5Demos / CanvasDemos

Estos dos sitios web están configurados para ofrecer a los espectadores una amplia variedad de demostraciones de HTML5 y los efectos de HTML5 Canvas. Que van desde lo mundano a lo “guay”, Si tienes más sed, estos son los lugares para 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 impresionantes que te gustaría compartir? Por favor, publique en los comentarios a continuación.!