Mozilla lanceert MDN Playground, zijn CodePen-achtige dienst

Mozilla heeft het MDN Playgroung-platform gelanceerd, waarmee gebruikers HTML-, CSS- en JavaScript-codefragmenten rechtstreeks in de browser kunnen bekijken en delen. Het ondersteunt het bewerken van code, het bekijken van real-time resultaten en biedt ingebouwde ondersteuning voor de Prettier-tool. MDN Playgroung lijkt veel op de CodePen-community en biedt gratis gebruik voor ontwikkelaars.

De MDN Web Docs-blog onlangs aangekondigd de release van het MDN Playground-platform, waarmee gebruikers HTML-, CSS- en JavaScript-codefragmenten kunnen testen en presenteren. Met directe browservoorbeelden kunnen gebruikers de resultaten in realtime bekijken en deze eenvoudig delen met de bijbehorende code.

De MDN Web Docs-dingen zijn van plan het platform te gebruiken om codevoorbeelden op de site te formatteren. Hiermee kan de code rechtstreeks in de browser worden uitgevoerd en ziet u direct het resultaat van de uitvoering van de code. Ook kan de code snel worden bewerkt en kunnen de veranderingen in het resultaat van zijn werk worden bekeken. "Play"-knoppen zullen zichtbaar zijn naast de codeblokken op MDN, waardoor de ontwikkelaar naar Playgroung gaat.

De MDN Playground is compatibel met alle moderne browsers en biedt gratis toegang aan ontwikkelaars. Het delen van codefragmenten via permalinks vereist autorisatie op het MDN Web Docs-platform. Bovendien bevat de Playground ingebouwde ondersteuning voor de Prettier-tool, waardoor code automatisch voldoet aan algemeen aanvaarde ontwerpnormen.

Net als de populaire CodePen-community biedt de MDN Playground een platform voor ontwikkelaars om prototypes te maken en hun werk te delen met behulp van HTML, CSS en JavaScript. Maar de CodePen-community organiseert ook regelmatig competities en prijsvragen, het gaat dus niet alleen om het delen van codes.