15 sitios que hacen cosas increíbles con HTML5

Anuncio

Anuncio
Anuncio

que es html5 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

que es html5

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

sumergirse en html5

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

sumergirse en html5

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

sumergirse en html5

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

tutorial html5

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

tutorial html5

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

tutorial html5

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

15 sitios que hacen cosas increíbles con HTML5 ballwindow

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)

15 sitios que hacen cosas increíbles con HTML5 html5rocks

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)

15 sitios que hacen cosas increíbles con el ciclo HTML5

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

15 sitios que hacen cosas increíbles con Corecanvas HTML5

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

15 sitios que hacen cosas increíbles con armonía HTML5

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

15 sitios que hacen cosas increíbles con HTML5 9elementos

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

15 sitios que hacen cosas increíbles con HTML5 radiohead

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

que es html5

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!

In this article