Windows Tips & News

Mozilla запускає MDN Playground, свою службу, схожу на CodePen

click fraud protection
РЕКОМЕНДОВАНО: Натисніть тут, щоб вирішити проблеми з Windows і оптимізувати продуктивність системи

Mozilla запустила платформу MDN Playgroung, що дозволяє користувачам переглядати та ділитися фрагментами коду HTML, CSS і JavaScript безпосередньо в браузері. Він підтримує редагування коду, перегляд результатів у реальному часі та має вбудовану підтримку інструменту Prettier. MDN Playgroung дуже схожий на спільноту CodePen і пропонує безкоштовне використання для розробників.

Нещодавно у блозі MDN Web Docs оголосив випуск платформи MDN Playground, яка надає користувачам можливість тестувати та демонструвати фрагменти коду HTML, CSS і JavaScript. Завдяки миттєвому попередньому перегляду в браузері користувачі можуть спостерігати за результатами в реальному часі та легко ділитися ними разом із відповідним кодом.

Дитячий майданчик MDN

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

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

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

РЕКОМЕНДОВАНО: Натисніть тут, щоб вирішити проблеми з Windows і оптимізувати продуктивність системи

Якщо вам подобається ця стаття, поділіться нею за допомогою кнопок нижче. Це не займе від вас багато, але допоможе нам рости. Дякую за твою підтримку!

Реклама

Завантажити Завантажити Pyrite Skin для Winamp

Цей веб-сайт використовує файли cookie, щоб покращити ваш досвід під час навігації веб-сайтом. З ...

Читати далі

Завантажити Завантажити скін blink.bot для Winamp

Цей веб-сайт використовує файли cookie, щоб покращити ваш досвід під час навігації веб-сайтом. З ...

Читати далі

Завантажити Завантажити crysis_modern_skin Skin для Winamp

Цей веб-сайт використовує файли cookie, щоб покращити ваш досвід під час навігації веб-сайтом. З ...

Читати далі