Tutorial Web Programming

Web Programming Top Contributors

Mengkategorikan file berdasarkan ekstensi dengan PHP

Hai, Kembali lagi bersama saya Boy Panjaitan.Kali ini saya akan memberikan tutorial untuk mengkategorikan file berdasarkan ekstensi nya dengan menggunakan PHPOke, langsung kita mulai sajaDisini saya memiliki folder yang didalamnya terdapat banyak file dengan beragam tipe , ada yang image, vidio, lagu dan...

0
Level: Standard
Est. time: 15 min

Animasi [Bola] Dengan HTML5 Part 3

Bismillahirahmanirahim Assalamualaikum wr.wb Setelah sebelumnya ada 2 part tutorial yang masih berhubungan dengan animasi. Kini kita masuk ke part 3. Untuk baca part 2 silahkan Klik Disini. Sebelumnya juga sudah dibahas tentang animasi gerak gambar, kini kita akan mencoba sebuah animasi bola. Semakin Seru kan? Nanti akan...

4
Level: Newbie
Est. time: 10 min

Background Vidio pada Website

Hai, Berjumpa lagi dengan saya Boy Panjaitan.kali ini saya akan berbagi tutorial tentang cara membuat background website berupa vidio. Biasanya memang background ituberupa image. Namun dibeberapa website seperti Paypal mereka menggunakan vidio sebagai background Halaman utamanya.Mungkin anda bertanya bag...

0
Level: Newbie
Est. time: 10 min

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

SImple Pop-Up Modal dengan CSS3 dan Jquery

Assalamualaikum wr.wb. bertemu lagi dengan saya, kali ini saya akan menulis tutorial tentang pop-up, apa itu pop-up? Kalo menurut wikipedia pop-up ini adalah iklan yang melayang tiba-tiba, kalau dalam boostrap itu namanya “modal”,  dan kalo menurut saya sediri pop-up itu div melayang. Hehe. Tersera...

0
Level: Newbie
Est. time: 30 min

Responsive Sidebar dengan Bootstrap

Hai, Berjumpa lagi dengan saya Boy Panjaitan. kali ini saya akan membagikan tutorial tentang CSS lagi.Pernahkah anda melihat website dengan sidebar yang responsive? responsive disini maksudnya adalah saat pada tampilandekstop sidebar akan muncul, namun pada tampilan mobile sidebarnya akan menghilang dan ...

0
Level: Standard
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...

3
Level: Newbie
Est. time: 20 min

Efek Flip pada Box Elemen

Kembali lagi dengan saya. kali ini saya akan berbagi tutorial CSS yaitu membuat efek flip pada elemen div.ya efek flip itu adalah efek seperti kotak berbalik saat elemen di hover (pointer mouse berada diatas elemen).oke langsung saja, disini kita akan memfokuskan pada styling CSS nya. Kita buat kotak dasar...

0
Level: Standard
Est. time: 10 min

Membuat sistem sticker sederhana

Kali ini saya akan berbagi tutorial membuat sistem sticker sederhana seperti yang ada di BBM adat di Line, tapi ini masih yang sederhanabelum bisa dibandingkan dengan BBM atau line. Kita akan membuatnya dengan memanfaatkan sintak str_replace pada PHPOke, Langsung sajaPertama kita membutuhkan font-awesome...

0
Level: Standard
Est. time: 10 min