Kategori: HTML5, CSS & JavaScript

Di bawah ini adalah blok kode contoh menggunakan layanan translator azure:

Kalau kamu sering ngoding CSS, pasti pernah ngalamin hal ini: Nah, di sinilah CSS selector level ninja beraksi. Dengan selector yang tepat, kode CSS kamu jadi ringkas, rapi, dan nggak perlu ngotak-atik HTML. Yuk, kita bedah satu per satu. 1. Skip Elemen Pertama dengan :first-of-type Misalnya, kamu mau semua <h1> punya margin-top: 2em, tapi yang…

Mengintegrasikan fitur lokasi (GPS) ke dalam aplikasi web bukan lagi hal yang sulit. JavaScript menyediakan API bawaan bernama Geolocation API yang memungkinkan kita mengakses informasi lokasi pengguna, baik ketika aplikasi dibuka di desktop maupun smartphone Android/iOS. Dalam artikel ini, kita akan membahas secara lengkap: 🧭 1. Apa itu Geolocation API? Geolocation API adalah bagian dari…

Untuk membuat video player HTML dan JavaScript dengan menggunakan link dari Google Drive sebagai sumber video, Anda dapat mengikuti langkah-langkah berikut: Dengan mengikuti langkah-langkah di atas, Anda seharusnya dapat membuat video player sederhana yang menggunakan video dari Google Drive sebagai sumbernya. Pastikan tautan video dapat diakses oleh publik agar video dapat diputar tanpa masalah.

Saya buatkan panduan praktis step-by-step untuk mengintegrasikan Cloudflare Turnstile (Human Check) pada halaman login & register website kamu.Cloudflare Turnstile ini gratis dan ringan, mirip reCAPTCHA, tapi tanpa mengganggu user experience. 📌 Langkah 1 — Daftar Cloudflare Turnstile 📌 Langkah 2 — Tambahkan Widget di Halaman Login & Register Misalnya halaman login kamu ada di: /login.html…

Kode snippet JavaScript ini jika kamu jalankan akan menampilkan thumbnail-thumbnail postingan terakhir sebuah web berbasis wordpress. Thumbnail-thumbnail itu akan muncul sebagai floating content yang menempel di bagian bawah halaman web kamu. Ini scriptnya:

Mungkin kalau mau bikin fun project yang ada fitur enkripsi dan dekripsi pakai password sederhana, kalian bisa pakai kode ini:

Aku punya snippet menarik untuk menampilkan gambar yang floating (mengapung) yang jika diklik akan muncul gambar ukuran penuh dan ketika diklik lagi akan mengarah ke url yang diset di kode JS. Berikut snippetnya:

Di bawah ini adalah kode html count down yang pernah dipakai di website ciihuy.com

Sering kita lihat di internet halaman web berisi countdown, menghitung hari, jam, menit dan detik suatu event akan dimulai. Nah saya pernah membuat countdown seperti itu, berikut ini scriptnya: Kamu tinggal mengubah tanggalan yang kamu inginkan, edit bagian ini: May 13, 2025 13:25:00

Cara menampilkan overlay live chat id OBS cukup mudah jika kalian mengikuti langkah-langkah ini: Dari dashboard live streaming YouTube, klik tombol titik tiga pada kolom live chat, dan buat dia popout (Popout Chat). Nah setelah itu link nya kita copy paste ke OBS. Setelah itu kita tambahkan custom css untuk menampilkan hanya teks chat nya…

Di bawah ini Om Puter share contoh kode HTML dan JavaScript untuk membuat program Text To Speech sederhana dan sederhananya pake banget. Ini dia kodenya… Buat file index.html kosong dan copy paste kode di bawah ini: Source aslinya dari website ini yah, guys: https://www.juannicolas.eu/convert-text-to-speech-with-javascript/

Halo, kamu perlu source code program menggambar pada di halaman web dengan mengunakan HTML5 dan JavaScript? Dua program yang saya bagikan ini mungkin bisa membantu, kamu bisa menggambar doodle dan bahkan bisa mengganti ukuran brush serta warnanya. Program HTML5 untuk menggambar ini dibuat dengan menggunakan library JavaScript PhaserJS. Berikut link-link yang kamu lihat di video…