Herramienta HTML Playground

Un entorno limitado seguro para experimentar con HTML, CSS y JavaScript libremente.

Introducción

Un patio de juegos HTML es un entorno en línea protegido donde puedes experimentar con código sin consecuencias. Escribe lo que quieras, ejecútalo, mira los resultados y empieza de nuevo. Es el lugar perfecto para aprender, probar y explorar tecnologías web.

¿Qué hace que un parque infantil sea diferente?

Un parque infantil está diseñado para la experimentación. A diferencia de un IDE de producción, no hay una estructura de proyecto de la que preocuparse, ni archivos que guardar ni ningún proceso de implementación. Tienes un lienzo en blanco y la libertad de probar cualquier cosa.

Esto es especialmente valioso para:

  • Probando "¿y si?" escenarios rápidamente
  • Experimentar con nuevas propiedades CSS sobre las que has leído
  • Probar API de JavaScript que no has usado antes
  • Construyendo prototipos desechables
  • Reproducir errores de forma aislada

Características del patio de juegos

  • Reinicio instantáneo: un clic para volver al estado predeterminado
  • Ejecución en espacio aislado: el código se ejecuta en un iframe aislado
  • Salida de la consola: consulte los registros y errores de JavaScript
  • Opción de descarga: guarde los experimentos que desee conservar.
  • Apto para dispositivos móviles: experimente en cualquier dispositivo

Ideas para probar en el patio de recreo

  1. Cree un control giratorio de carga animado solo con CSS
  2. Cree un diseño de cuadrícula receptivo con CSS Grid
  3. Cree una lista de tareas sencilla con JavaScript
  4. Pruebe la API de Intersection Observer
  5. Crear una alternancia de modo oscuro/claro
  6. Experimente con propiedades personalizadas de CSS (variables)
  7. Construye un temporizador de cuenta regresiva

Comience a experimentar

Visita HTML Code Runner y comienza a jugar con el código. No hay reglas, límites ni consecuencias: solo usted y el navegador.

Preguntas frecuentes

Sí. El código se ejecuta en un iframe aislado que no puede acceder a los datos de su navegador ni a otras pestañas.

Puede descargar su código y compartir el archivo HTML. La herramienta no tiene una función para compartir incorporada.

No. Puedes utilizar el parque infantil todo el tiempo que quieras. No hay límites de sesión.

Recursos relacionados