5 cosas divertidas para hacer en línea con HTML5

HTML5 continúa yendo de fuerza en fuerza, con más sitios web que cambian al nuevo estándar que lleva contenido multimedia a la web sin la necesidad de complementos como Adobe Flash. ¿Ya ha muerto esa maldita cosa? Lamentablemente no, pero la necesidad de ello se está eliminando lentamente. Y no antes de tiempo.

Si bien HTML5 está lejos de ser omnipresente en este punto, un número creciente de sitios web lo están utilizando, y de manera cada vez más inventiva e impresionante. 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. Comprende un creador de melodías que toca constantemente 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 se reproduzca de una manera audazmente agradable. Se produce un error en el sonido, en cuyo momento se recomienda pausar el teclado para restablecerlo.

Se muestran 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 problemas..

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 usted esperaría: haga varias preguntas para probar su conocimiento general y su nivel de inteligencia. El objetivo final es ver si tiene las habilidades básicas necesarias para convertirse en profesor.

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 más con el universo con estos sorprendentes sitios web de astronomía Muy pocos de nosotros es probable Nunca llegue al espacio exterior, a menos que las diversas empresas de turismo espacial se conviertan en éxitos dominantes. Incluso entonces, el precio de volar al espacio será tan alto ... Leer más, y las respuestas se pueden arrastrar a su lugar.

Usted 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 que tuiten conocimiento a las masas: 8 científicos populares en Twitter que tuitten conocimiento a las masas: 8 científicos populares en Twitter Cuando piensas en científicos, no necesariamente pensarías que Twitter es su principal medio de comunicación con el mundo en general. Y esa suposición sería algo correcta. Sin embargo, hay un buen número de ... Leer más, cometerás errores.

Solo hay seis tareas que completar, pero solo está destinado a ser una prueba de dos minutos. Si le toma más de dos minutos, entonces, bueno, no recomendaría inscribirme en Mensa pronto..

Manipular ... Catifier

Catifier tiene una premisa muy simple en su núcleo, y en una época en la 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 intercambiar por una imagen de su elección. Todo lo que necesita es una URL, por lo que 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 poco de tiempo para que un clic en uno de los gatos se registre, pero un poco de paciencia los ve finalmente desplazados a la ventana principal, listo para maniobrar hasta su posición.

No sé muy bien por qué esta aplicación web en particular no ha sido mejor utilizada por los órganos de Reddit. Seguramente, esta es la herramienta perfecta para crear imágenes dignas de votos con gatos, gatos y más gatos. 10 de los mejores monstruos divertidos para cumplir tu fetiche felino 10 de los mejores monstruos divertidos para cumplir tu fetiche felino Es hora de que yo venga fuera como un amante de los gatos. Ya no puedo aguantarlo más, me encantan los pequeños furballs, especialmente mi propio pequeño furball de alegría que me abraza ... Leer más .

Mira ... Brandon Generator

Brandon Generator, o Las aventuras al azar de Brandon Generator Para darle su título completo, es un concepto intrigante que es en parte cómic web, en parte animado en corto y en parte en experimento de HTML5..

El contenido fue escrito por Edgar Wright (director de Hot Fuzz 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 decididos por el público que interactuó con el contenido cuando se publicó 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 verlo en todos los navegadores modernos..

5 +… Demostraciones brillantes

Shiny Demos puede ser solo un sitio, pero ofrece una verdadera 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 probarlas..

Las aplicaciones utilizan diferentes elementos de HTML5, todas divididas 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 pantallas interactivas de audio y video, hay explicaciones de los diversos elementos que conforman 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 más intentos de Ataque de la 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 fantásticos destinos 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 HTML5 Web Comics 4 Sorprendentemente impresionantes HTML5 Web Comics 4 Sorprendentemente impresionantes HTML5 Web Comics Aquí hay algunos prototipos que son buenos ejemplos de lo que HTML5 puede hacer para que nuestra experiencia de tira cómica sea mucho más atractiva. Este artículo muestra algunos de estos primeros esfuerzos. Si bien 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 HTML5 gratuitos que puedes jugar en tu navegador HTML5 significa la evolución del lenguaje de marcas como lo conocemos . Los juegos flash eran la norma cuando se trataba de entretenimiento basado en el navegador, pero ahora gracias a la poderosa naturaleza de HTML5, muchas aplicaciones web ... Leer más, 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 asombrosas con HTML5 Leer más .

El observador especialmente entre ustedes puede haber notado un acrostic 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 una mano a Cupido: 4+ Generadores de poemas perfectos para el día de San Valentín Dale una mano a Cupid: 4+ generadores de poemas Perfecto para La poesía del Día de San Valentín es una de las formas más antiguas de arte, ya que es 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 se memorizara ... Leer más. Por supuesto, no olvides revisar el tutorial oficial de MUO HTML5. Después de eso, vuelva aquí y publique sus comentarios en HTML5, los sitios web mencionados anteriormente y cualquier otra cosa que pueda tener en mente que se ajuste al tema..

Crédito de la imagen: Yuki Honda

Explorar más sobre: ​​HTML5.