Outil HTML Aire de jeu

Un bac à sable sécurisé pour expérimenter librement HTML, CSS et JavaScript.

Introduction

Un terrain de jeu HTML est un environnement en ligne en bac à sable dans lequel vous pouvez expérimenter du code sans conséquences. Écrivez ce que vous voulez, exécutez-le, voyez les résultats et recommencez. C'est l'endroit idéal pour apprendre, tester et explorer les technologies Web.

Qu’est-ce qui rend une aire de jeux différente ?

Une aire de jeux est conçue pour l’expérimentation. Contrairement à un IDE de production, il n'y a pas de structure de projet à gérer, pas de fichiers à enregistrer et pas de pipeline de déploiement. Vous avez une toile vierge et la liberté de tout essayer.

Ceci est particulièrement utile pour :

  • Tester « et si ? » scénarios rapidement
  • Expérimenter avec les nouvelles propriétés CSS que vous avez lues
  • Essayer des API JavaScript que vous n'avez jamais utilisées auparavant
  • Construire des prototypes jetables
  • Reproduire des bugs de manière isolée

Caractéristiques du terrain de jeu

  • Réinitialisation instantanée : un clic pour revenir à l'état par défaut
  • Exécution en bac à sable : le code s'exécute dans une iframe isolée
  • Sortie de la console : consultez les journaux et les erreurs JavaScript.
  • Option de téléchargement : enregistrez les expériences que vous souhaitez conserver
  • Adapté aux appareils mobiles : testez sur n'importe quel appareil

Idées à essayer dans la cour de récréation

  1. Créer un spinner de chargement animé uniquement en CSS
  2. Créez une disposition de grille réactive avec CSS Grid
  3. Créez une liste de tâches simple avec JavaScript
  4. Testez l'API Intersection Observer
  5. Créer une bascule de mode sombre/clair
  6. Expérimentez avec les propriétés personnalisées CSS (variables)
  7. Construire un compte à rebours

Commencez à expérimenter

Visitez le HTML Code Runner et commencez à jouer avec le code. Il n'y a pas de règles, pas de limites et aucune conséquence : juste vous et le navigateur.

Foire aux questions

Oui. Le code s'exécute dans une iframe en bac à sable qui ne peut pas accéder aux données de votre navigateur ou à d'autres onglets.

Vous pouvez télécharger votre code et partager le fichier HTML. L'outil n'a pas de fonctionnalité de partage intégrée.

Non, vous pouvez utiliser l’aire de jeux aussi longtemps que vous le souhaitez. Il n'y a pas de limite de session.

Ressources connexes