Windows Tips & News

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.

Jika Anda menyukai artikel ini, silakan bagikan menggunakan tombol di bawah ini. Ini tidak akan mengambil banyak dari Anda, tetapi itu akan membantu kami tumbuh. Terima kasih atas dukunganmu!

Google Chrome Akan Menampilkan Kode Kesalahan di Aw, Snap! halaman

Google Chrome Akan Menampilkan Kode Kesalahan di Aw, Snap! halaman

Namun perubahan lain sedang dalam perjalanan ke pengguna Chrome. Google memperbarui browser untuk...

Baca lebih banyak

Arsip Kode Kesalahan Google Chrome

Situs web ini menggunakan cookie untuk meningkatkan pengalaman Anda saat menavigasi situs web. Da...

Baca lebih banyak

Microsoft Merilis Windows Console ColorTool

Microsoft Merilis Windows Console ColorTool

1 BalasanSeperti yang mungkin Anda ingat, baru-baru ini, Microsoft menambahkan skema warna baru d...

Baca lebih banyak