Tutorial Web Programming

Web Programming Top Contributors

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...

5
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

Mengubah text menjadi Emoticon.

Assalamualaikum wr.wb. halo teman-teman jagocoding semua, pada kesempatan kali ini saya akan menulis tutorial tentang mengubah text menjadi emotion menggunakan php native, seperti halnya di facebook, pada saat kita melakukan chatting/ update status ataupun komen di facebook, kadang kita mengetikkan beberapa text-t...

1
Level: Newbie
Est. time: 60 min

Membuat modal fullscreen Bootstrap

Membuat modal fullscreen Bootstrap Pada CSS Framework telah tersedia modal, modal yang tersedia pada Bootstrap memiliki beberapa ukuran. Tetapi dari beberapa ukuran tersebut tidak ada ukuran yang full screen, untuk dapat membuat modal Full Screen ada tambahan CSS yang perlu di tambahkan, sehingga akan tercipta ukuran modal Full Screen yang di inginkan.Selamat mencoba .

0
Level: Newbie
Est. time: 15 min

Column Ordering Bootstrap

Column Ordering Bootstrap Ini melanjutkan tutorial saya tentang RWD (Responsive Web Design) dengan Grid System Bootsrtap. pada tutorial ini membahas tentang fitur pendukung dari grid system yang di sediakan Bootstrap itu sendiri, yaitu Colomn Ordering. Selamat mencoba .

0
Level: Newbie
Est. time: 15 min

Membuat Kalender Jadwal Dengan PHP, Mysql, dan Fullcalendar.js

Mau bikin kalender jadwal sendiri atau aplikasi jadwal lainnya ?Anda beruntung dapat menemukan tutorial ini. Sekarang saya akan membahas cara membuat kalender jadwal dengan PHP MySQL. Pada tutorial ini anda akan belajar membuat event calendar dengan fungsi-fungsi CREATE, READ, UPDATE, dan DELETE.Untuk m...

7
Level: Advance
Est. time: 30 min