Mozilla представила платформу MDN Playground, предназначенную для предварительного просмотра HTML, CSS и JavaScript в браузере. Пользователи могут делиться сниппетами кода и использовать их для демонстрации примеров в документации.

В блоге MDN Web Docs рассказали о запуске платформы MDN Playground, позволяющей тестировать и показывать сниппеты кода HTML, CSS и JavaScript. Пользователи могут сразу увидеть результат в окне браузера и поделиться им вместе с самим кодом.

Администрация MDN Web Docs планирует использовать платформу для оформления примеров кода на площадке. Теперь разработчики смогут запускать код прямо в браузере и видеть результат его работы. Также код можно будет быстро редактировать и смотреть на изменения результат его работы. Над блоками кода в MDN постепенно будут появляться кнопки Play, позволяющие перейти в Playground.

MDN Playground работает во всех современных браузерах. Разработчики могут бесплатно пользоваться возможностями платформы. Делиться сниппетами по постоянной ссылке можно только после авторизации в MDN Web Docs. Также есть встроенная поддержка инструмента Prettier, который автоматические приводит код к общепринятым стандартам оформления.

Сама платформа MDN Playground похожа на популярное сообщество CodePen, в котором разработчики могут создавать свои прототипы с помощью HTML, CSS и JavaScript и делиться им. В сообществе проводятся регулярные соревнования и контесты для веб-разработчиков.