5 cosas divertidas para hacer en línea con HTML5

HTML5 continúa yendo viento en popa, con más sitios web que cambian al nuevo estándar que trae contenido multimedia a la Web sin la necesidad de complementos como Adobe Flash. ¿Ya murió esa maldita cosa?

HTML5 continúa yendo viento en popa, con más sitios web que cambian al nuevo estándar que trae contenido multimedia a la Web sin la necesidad de complementos como Adobe Flash.  ¿Ya murió esa maldita cosa?
Anuncio

cosas divertidas para hacer con html5 HTML5 continúa yendo viento en popa, con más sitios web que cambian al nuevo estándar que trae contenido multimedia a la Web sin la necesidad de complementos como Adobe Flash. ¿Ya murió esa maldita cosa? Tristemente no, pero la necesidad de hacerlo se está eliminando lentamente. Y no antes de tiempo.

Si bien HTML5 está lejos de ser omnipresente en este momento, cada vez más sitios web lo utilizan y cada vez son más innovadores e impresionantes. Lo que sigue son cinco cosas divertidas que hacer con HTML5, y todo lo que necesita es un navegador compatible; las últimas versiones de Chrome, Firefox, Safari, Opera e Internet Explorer, por ejemplo.

Escucha ... El teclado racional

cosas divertidas para hacer con html5

Rational Keyboard es una aplicación web HTML5 de Fritz Obermeyer. Comprende un creador de melodías que constantemente reproduce una armonía, con el usuario capaz de cambiar la nota en la que se basa la armonía.

Las notas cambian constantemente y cambian de tamaño para que la canción suene de forma auditivamente agradable. Hasta que el sonido falle, en ese momento se recomienda detener el teclado para restablecerlo.

Hay cuatro instrumentos diferentes presentados, aunque cambiarlos solo cambia el aspecto, no el sonido. Habiendo dicho eso, 'Wedges' funcionó lo mejor para mí, ofreciendo una interfaz simple que resultó en una reproducción sin problemas.

El código fuente para The Rational Keyboard está disponible en GitHub, mientras que el codificador de audio se puede usar para otras aplicaciones.

Enseñar ... La prueba de dos minutos

cosas que hacer con html5

La Prueba de dos minutos hace exactamente lo que usted esperaría: hacerle varias preguntas para poner a prueba su conocimiento general y nivel de inteligencia. El objetivo final es ver si tienes las habilidades básicas requeridas para convertirte en profesor.

Las preguntas se presentan en un formato visual agradable, con números flotantes, representaciones de los planetas en el Sistema Solar Conozca el Universo con estos sitios web de Astronomía increíbles Conozca el universo con estos sitios web de Astronomía increíbles Muy pocos de nosotros somos propensos a alguna vez llegar al espacio exterior, a menos que las diversas empresas de turismo espacial se conviertan en éxitos principales. Incluso entonces, el precio de volar al espacio será tan alto ... Leer más, y las respuestas que se pueden arrastrar a su lugar.

Usted comienza con 100 puntos de 100 puntos, con su puntaje disminuyendo a medida que comete errores. Y a menos que sea Stephen Hawking u otro de estos científicos populares Tweeting Knowledge To The Masses: 8 científicos populares en Twitter Tweeting Knowledge To The Masses: 8 científicos populares en Twitter Al pensar en científicos, no necesariamente pensarías en Twitter como su principal medio de comunicación con el mundo en general. Y esa suposición sería algo correcta. Sin embargo, hay un número saludable de ... Leer más, usted cometerá errores.

Solo hay seis tareas para completar, pero luego solo debe ser una prueba de dos minutos. Si te lleva más de dos minutos, bueno, no aconsejaría que me unieras a Mensa pronto.

Manipular ... Catificador

cosas que hacer con html5

Catifier tiene una premisa muy simple en su núcleo, y en una época en la que los gatos parecen ser una especie de producto comercializable en InterWebs, es una herramienta divertida para probar. Al menos por cinco minutos.

Se le presenta una imagen de muestra que puede elegir cambiar por una imagen de su elección. Todo lo que necesita es una URL, por lo tanto, pude aumentar la famosa fotografía en la captura de pantalla anterior con una fragancia felina.

Para ser honesto, Catifier no es perfecto. Lleva un tiempo hacer clic en uno de los gatos para registrarse, pero con un poco de paciencia los ve pasar a la ventana principal listos para maniobrar en posición.

No sé muy bien por qué esta aplicación web en particular no se ha utilizado mejor en los cuerpos de Reddit. Seguramente esta es la herramienta perfecta para crear imágenes respetuosas con gatos, gatos y más gatos 10 de los mejores gatos divertidos de Tumblrs para cumplir tu fetiche felino 10 de los mejores gatos divertidos de gatos para cumplir tu fetiche felino Es hora de que venga como un amante de los gatos. No puedo aguantar más, me encantan las pequeñas bolas de peluche, especialmente mi pequeña bola de alegría que se abraza a mí ... Leer más.

Mira ... Brandon Generator

cosas que hacer con html5

Brandon Generator, o The Random Adventures Of Brandon Generator para darle su título completo, es un concepto intrigante que es parte del cómic Web, parte del corto animado y parte experimento HTML5.

El contenido fue escrito por Edgar Wright (director de Hot Fuzz y Shaun Of The Dead ), ilustrado por Tommy Lee Edwards de LucasFilm, y narrado por Julian Barratt de The Mighty Boosh .

Hay cuatro episodios de Brandon Generator en total, con la historia de los episodios posteriores decidida por el público que interactuó con el contenido cuando se cargó por primera vez en la Web en 2012.

Microsoft estaba detrás de Brandon Generator, de ahí la aparición del logotipo de Internet Explorer en todo el sitio. Sin embargo, gracias a HTML5, el contenido está disponible para ver en todos los navegadores modernos.

5 + ... Demostraciones brillantes

cosas divertidas para hacer con html5

Shiny Demos puede ser solo un sitio, pero ofrece una mezcla heterogénea de bondad HTML5. Hay docenas de demostraciones del poder de HTML5 en oferta, ninguna de las cuales tomará más de unos minutos para probar.

Las aplicaciones utilizan diferentes elementos de HTML5, todos divididos en secciones para que pueda ver fácilmente cuáles son los responsables de dar vida a cada aplicación en su navegador.

Además de los juegos y las pantallas interactivas de audio y video, hay explicaciones de los diversos elementos que componen HTML5. Esto podría ofrecer a los desarrolladores web en ciernes una forma de entender los conceptos básicos.

Shiny Demos debería mantenerte ocupado por un tiempo, y si eres como yo, mantendrás el sitio marcado para futuros intentos de Inbox Attack and Paranoid . Shiny Demos fue creado por Opera Software, pero funcionará en toda la gama de navegadores.

Conclusiones

Estos 5 sitios web representan solo una pequeña parte de los destinos interesantes que utilizan la última tecnología web para mejorar nuestras vidas / proporcionan un medio para aliviar el aburrimiento (eliminar según corresponda). Anteriormente hemos visto impresionantes HTML5 Web Comics 4 Impresionantemente impresionantes HTML5 Web Comics 4 Impresionantemente impresionantes HTML5 Web Comics A continuación, se incluyen algunos prototipos que son buenos ejemplos de lo que HTML5 puede hacer para que nuestra experiencia en cómics sea mucho más atractiva. Este artículo muestra algunos de estos primeros esfuerzos. Mientras HTML5 puede o ... Leer más, impresionantes (y gratuitos) juegos HTML5 5+ Impresionantes juegos HTML5 gratuitos que puedes jugar en tu navegador 5+ Impresionantes juegos gratis HTML5 que puedes jugar en tu navegador HTML5 significa la evolución del lenguaje de marcado a medida que Lo sé. Los juegos Flash fueron una vez la norma cuando se trataba de entretenimiento basado en navegador, pero ahora gracias a la poderosa naturaleza de HTML5 muchas aplicaciones web, ... Leer más, y una selección de sitios web que hicieron cosas increíbles rápidamente con HTML5 15 Sitios que hacen Cosas asombrosas con HTML5 15 sitios que hacen cosas increíbles con HTML5 Leer más.

El especialmente observador entre ustedes puede haber notado un acecho acróstico en este artículo. Primero, concédete un cacahuete por tus habilidades, luego ve y lee mi guía sobre cómo crear un poema para un ser querido. Dale Cupido Una Mano que Ayuda: 4+ Generadores de Poemas Perfecciona para el Día de San Valentín Dale Cupido a Mano: 4+ Generadores de Poemas Perfecto para La poesía de San Valentín es una de las formas de arte más antiguas, anterior a la alfabetización gracias a su uso en la sociedad prehistórica. En aquel entonces, los poemas se usaban para ayudar a que la historia contenida en ellos se memorizara ... Leer más. Por supuesto, no olvide consultar el tutorial oficial de HTML5 de MUO. Después de eso, vuelve aquí y publica tus comentarios en HTML5, los sitios web mencionados anteriormente, y cualquier otra cosa que puedas tener en mente que encaje libremente con el tema.

Crédito de la imagen: Yuki Honda

In this article