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, що переведе розробника на Playground.

MDN Playground сумісний з усіма сучасними браузерами та пропонує безкоштовний доступ для розробників. Щоб надати спільний доступ до фрагментів коду через постійні посилання, потрібна авторизація на платформі MDN Web Docs. Крім того, Playground містить вбудовану підтримку інструменту Prettier, що забезпечує автоматичне дотримання коду загальноприйнятих стандартів дизайну.

Подібно до популярної спільноти CodePen, MDN Playground надає розробникам платформу для прототипування та обміну своєю роботою за допомогою HTML, CSS і JavaScript. Але спільнота CodePen також організовує регулярні змагання та конкурси, тому мова йде не лише про обмін кодом.