Mozilla julkaisee CodePen-kaltaisen palvelun MDN Playgroundin

Mozilla on julkaissut MDN Playgroung -alustan, jonka avulla käyttäjät voivat esikatsella ja jakaa HTML-, CSS- ja JavaScript-koodinpätkät suoraan selaimessa. Se tukee koodin muokkausta, reaaliaikaisten tulosten näkemistä ja sisältää sisäänrakennetun tuen Prettier-työkalulle. MDN Playgroung on melko samanlainen kuin CodePen-yhteisö ja tarjoaa ilmaisen käytön kehittäjille.

MDN Web Docs -blogi äskettäin ilmoitti MDN Playground -alustan julkaisu, joka tarjoaa käyttäjille mahdollisuuden testata ja esitellä HTML-, CSS- ja JavaScript-koodinpätkät. Välittömän selaimen esikatselun avulla käyttäjät voivat tarkkailla tuloksia reaaliajassa ja jakaa ne helposti vastaavan koodin rinnalla.

MDN Web Docs -materiaali aikoo käyttää alustaa koodinäytteiden muotoiluun sivustolla. Se mahdollistaa koodin suorittamisen suoraan selaimessa ja koodin suorittamisen tuloksen näkemisen välittömästi. Myös koodia voidaan nopeasti muokata ja tarkastella muutoksia sen työn tuloksessa. "Play"-painikkeet näkyvät MDN: n koodilohkojen vieressä, mikä vie kehittäjän Playgroungiin.

MDN Playground on yhteensopiva kaikkien nykyaikaisten selaimien kanssa ja tarjoaa ilmaisen pääsyn kehittäjille. Koodinpätkien jakaminen pysyvien linkkien kautta vaatii valtuutuksen MDN Web Docs -alustalla. Lisäksi Playground sisältää sisäänrakennetun tuen Prettier-työkalulle, mikä varmistaa, että koodi noudattaa automaattisesti laajalti hyväksyttyjä suunnittelustandardeja.

Kuten suosittu CodePen-yhteisö, MDN Playground tarjoaa kehittäjille alustan prototyyppien tekemiseen ja työnsä jakamiseen HTML: n, CSS: n ja JavaScriptin avulla. CodePen-yhteisö järjestää myös säännöllisesti kilpailuja, joten kyse ei ole vain koodin jakamisesta.