5 cosas divertidas para hacer en línea con HTML5

HTML5 continúa cada vez más fuerte, 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. ¿Esa maldita cosa ya está muerta? Lamentablemente no, pero la necesidad de esto se está eliminando lentamente. Y no antes del tiempo.

Si bien HTML5 está lejos de ser omnipresente en este momento, un número creciente de sitios web lo está utilizando, y de maneras cada vez más ingeniosas 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

Rational Keyboard es una aplicación web HTML5 de Fritz Obermeyer. Se compone de un creador de melodías que constantemente toca 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 una manera auditiva. Hasta que el sonido falla, en ese momento se recomienda detener el teclado para reiniciarlo.

Hay cuatro instrumentos diferentes, aunque cambiarlos solo cambia el aspecto, no el sonido. Dicho esto, 'Wedges' funcionó mejor para mí, ofreciendo una interfaz simple que resultó en una reproducción sin fallas.

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

Enseñar ... La prueba de dos minutos

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

Todas 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 asombrosos sitios web de astronomía Conozca el Universo con estos asombrosos sitios web de astronomía Muy pocos de nosotros probablemente alguna vez llegue al espacio exterior, a menos que las diversas empresas de turismo espacial se conviertan en éxitos convencionales. Incluso entonces, el precio de volar al espacio será tan alto ... y respuestas que pueden arrastrarse a su lugar.

Comienza con 100 puntos de 100 puntos, y su puntaje disminuye a medida que comete errores. Y a menos que seas Stephen Hawking u otro de estos científicos populares Tweeteando conocimiento a las masas: 8 científicos populares en Twitter Tweeteando conocimiento a las masas: 8 científicos populares en Twitter Cuando piensas en científicos, no necesariamente pensarías en Twitter como un ser sus principales medios de comunicación con el mundo en general. Y esa suposición sería algo correcta. Sin embargo, hay un buen número de ..., cometerás errores.

Solo hay seis tareas para completar, pero solo debe ser una prueba de dos minutos. Si te lleva más de dos minutos, entonces, bueno, no recomendaría solicitar unirte a Mensa en el corto plazo.

Manipular ... Catificador

Catifier tiene una premisa muy simple en su núcleo, y en una época en que los gatos parecen ser algún tipo de producto comercializable en InterWebs, es una herramienta divertida para probar. Al menos durante 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. Se necesita un tiempo para que un clic en uno de los gatos se registre, pero un poco de paciencia los ve eventualmente moverse hacia la ventana principal listos para maniobrar en su posición.

No sé por qué esta aplicación web en particular no ha sido mejor utilizada por los organismos de Reddit. Seguramente, esta es la herramienta perfecta para crear imágenes dignas de voto con gatos, gatos y más gatos. fuera como un amante de los gatos. No puedo aguantar más, me encantan las pequeñas bolas de pelo, especialmente mi propia pequeña bola de alegría que me abraza ... .

Mira ... Brandon Generator

Brandon Generator, o Las aventuras aleatorias de Brandon Generator para darle su título completo, es un concepto intrigante que es en parte cómic web, parte corta animada y parte experimento HTML5.

El contenido fue escrito por Edgar Wright (director de Fuzz caliente y Shaun de los muertos), ilustrado por Tommy Lee Edwards de LucasFilm y narrado por Julian Barratt de El poderoso 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

Shiny Demos puede ser solo un sitio, pero ofrece una verdadera variedad de bondades HTML5. Se ofrecen decenas de demostraciones del poder de HTML5, 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 directamente 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 comprender los conceptos básicos..

Shiny Demos debería mantenerte ocupado por un tiempo, y si eres como yo mantendrás el sitio marcado para más intentos de Ataque de bandeja de entrada y Paranoico. 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 muestra de los destinos geniales que utilizan la última tecnología web para mejorar nuestras vidas / proporcionar un medio para aliviar el aburrimiento (eliminar según corresponda). Anteriormente hemos visto impresionantes cómics web HTML5 4 cómics web increíblemente impresionantes 4 cómics web HTML5 increíblemente impresionantes Aquí hay algunos prototipos que son buenos ejemplos de lo que HTML5 puede hacer para que nuestra experiencia en la historieta sea mucho más atractiva. Este artículo muestra algunos de estos primeros esfuerzos. Mientras que HTML5 puede o ..., impresionantes (y gratis) juegos HTML5 5+ Impresionantes juegos HTML5 gratuitos que puedes jugar en tu navegador 5+ Impresionantes juegos HTML5 gratuitos que puedes jugar en tu navegador HTML5 significa la evolución del lenguaje de marcado tal como lo conocemos. Los juegos flash alguna vez fueron la norma cuando se trataba de entretenimiento basado en navegador, pero ahora gracias a la naturaleza poderosa de HTML5, muchas aplicaciones web ... y una selección de sitios web que rápidamente hicieron cosas increíbles con HTML5 15 sitios que hacen cosas increíbles con HTML5 15 sitios que hacen cosas increíbles con HTML5 .

Los especialmente observadores entre ustedes pueden haber notado un acróstico al acecho en este artículo. Primero, concédete un maní por tus habilidades, luego ve y lee mi guía sobre cómo crear un poema para un ser querido. Dale a Cupido una mano amiga: 4+ generadores de poemas perfectos para el día de San Valentín Dale a Cupido una mano amiga: 4+ generadores de poemas perfectos 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 se usaban poemas para ayudar a que la historia contenida en ellos fuera memorizada ... Por supuesto, no olvide consultar el tutorial oficial MUO HTML5. Después de eso, regrese aquí y publique sus comentarios en HTML5, los sitios web mencionados anteriormente y cualquier otra cosa que tenga en mente que se ajuste libremente al tema.

Haber de imagen: Yuki Honda