Permainan Slot Sederhana (Dapat Dikonfigurasi)

HTML

Preprosesor HTML

Preprosesor HTML dapat membuat penulisan HTML menjadi lebih kuat atau nyaman. Misalnya, Markdown dirancang untuk lebih mudah ditulis dan dibaca untuk dokumen teks, dan Anda dapat menulis loop di Pug.

Menambahkan Kelas ke <html>

Menambahkan Kelas - Di editor, apa pun yang Anda tulis di editor HTML akan ditempatkan di dalam tag <body> dalam template HTML5 dasar. Jadi Anda tidak memiliki akses ke elemen yang lebih tinggi seperti tag <html>. Jika Anda ingin menambahkan kelas di sana yang dapat memengaruhi seluruh dokumen, ini adalah tempat untuk melakukannya.

Konten untuk <head>

Tentang <head> - Di editor, apa pun yang Anda tulis di editor HTML akan ditempatkan di dalam tag <body> dalam template HTML5 dasar. Jika Anda membutuhkan sesuatu di dalam <head> dokumen, letakkan kode itu di sini.

Sumber Daya Tidak Aman - Sumber daya yang Anda tautkan menggunakan protokol 'http', yang mungkin tidak berfungsi saat browser menggunakan https.

CSS

Preprosesor CSS

Preprosesor CSS membantu mempermudah penulisan CSS. Semuanya menawarkan hal-hal seperti variabel dan mixin untuk menyediakan abstraksi yang nyaman.

Normalisasi
Reset
Tidak Ada

Prefiks Vendor

Untuk mendapatkan dukungan lintas browser terbaik, praktik umum adalah menerapkan prefiks vendor ke properti dan nilai CSS yang membutuhkannya. Misalnya "-webkit-" atau "-moz-".

Menambahkan Stylesheet/Pens Eksternal

URL apa pun yang ditambahkan di sini akan ditambahkan sebagai <link> secara berurutan, dan sebelum CSS di editor. Anda dapat menggunakan CSS dari Pen lain dengan menggunakan URL-nya dan ekstensi URL yang tepat.

JavaScript

Preprosesor JavaScript

Preprosesor JavaScript dapat membantu membuat penulisan JavaScript lebih mudah dan nyaman. Babel termasuk pemrosesan JSX.

Menambahkan Skrip/Pens Eksternal

URL apa pun yang ditambahkan di sini akan ditambahkan sebagai <script> secara berurutan, dan dijalankan sebelum JavaScript di editor. Anda dapat menggunakan URL dari Pen lain dan akan menyertakan JavaScript dari Pen tersebut.

Paket

Menambahkan Paket

Cari dan gunakan paket JavaScript dari npm di sini. Dengan memilih paket, pernyataan import akan ditambahkan ke bagian atas editor JavaScript untuk paket ini. Menggunakan paket di sini didukung oleh esm, yang membuat paket dari npm tidak hanya tersedia di CDN, tetapi juga menyiapkannya untuk penggunaan ESM JavaScript asli.

Perilaku

Simpan Otomatis

Jika aktif, Pens akan menyimpan otomatis setiap 30 detik setelah disimpan satu kali.

Pratinjau Pembaruan Otomatis

Jika diaktifkan, panel pratinjau akan diperbarui secara otomatis saat Anda menulis kode. Jika dinonaktifkan, gunakan tombol "Jalankan" untuk memperbarui.