Mozilla lanserar MDN Playground, dess CodePen-liknande tjänst

Mozilla har lanserat MDN Playground-plattformen, som tillåter användare att förhandsgranska och dela HTML-, CSS- och JavaScript-kodavsnitt direkt i webbläsaren. Den stöder redigering av kod, se resultat i realtid och har inbyggt stöd för Prettier-verktyget. MDN Playground är ganska lik CodePen-communityt och erbjuder gratis användning för utvecklare.

MDN Web Docs-bloggen nyligen meddelat lanseringen av MDN Playground-plattformen, som ger användarna möjlighet att testa och visa upp HTML-, CSS- och JavaScript-kodsnuttar. Med omedelbar förhandsgranskning av webbläsaren kan användare observera resultaten i realtid och enkelt dela dem tillsammans med motsvarande kod.

MDN Web Docs planerar att använda plattformen för att formatera kodexempel på webbplatsen. Det gör det möjligt att köra koden direkt i webbläsaren och omedelbart se resultatet av kodexekveringen. Dessutom kan koden snabbt redigeras och titta på förändringarna i resultatet av sitt arbete. "Spela"-knappar kommer att vara synliga bredvid kodblocken på MDN, vilket tar utvecklaren till Playground.

MDN Playground är kompatibel med alla moderna webbläsare och erbjuder fri tillgång till utvecklare. Att dela kodavsnitt genom permalänkar kräver auktorisering på MDN Web Docs-plattformen. Dessutom har Playground inbyggt stöd för Prettier-verktyget, vilket säkerställer att koden automatiskt följer allmänt accepterade designstandarder.

I likhet med det populära CodePen-communityt erbjuder MDN Playground en plattform för utvecklare att prototyper och dela sitt arbete med HTML, CSS och JavaScript. Men CodePen-communityt anordnar också regelbundna tävlingar och tävlingar, så det handlar inte bara om koddelning.