Jquery

Membuat Website Satu Halaman Bergaya Flat Design Dengan Efek Scroll

Membuat website landing page dengan scroll perhalaman dengan menggunakan jquery akan kita bahas pada tutorial kali ini. Model website yang akan dibuat ini bisa digunakan untuk website company profile, tinggal disesuaikan dengan kebutuhan, Desain website di demo ini mungkin akan kelihatan seperti website dengan tema flat design, karena warna yang digunakan memang mirip dengan warna-warna…

Pengenalan dan Tutorial Kendo UI – Jquery HTML5 Framework

Jquery bukan hal asing lagi ditelinga kita, jquery datang dengan banyak efek untuk website kita dan hampir menggantikan flash yang dulu juga di gunakan agar website kita terasa hidup dengan efek yang bisa kita ciptakan. Seiring banyaknya peminat jquery banyak juga developer yang mengembangkan dan membuat framework jquery sendiri, seperti JqueryUI, JqueryTools, Kendo UI dan…

Membuat Fitur Pencarian Data Berbasis Ajax Menggunakan PHP, jQuery dan MySql

Pencarian Data Berbasis Ajax dengan PHP dan Jquery

Sudah lazim dalam sebuah website atau aplikasi web untuk memiliki fitur pencarian data berdasarkan kata kunci tertentu. Misalnya pencarian data buku berdasarkan judul buku bisa juga pencarian berdasarkan penulis buku tersebut. Fitur pencarian ini sangat memudahkan pengguna untuk melakukan pencarian data. Jadi tidak ada alasan untuk tidak mengimplementasikannya pada website atau aplikasi web yang sedang…

Menjadikan Video Youtube Sebagai Background Website

Movie background

Menjadikan video sebagai background website sudah menjadi trend belakangan ini, banyak web designer yang sudah menerapkan hal tersebut, dan terbukti hasilnya pun cukup bagus dan membuat website tampil menarik. Biasanya website musisi, website promosi film atau website personal yang ada kaitannya dengan musik dan film cocok untuk menggunakan trik ini untuk menunjang tampilan website mereka….

Membuat Animasi Loading Saat Pertama Membuka Website

Menampilkan animasi loading saat pertama membuka website dengan menggunakan Jquery cukup menarik untuk diterapkan di website kita

Memasang Fitur Click & Drag Untuk Menggantikan Scrollbar Browser

Touch Screen

Memasang fitur Click & Drag untuk menggantikan scrollbar browser sudah menjadi trend saat ini, apalagi dengan semakin maraknya penggunaan tablet PC, teknik ini semakin berkembang dan banyak di implementasikan diberbagai website. Seminggu yang lalu, saya mendesain ulang tampilan situs pribadi saya menjadi lebih sederhana, serta menambahkan blog. Namun karena tampilannya sederhana, saya tidak ingin situs/blog…

Membuat Menu Bersuara Dengan HTML5 Audio

html5 audio menu

Membuat menu bersuara atau ada efek suara nya ketika mouse hover dengan menggunakan HTML5 Audio adalah bahasan kita kali ini. Dahulu kita perlu menggunakan Flash untuk membuat efek suara seperti ini, terlihat sangat canggih. Namun sekarang dengan hadirnya HTML5 yang cukup canggih membuat segalanya menjadi lebih mudah, kita tidak perlu membuatnya dengan flash, dan kita…

Membuat Fixed Menu Ketika Scroll Dengan CSS3, Jquery & HTML5

Fixed Scroll Menu

Kali ini tutorial-webdesign.com akan mencoba membuat menu yang posisinya selalu diatas (fixed) setelah halaman web di scroll, bukan hanya berada diatas, manu yang tadinya menyatu dengan halaman website ini akan berubah warna juga. Intinya disini kita akan belajar bagaimana menghapus dan menambah class pada tag html ketika menu di scroll dengan bantuan jquery. Agak berbeda…

Membuat Dropdown Menu Dengan Jquery dan CSS

Membuat dropdown menu dengan css, menu adalah hal paling penting dalam sebuah website, Menu yang baik akan memudahkan pengunjung dalam menjelajahi website kita, terutama ketika website kita ternyata memiliki halaman yang terdiri dari sub dan sub sub halaman. Pada tutorial kali ini kita akan mencoba membuat Dropdown menu dengan CSS, dan kita akan mempercantik menu…

Memeriksa Ketersediaan Element Dengan Jquery


Nov 25th, 2012 Tips & Tricks 3 Comments

Ketika kita membuat website dengan nenggunakan atau menyertakan Javascript terkadang kita butuh untuk mengetahui sebuah elemen itu ada atau tidak di halaman web kita, untuk selanjutnya kita bisa menerapkan aksi berikutnya dengan terhadap itu. Jika kita menggunakan  Javascript murni, kita biasanya menggunakan document.getElementById. Kira-kira penggunaanya seperti ini Jika menggunakan Jquery kita akan lebih dimudahkan, karena…

1 2 3