Mozilla запускает MDN Playground, свой сервис, похожий на CodePen

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

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

Сотрудники MDN Web Docs планируют использовать платформу для форматирования примеров кода на сайте. Это позволяет запускать код прямо в браузере и мгновенно видеть результат выполнения кода. Также код можно быстро отредактировать и посмотреть на изменения в результате его работы. Кнопки «Воспроизвести» будут видны рядом с блоками кода на MDN, перенаправляя разработчика на игровую площадку.

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

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