Mozilla meluncurkan MDN Playground, layanannya yang mirip CodePen

Mozilla telah meluncurkan platform MDN Playground, memungkinkan pengguna untuk mempratinjau dan berbagi cuplikan kode HTML, CSS, dan JavaScript langsung di browser. Ini mendukung pengeditan kode, melihat hasil waktu nyata, dan menampilkan dukungan bawaan untuk alat Prettier. MDN Playground sangat mirip dengan komunitas CodePen dan menawarkan penggunaan gratis untuk pengembang.

Blog MDN Web Docs baru-baru ini diumumkan rilis platform MDN Playground, memberi pengguna kemampuan untuk menguji dan menampilkan cuplikan kode HTML, CSS, dan JavaScript. Dengan pratinjau browser instan, pengguna dapat mengamati hasilnya secara real-time dan membagikannya dengan mudah di samping kode yang sesuai.

Hal-hal MDN Web Docs berencana menggunakan platform untuk memformat sampel kode di situs. Ini memungkinkan menjalankan kode langsung di browser dan langsung melihat hasil eksekusi kode. Selain itu, kode dapat diedit dengan cepat dan melihat perubahan hasil kerjanya. Tombol "Mainkan" akan terlihat di sebelah blok kode di MDN, membawa pengembang ke Playground.

MDN Playground kompatibel dengan semua browser modern dan menawarkan akses gratis ke pengembang. Berbagi cuplikan kode melalui permalink memerlukan otorisasi pada platform MDN Web Docs. Selain itu, Playground menyertakan dukungan bawaan untuk alat Prettier, memastikan kode mematuhi standar desain yang diterima secara luas secara otomatis.

Mirip dengan komunitas CodePen yang populer, MDN Playground menyediakan platform bagi pengembang untuk membuat prototipe dan membagikan karya mereka menggunakan HTML, CSS, dan JavaScript. Tetapi komunitas CodePen juga menyelenggarakan kompetisi dan kontes reguler, jadi ini bukan tentang berbagi kode saja.