HTML acaba de cambiar para siempre (en serio)

midudev

Resumen

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.

Capítulos

  1. 0:00Introducción al futuro del HTML y canvas
  2. 0:32Limitaciones del canvas tradicional
  3. 0:43La propuesta: HTML dentro del canvas
  4. 2:05Ventajas: accesibilidad y selección de texto
  5. 2:34Interactividad avanzada en 3D
  6. 3:26Demostración de edición en tiempo real
  7. 4:24Recursos para aprender más
  8. 4:48Ejemplos en entornos 3D complejos
  9. 5:24Inspección de elementos en herramientas de desarrollo
  10. 6:17Demostración técnica con Doom
  11. 7:58Cómo habilitar la función experimental
  12. 8:38El futuro y el soporte de navegadores
  13. 9:45Aplicaciones reales y visión final

Temas tratados

  • 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

Extracto de la transcripción

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…