Mozilla startet MDN Playground, seinen CodePen-ähnlichen Dienst

Mozilla hat die MDN Playground-Plattform eingeführt, die es Benutzern ermöglicht, HTML-, CSS- und JavaScript-Codefragmente direkt im Browser in der Vorschau anzuzeigen und zu teilen. Es unterstützt das Bearbeiten von Code, das Anzeigen von Echtzeitergebnissen und bietet integrierte Unterstützung für das Prettier-Tool. MDN Playground ist der CodePen-Community ziemlich ähnlich und bietet Entwicklern eine kostenlose Nutzung.

Der MDN Web Docs-Blog kürzlich angekündigt die Veröffentlichung der MDN Playground-Plattform, die Benutzern die Möglichkeit bietet, HTML-, CSS- und JavaScript-Codefragmente zu testen und zu präsentieren. Durch die sofortige Browservorschau können Benutzer die Ergebnisse in Echtzeit beobachten und sie einfach zusammen mit dem entsprechenden Code teilen.

Das MDN Web Docs-Team plant, die Plattform zum Formatieren von Codebeispielen auf der Website zu nutzen. Es ermöglicht die direkte Ausführung des Codes im Browser und die sofortige Anzeige des Ergebnisses der Codeausführung. Außerdem kann der Code schnell bearbeitet werden und die Änderungen im Ergebnis seiner Arbeit angezeigt werden. Neben den Codeblöcken auf MDN werden „Play“-Schaltflächen angezeigt, die den Entwickler zum Playground führen.

Der MDN Playground ist mit allen modernen Browsern kompatibel und bietet Entwicklern kostenlosen Zugang. Das Teilen von Codeausschnitten über Permalinks erfordert eine Autorisierung auf der MDN Web Docs-Plattform. Darüber hinaus bietet der Playground integrierte Unterstützung für das Prettier-Tool, wodurch sichergestellt wird, dass der Code automatisch allgemein anerkannten Designstandards entspricht.

Ähnlich wie die beliebte CodePen-Community bietet der MDN Playground Entwicklern eine Plattform zum Erstellen von Prototypen und zum Teilen ihrer Arbeit mithilfe von HTML, CSS und JavaScript. Die CodePen-Community veranstaltet aber auch regelmäßig Wettbewerbe und Wettbewerbe, es geht also nicht nur um Code-Sharing.