Los próximos sitios web de HTML5 10 para ver de qué se trata HTML5 en su totalidad 10 sitios web para ver lo que HTML5 es todo Leer más actualizar al lenguaje de marcado HyperText de 20 años promete llevar la experiencia "web" a un nivel completamente nuevo, permitiendo que el navegador hacer más desde una perspectiva visual y de datos. A pesar de que HTML5 todavía está a una buena distancia de ser implementado por completo, eso no ha impedido que muchos desarrolladores lo lleven al límite.
Eche un vistazo a estos increíbles sitios web que realmente le dan una buena idea sobre las capacidades de HTML5 como lenguaje de programación, haciendo cosas en su navegador web que 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 todavía es un trabajo en progreso, por lo que si tiene problemas para verlos, es posible que desee 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 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 puede jugar Deja Vu 1 & 2, Shadowgate y Uninvited directamente en su navegador! Se están trabajando en otras implementaciones de juegos como Wolfenstein 3D, lo que hace que los juegos entren en tu navegador.
20 cosas que aprendí sobre los navegadores y la Web
Este sitio de Google muestra un enfoque de estilo "libro" para describir 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 guía para los lectores que deseen saber más sobre cómo funciona la web.
Dibujo colaborativo
Esta demostración usa la función HTML5 websockets para permitir a los espectadores colaborar, al mismo tiempo, dibujar en el lienzo.
[NO DEBERÁ TRABAJAR] SketchPad
SketchPad es un programa de "pintura" para la web. Admite instrumentos de dibujo rudimentarios y solo se realiza en HTML5 y JavaScript.
Saqueo galáctico
Galactic Plunder es un 2D Space Shooter implementado en HTML5. No es tan funcional como un tirador de desplazamiento lateral normal, está hecho completamente en HTML5, que es impresionante en sí mismo.
Efectos de video
HTML5 le permite mucho con el video en la web. Además de permitirte jugar sin tu navegador web, sin complementos, te permite manipular ese video. Esta demostración muestra cómo puedes "explotar" los píxeles de un video mientras juegas.
Bola de ventana múltiple
Esto demuestra y el efecto también se ve en el video de 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 un desarrollador, te proporciona un código de muestra y te permite ver las posibilidades de HTML5.
Ciclismo en color de 8 bits (como en los juegos de la vieja escuela)
Si fue un jugador a principios de los 90, recordará 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 artilugios pequeños y atractivos para mostrar lo que puedes hacer con HTML5. Bueno para la inspiración y tal vez un poco de diversión en el tiempo.
Armonía
Harmony es un pequeño y elegante programa de dibujo que te permite usar pinceles geniales para pintar una imagen. Puedes crear cosas como "piel" y "telaraña" que son geniales para ver en la creación.
Twitter / Music Mashup
Esta mashup ordenada de @ 9elements contiene música y puntos rotativos con publicaciones en Twitter sobre HTML5. Es difícil de describir en la práctica, se debe ver para entender!
Radiohead / HTML5 Mashup
Otro mashup ordenado que enfrenta a Idioteque de Radiohead con un dibujo de Thom Yorke que se dibuja a medida que avanza la canción. Otro efecto "visto para creer".
¿Quieren más?
HTML5Demos / CanvasDemos
Estos dos sitios web están configurados para ofrecer vistas de una amplia variedad de demostraciones de HTML5 y los efectos Canvas de HTML5. Que van desde lo mundano a lo "cool", si tienes sed de más, estos son los lugares a donde ir.
Actualmente, hay muchos demos de HTML5 en Internet, y está en camino de convertirse en el nuevo estándar de la web. ¿Tienes increíbles demos que te gustaría compartir? Por favor, publique en los comentarios a continuación!