Tampilkan postingan dengan label jquery. Tampilkan semua postingan

Membuat Chat Bubble Seperti di Facebook dengan CSS dan jQuery

Mei 09, 2019 / Juanas Smith Shared / 0 Comments

Selamat Siang kali ini admin akan membahas Chat Bubble dengan CSS dan JQuery, langkah pertama buat dulu kerangka htmlnya seperti berikut <!DOCTYPE html> <html> <head> <title>Facebook Like Chat</title> <link rel="stylesheet" type="text/css" href="style.css"> <script src="jquery.js"></script> <script src="style.js"></script> </head> <body> <div class="chat_box"> <div class="chat_head">Chatbox</div> <div class="chat_body"> <div class="user">Juanas Smith</div> </div> </div> <div class="msg_box" style="right: 290px"> <div class="msg_head">Juanas Smith <div class="close">x</div></div>...

Cara Menampilkan Jam dengan PHP dan AJAX

Oktober 13, 2018 / Juanas Smith Shared / 0 Comments

Menampilkan Jam di browser dengan PHP yang auto update setiap detik ditampilkan bisa dibuat dengan memanfaatkan AJAX (Assincronus Javascript and XML). Logikanya kita buat dulu kode PHP untuk menampilkan Jam dari komputer kita, kemudian kita buat file baru yang berisi AJAX auto update dengan waktu satu detik. Jadi Perogram AJAX akan me-load fungsi PHP yang bertugas menampilkan Jam...

Source Code Password Strength Checker

September 22, 2018 / Juanas Smith Shared / 1 Comments

Hallo Selamat Pagi, kali ini admin akan berbagi source code password strength checker, fitur-fitur nya bisa mengecek kekuatan password, menampilkan pesan kekuatan password, menyarankan penggunaan huruf kapital atau spesial karakter untuk memperkuat password, bisa melihat password dalam bentuk text, source code ini saya dapat dari vasplus programming blog dan sekarang saya akan membagikanya daripada saya simpan sendiri siapa...

Membuat Popup Image

Oktober 06, 2017 / Juanas Smith Shared / 0 Comments

Selamat Siang kali ini kita akan membagikan script popup image menggunakan CSS dan JQuery, popup image yaitu menampilkan gambar dengan ukuran yang lebih besar ketika di klik. script ini bisa anda pakai untuk membuat gallery gambar. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Popup Image</title> <script src="js/jquery-2.2.0.min.js" charset="utf-8"></script> <style media="screen"> body { width: 100%; height: 100%; background: grey; margin:...

Membuat Navbar Collapse ketika di scroll ke bawah ilang, ketika di scroll ke atas muncul

September 11, 2017 / Juanas Smith Shared / 0 Comments

Iya Selamat malam kali ini admin akan berbagi tips membuat navbar collapse ketika kita scroll ke bawah navbarnya ilang, ketika di scroll ke atas navbarnya muncul kaya navbar twitter. langsung aja, pertama buat dulu kerangka htmlnya <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Navbar Scroll Effect</title> <link rel="stylesheet" href="css/nav.css"> </head> <body> <nav> <ul> ...

Cara mengakses kamera webcam dari web dengan javascript / jquery

September 07, 2017 / Juanas Smith Shared / 0 Comments

Selamat malam kali ini admin akan memposting cara mengakses webcam sendiri di browser dengan javascript. disini saya menggunakan node.js, socket.io dan jquery Pertama-tama buat file package.json dengan isi seperti berikut: { "name" : "Wcam-Live", "version" : "0.0.1", "dependencies" : { "socket.io" : "*", "express" : "*", "log" : "*" } }...

cara membuat div slider dengan plugin slick

Januari 09, 2017 / Juanas Smith Shared / 0 Comments

Kali ini kita akan membuat div slider kalu membuat image slider sudah banyak di internet nah kalo membuat div slider kaya gimana, untuk membuat div slider tidak jauh berbeda dengan membuat image slider kalau image slider yang dibuat slide nya adalah gambar, pada div slider yang dibuat slidernya div berisi paragraph dll. Untuk membuatnya silakan anda exstrak slicknya...

Ebook untuk belajar web programming lengkap

Januari 07, 2017 / Juanas Smith Shared / 0 Comments

Terlepas dari kesibukan saya di dunia kerja kali ini saya akan membagikan beberapa ebook untuk belajar pemrograman web. Menjadi devloper website sangat mengasikan dan untuk memulainya anda bisa mempelajari dari ebook-ebook dibawah ini 1. ebook HTML HTML kepanjangan dari Hyper Text Markup Language HTML merupakan bahasa pemrograman web yang paling dasar yang harus dikuasai jika anda ingin menjadi...

Langganan: Postingan ( Atom )