Progress Bar adalah sesuatu yang muncul saat sedang memproses suatu konten, seperti download, upload, atau mentransfer file, pada tutorial kali ini kita akan membuat progress bar dengan tampilan yang menarik dengan menggunakan CSS3 HTML <div class="progress-bar blue stripes"> <span st...
Header merupakan bagian penting dalam website yang menunjukan judul dan jati diri pada website tersebut, pada tutorial kali ini kita akan belajar cara membuat Animasi Header yang cantik dengan CSS3, anda bisa mengambil file yang dibutuhkan di sini HTML <div class="header"> <div clas...
Assallamualaikum... Kembali lagi bersama saya Mazhuda... :-) Pada tutorial lalu kita membahas cara membuat hover berefek putar sekarang hampir sama dengan yang lalu namun kali ini kita akan membuat rotasi putar dengan menggunakan sumbu Y sebagai sumbunya, itu berarti kita sudah membuat efek 3D... Haha... Oke sekarang langsun...
Assallamualaikum... Haha... Sebenarnya ini adalah tulisan pertama saya pada situs berbagi ilmu ini :-) . Pada kali ini kita akan membuat efek hover memutarkan objek dengan memanfaatkan property transform tepatnya transform rotate untuk membuat efek berputar dan property transition untuk menentukan waktu animasi yang kita buat...
ok teman-teman sampai jumpa kembali masih ditutorial yang sama, pada tahap sebelumnya kita sudah berhasil membuat mesin chattingnya, sekarang lanjut ke pembuatan emoticonnya. Emcoticon diatas kita tampilkan dengan bantuan popover bootstrap, kemudian kita meloadnya dengan javascript. buka kembali fil...
Selanjutnya adalah pembuatan fitur chatting, (bagian inti). Sekrang kita akan memfungsikan bagian form pengirim pesan, kita akan memprosesnya menggunakan ajax Pada form pesan diatas kita kembali menggunakan html5 validasi, required x-moz-errormessage="Ketik pesannya gan !" jadi ketika kosong maka ak...
Lanjut ke pembuatan file “daftar.php” yang akan memproses, request dari ajax pada tutorial sebelumnya. berikut codenya. <?php session_start(); include "koneksi.php"; $nick=trim($_POST['nick']); $email=trim($_POST['email']); $pass=md5($_POST['pass']); $periksadulu=$koneksi->prepare...
pada tutorial sebelumnya kita sudah membuat 2 modal, yaitu modal "Masuk" dan modal "Daftar" dan pada tahap ini kita akan membuat halaman Chatroom. langsung saja kita buat halaman chatroomnya, kita masukkan kedalam function. function sudah_login(){ ?> <!doctype html> <html lang="en"...
Ketemu lagi dengan saya, masih di jagocoding.com, pada kesempatan kali ini saya kembali menulis tutorial tentang Membuat Web Chatting dengan Ajax Jquery, PHP dan Bootstrap 2.3.2, saya yakin pembaca disini adalah seorang aktifis jejaring social seperti facebook, twitter, dan jagocoding ini sendiri, sebagaim...
Assalamualaikum wr. wb. Attribute selector memungkingkan kita menyeleksi element html dengan menggunakan perpaduan antara attribute dan value, hal ini bisa menjadi alternatif penggunaan class dan id. bagi pembaca yang belum paham apa itu attribute, berikut penjelasan singkatnya, attribute adalah tambahan informasi...