10 meilleurs terrains de jeux de code en 2021

Les offres de jeux en ligne développeurs l’environnement de code pour expérimenter la plupart des choses dès que la page se charge. Il utilise toutes les technologies web telles que HTML, CSS, Javascript, ou PHP pour fournir aux développeurs des applications Web innovantes et significatives. Le terrain de jeu est la plate-forme qui les aide à créer des applications ainsi que des fonctionnalités avancées. Grâce à cela, ils peuvent éditer le code en ligne, prévisualiser le travail à chaque étape, déboguer l’erreur ainsi que tester les cas des extraits. Les développeurs peuvent également partager le code et voir les modifications s’ils l’ont fait dans le code. Ses développeurs ont combiné la technologie du Web pour améliorer ses capacités et ses fonctionnalités afin qu’il puisse fonctionner avec toutes les plateformes et puisse également créer tous types de sites Web et d’applications. Cet article répertorie les 10 meilleurs codage aires de jeux pour développeurs web en 2021.

1.CodePen

CodePen est un terrain de jeu pour le front-end du Web. Tout est question d’inspiration, d’éducation et de partage. Le service met en évidence les démonstrations populaires (« Stylos ») et offre des fonctionnalités avancées telles que le partage et l’intégration. CodePen est idéal pour créer un cas de test réduit pour démontrer et résoudre un bogue.

2. CSSDesk

CSSDesk est un bac à sable CSS en ligne. Il permet aux utilisateurs de tester rapidement des extraits de code CSS et de regarder le résultat apparaître en direct. Il y a des numéros de ligne et une coloration syntaxique apparaît dans la zone de texte pendant que vous tapez. L’une des meilleures choses est qu’il permet également aux utilisateurs de partager leur code avec d’autres.

3. Le terrain de jeu du code de Google

Code Playground de Google est un outil Web qui permet aux développeurs Web d’essayer toutes les API fournies par Google, de modifier le code et de voir les résultats. Code Playground de Google vous permet de jouer sans ouvrir un éditeur externe, et toutes les API sont chargées pour vous dans la zone Choisissez une API

4. Corbeille JS

Il fournit un environnement pour créer des applications et aide à tester les extraits de code HTML et CSS. Il vous permet de modifier le code et vous pouvez également déboguer le code si vous trouvez une erreur. Une fois que vous avez finalisé le code, vous pouvez l’envoyer à un pair pour examen.

5. Milieu JSF

jsFiddle est un éditeur de shell qui facilite l’écriture de code JavaScript en créant un environnement personnalisé basé sur des frameworks JS populaires. Vous pouvez sélectionner le framework & la version de votre choix (MooTools, jQuery, Dojo, Prototype, YUI, Glow, Vanilla). De plus, s’il y en a, vous pouvez ajouter un framework complémentaire comme jQuery UI ou MooTools. Une fonctionnalité intéressante est la possibilité d’enregistrer et de partager le code créé avec une URL unique générée. En option, jsFiddle dispose également d’une fonctionnalité d’intégration. C’est une plate-forme presque parfaite pour essayer et partager votre code JavaScript sans avoir besoin d’un site Web.

6. Dabblet

Dabblet est un terrain de jeu interactif pour tester rapidement des extraits de code CSS et HTML. Il utilise -prefix-free afin que vous n’ayez pas à ajouter de préfixes dans votre code CSS. Vous pouvez enregistrer votre travail dans Github Gists, l’intégrer dans d’autres sites Web et le partager avec d’autres. Il ne prend actuellement en charge que les versions modernes de Chrome, Safari et Firefox. Tout le code affiché appartient à l’affiche et aucune licence n’est appliquée. Dabblet lui-même est un logiciel open source et est distribué sous une licence NPOSL-3.0.

7. Éditeur

Editr est un terrain de jeu HTML, CSS et JavaScript que vous pouvez héberger sur votre serveur. Il est basé sur ACE Editor. C’est super facile à mettre en place. Il prend en charge plusieurs instances sur une seule page. Les configurations sont disponibles via l’objet JS ou les attributs HTML. L’éditeur prend en charge 3 vues de mise en page : horizontale, verticale et unique. Les deux premiers sont pour le montage en direct. Le troisième est pour la présentation. L’éditeur est sous licence MIT.

8. Vague en direct

Liveweave est un terrain de jeu HTML5, CSS3 et JavaScript et un éditeur en temps réel pour les concepteurs et développeurs Web. C’est un excellent outil pour tester, pratiquer et partager vos créations. Il a des panneaux redimensionnables pour que vous puissiez écrire votre code (ou tisser, comme nous l’appelons) comme vous le souhaitez. Liveweave intègre également des conseils de code contextuels pour les balises/attributs HTML5 et CSS3, ce qui facilite grandement la vie.

9. Aire de jeux D3

Le D3.js Playground est conçu pour vous permettre de jouer avec la bibliothèque D3.js de manière interactive. Chaque modification effectuée (qui entraîne un code invalide) affecte le terrain de jeu en temps réel. Parce que CSS est une partie si importante des visualisations, vous pouvez également modifier CSS en direct.

10. Aire de jeux HTML5

Le HTML5 Playground comprend une bibliothèque d’extraits de code que vous pouvez explorer pour voir HTML5 en action. Ils incluent quelques exemples de démarrage de base, tels que l’utilisation du Doctype HTML5 et de la balise audio (qui est néanmoins une bonne démonstration des fonctionnalités de lecture dans un navigateur compatible). Il existe un formulaire interactif, comprenant des éléments HTML5 tels que des entrées de plage et de date et une validation automatisée des adresses e-mail et des sites Web.

Partagez cet article

Faire le partage