HTML acaba de cambiar para siempre (en serio)

midudev

Summary

El vídeo explica una nueva y revolucionaria propuesta experimental para la etiqueta HTML <canvas>. Hasta ahora, un canvas era esencialmente un lienzo donde solo podías dibujar mediante JavaScript, limitando la accesibilidad y la interactividad. Esta nueva tecnología permite integrar elementos HTML reales dentro del canvas, permitiendo que sean accesibles, seleccionables, editables y capaces de interactuar con eventos de JavaScript mientras conservan los efectos visuales, 2D o 3D, del lienzo. Es una mejora significativa para la creación de interfaces complejas, juegos y aplicaciones web inmersivas, aunque actualmente se encuentra en fase experimental requiriendo activar flags en el navegador.

Chapters

  1. 0:00HTML inside Canvas Introduction
  2. 0:45Benefits of Canvas Integration
  3. 2:25Practical Examples and Demos
  4. 5:26Advanced Web Demonstrations
  5. 9:15Future Potential and Use Cases

Topics covered

  • Limitaciones del canvas tradicional
  • Integración de HTML en canvas
  • Mejora en accesibilidad
  • Interactividad y eventos en formularios
  • Efectos 3D y webgl
  • Estado experimental y soporte
  • Potencial para aplicaciones web

Transcript excerpt

Vamos a hablar del futuro de HTML porque os va a volar la cabeza. Esto es una nueva propuesta para utilizar en el HTML, en la etiqueta canvas, ya sea en 2D o en 3D, poder utilizar HTML dentro. Esto es una cosa que hasta ahora no se podía hacer. O sea, tú cuando tenías una etiqueta canvas, tú ibas aquí codilink, ¿no? Y decías canvas, ¿vale? Pues vale, tú tenías aquí el canvas y el canvas ya lo que tenías que hacer era recuperarlo, ¿vale? document, queries, selector, canvas y aquí pues tenías que recuperar el contexto y ya en el contexto lo que tenías que hacer era pues simplemente dibujar, ya no podías hacer otra cosa, ya tenías que dibujar en el canvas, o sea, era un lienzo y solo podías dibujar. Pero, ¿qué pasa? que el HTML en canvas lo que viene a explicar es que dentro de este canvas ahora también puedas poner HTML, que esto es una cosa que hasta ahora, como puedes ver aquí no sale el…