Mozilla lance MDN Playground, son service de type CodePen
Mozilla a lancé la plate-forme MDN Playground, permettant aux utilisateurs de prévisualiser et de partager des extraits de code HTML, CSS et JavaScript directement dans le navigateur. Il prend en charge l'édition de code, la visualisation des résultats en temps réel et la prise en charge intégrée de l'outil Prettier. MDN Playground est assez similaire à la communauté CodePen et offre une utilisation gratuite aux développeurs.
Le blog MDN Web Docs récemment annoncé la sortie de la plate-forme MDN Playground, offrant aux utilisateurs la possibilité de tester et de présenter des extraits de code HTML, CSS et JavaScript. Grâce à la prévisualisation instantanée du navigateur, les utilisateurs peuvent observer les résultats en temps réel et les partager facilement avec le code correspondant.
L'équipe de MDN Web Docs prévoit d'utiliser la plate-forme pour formater des exemples de code sur le site. Il permet d'exécuter le code directement dans le navigateur et de voir instantanément le résultat de l'exécution du code. De plus, le code peut être rapidement modifié et regarder les changements dans le résultat de son travail. Les boutons "Jouer" seront visibles à côté des blocs de code sur MDN, amenant le développeur à Playground.
Le MDN Playground est compatible avec tous les navigateurs modernes et offre un accès gratuit aux développeurs. Le partage d'extraits de code via des permaliens nécessite une autorisation sur la plateforme MDN Web Docs. De plus, Playground inclut une prise en charge intégrée de l'outil Prettier, garantissant que le code adhère automatiquement aux normes de conception largement acceptées.
Semblable à la communauté populaire CodePen, le MDN Playground fournit une plate-forme permettant aux développeurs de prototyper et de partager leur travail à l'aide de HTML, CSS et JavaScript. Mais la communauté CodePen organise également régulièrement des compétitions et des concours, il ne s'agit donc pas uniquement de partage de code.
Si vous aimez cet article, partagez-le en utilisant les boutons ci-dessous. Cela ne vous demandera pas grand-chose, mais cela nous aidera à grandir. Merci pour votre aide!