Strumento HTML Playground

Un sandbox sicuro per sperimentare liberamente HTML, CSS e JavaScript.

Introduzione

Un parco giochi HTML è un ambiente online sandbox in cui puoi sperimentare il codice senza conseguenze. Scrivi quello che vuoi, eseguilo, guarda i risultati e ricomincia. È il luogo perfetto per apprendere, testare ed esplorare le tecnologie web.

Cosa rende diverso un parco giochi?

Un parco giochi è progettato per la sperimentazione. A differenza di un IDE di produzione, non c'è alcuna struttura del progetto di cui preoccuparsi, nessun file da salvare e nessuna pipeline di distribuzione. Hai una tela bianca e la libertà di provare qualsiasi cosa.

Ciò è particolarmente utile per:

  • Testare "e se?" scenari rapidamente
  • Sperimentare le nuove proprietà CSS di cui hai letto
  • Provare le API JavaScript che non hai mai utilizzato prima
  • Realizzazione di prototipi usa e getta
  • Riproduzione dei bug in isolamento

Caratteristiche del parco giochi

  • Ripristino istantaneo: un clic per tornare allo stato predefinito
  • Esecuzione in modalità sandbox: il codice viene eseguito in un iframe isolato
  • Output della console: visualizza i log e gli errori JavaScript
  • Opzione di download: salva gli esperimenti che desideri conservare
  • Ottimizzazione per dispositivi mobili: sperimenta su qualsiasi dispositivo

Idee da provare nel parco giochi

  1. Costruisci uno spinner di caricamento animato solo CSS
  2. Crea un layout di griglia reattivo con CSS Grid
  3. Crea un semplice elenco di cose da fare con JavaScript
  4. Testare l'API Intersection Observer
  5. Crea un'attivazione/disattivazione della modalità buio/luce
  6. Sperimenta le proprietà personalizzate CSS (variabili)
  7. Costruisci un timer per il conto alla rovescia

Inizia a sperimentare

Visita HTML Code Runner e inizia a giocare con il codice. Non ci sono regole, limiti e conseguenze: solo tu e il browser.

Domande frequenti

SÌ. Il codice viene eseguito in un iframe sandbox che non può accedere ai dati del browser o ad altre schede.

Puoi scaricare il codice e condividere il file HTML. Lo strumento non dispone di una funzionalità di condivisione integrata.

No. Puoi utilizzare il parco giochi per tutto il tempo che desideri. Non ci sono limiti di sessione.

Risorse correlate