Tutorial HTML

HTML Top Contributors

Animasi [Frame] Dengan HTML5 (Part 2)

Bismillahirahmanirahim Assalamualaikum wr.wb Setelah sebelumnya saya sudah membuat tutorial yang Part 1. Sekarang kita beralih ke part 2. Ke part 2 ini, kita akan membuat animasi berdasarkan frame! Jadi gambarnya bisa berubah ubah seperti gif, padahal hanya image biasa. Apa yang harus diperhatikan dalam tahap ini? 1. Se...

0
Level: Newbie
Est. time: 30 min

Animasi Dengan HTML5 (Part 1)

Bismillahirahmanirahim Assalamualaikum wr.wb Pada bab 1 ini, saya akan memberikan tutorial untuk membuat animasi gerak dalam HTML5. Dalam html5 ini, untuk membuat sebuah animasi, kita hanya memerlukan adanya perulangan yang terjadi secara terus menerus. Berikut beberapa hal yang perlu diperhatikan: 1. Lakukan clear canv...

0
Level: Newbie
Est. time: 20 min

Mendeteksi Lokasi dengan HTML5 Geolocation

Di tutorial kali ini masih berkaitan dengan google maps, yaitu kita akan membuat script dimana kita bisa mendeteksi lokasi dari pengguna dengan menggunakan fitur HTML5 Geolocation. Geolocation adalah proses mendeteksi lokasi keberadaan kita menggunakan koneksi internet. Menggunakan HTML 5 dan juga men...

4
Level: Newbie
Est. time: 20 min

Menampilkan Markers Google Maps API dengan PHP dan MySQL

Hai-hai teman-teman jagocoding. Kali ini sedikit lebih advance, tapi tetap masih pada topik tentang Google Maps! Kali ini masih menampilkan markers tapi kali ini data markers kita ambil dari database sendiri. Pada tutorial kali ini kita akan sedikit menggunakan PHP dan juga MySQL

4
Level: Newbie
Est. time: 20 min

Menampilkan multiple marker Google Maps API

Masih berhubungan dengan Google Maps, kali ini saya akan mengajarkan bagaimana menampilkan banyak marker pada map. Kalau pada sebelumnya kita menampilkan banyak marker dengan menggunakan mouse click, kali ini kita akan menampilkan secara bersamaan, dalam sekali load page. Ceritanya contohnya disini ...

0
Level: Newbie
Est. time: 20 min

Limitasi Text Input dengan Javascript

Assalamualaikum. wr.wb.Sampai jumpa kembali pada kesempatan kali ini saya akan menulis tutorial tentang limitasi inputan dengan menggunakan javascript, limitasi inputan ini biasanya diterapkan pada textarea untuk membatasi banyaknya karakter yang diinput oleh user, misalnya hanya 100  atau 1000 karakter saja, t...

0
Level: Newbie
Est. time: 30 min

Bermain dengan Marker Google Maps API

Marker adalah salah satu penanda lokasi berbentuk icon atau pin atau juga image. Marker bisa kita rubah dengan image dari kita atau menggunakan default dari google maps. Hal yang kita bisa lakukan dengan marker salah satunya adalah menambahkan animasi, membuat marker bisa di drag, menghapus dan lain-lainnya.

0
Level: Newbie
Est. time: 30 min

Membuat Form Dinamis dengan HTML & Javascript.

Assalamualaikum wr.wb. Form tentunya sudah tidak asing lagi bagi para developer web, element html yg satu ini seolah-olah merupakan element wajib ada pada setiap website. Form umumnya digunakan agar website dapat berinteraksi dengan user/pengunjung, misalnya untuk login, pencarian dan lain sebagainya. Saya yakin k...

0
Level: Newbie
Est. time: 30 min

Validasi Form dengan HTML5

Assalamualaikum wr. wb. berbicara tentang form tentu tidak asing lagi dengan istilah “Validasi” apa itu validasi ? sederhananya validasi itu adalah pengecekan inputan, dulu sebelum release HTML5, para developer web memvalidasi inputan dengan menggunakan javascript atau PHP, seiring dengan pesatnya perke...

0
Level: Newbie
Est. time: 15 min

Menampilkan Google Maps V3 pada halaman website

Sekilas tentang Google Maps, ya semua mungkin hampir sudah tahu merupakan salah satu produk dari Google. Dengan Google Maps kita bisa menampilkan peta digital ke dalam website kita. Google Maps API sendiri bukan hanya tersedia untuk web, tapi juga tersedia untuk Android, dan beberapa platform lainnya. Untuk versi web yaitu menggunakan bahasa pemrograman JavaScript (JS) sampai saat ini dibuat kini sudah masuk ke versi Google Maps API V.3. Pada tutorial kali ini kita akan mencoba menampilkan Maps biasa, menampilkan marker, dan juga menampilkan info windows pada marker. Dan juga beberapa property atau options yang bisa digunakan pada maps kita.

0
Level: Newbie
Est. time: 30 min