10 Plugin-Tutorial Desain Facebook UI Dengan AJAX

Lincoln's Facebook

Salah satu kelebihan yang dimiliki Facebook sebagai situs social network terbesar di dunia adalah user interface-nya yang sangat interaktif dan menarik. UI yang penuh dengan efek animasi ini pastinya didukung oleh teknologi AJAX yang memanfaatkan JavaScript.

Banyak pengembang telah membuat JavaScript tiruan yang mirip dengan antarmuka Facebook—yang memanfaatkan framework atau JavaScript library terkenal seperti jQuery dan MooTools. Berikut ini adalah daftar script-script temuan saya via Google yang bisa digunakan untuk membuat tampilan blog atau website kita semenarik Facebook ↓ Continue reading

Dasar Memasang JavaScript Dengan Framework (2)

Artikel ini merupakan bagian kedua dari Dasar Memasang JavaScript Dengan Framework (Bagian 1)

Setelah kita memiliki file JavaScript library dan plugin yang akan digunakan, maka langkah selanjutnya adalah mengupload file-file tersebut. Kita bisa memanfaatkan layanan hosting file gratis seperti Google Pages untuk menyimpan filenya, tetapi lebih baik memakai hostingan yang sama dengan blog.

Langkah selanjutnya adalah melihat kode sumber dari file demonya langsung. File demo biasanya berupa file HTML statis, buka dengan Firefox dan lihat kode sumbernya atau bisa memakai text editor. Continue reading

Dasar Memasang JavaScript Dengan Framework (1)

JavaScript Framework

Walaupun saya sering memposting artikel tutorial bukan berarti saya bermaksud menjadikan blog ini menjadi blog tutorial lo. Menurut saya postingan jenis tutorial memang masih banyak dicari pengunjung. Tidak hanya itu, saya juga sering diminta temen2 buat memposting tutorial di blog ini. Ok, kalau mas thegands banyak posting tentang tutorial pemrograman dan database, maka saya akan berikan tutorial yang gampang aja (dan newbie banget): dasar memasang JavaScript dengan framework, karena dari kemaren banyak yang nanya bagaimana saya memasang JavaScript yang bikin lambat blog ini :D . Yang akan saya jelaskan kali ini bukanlah detil cara memasang plugin javascript di blog ini seperti slideshow diatas, ataupun tooltip, tetapi dasar cara memakai plugin-plugin tersebut karena ini mungkin bermanfaat jika kita ingin menambahkan sendiri plugin apa saja yang kita inginkan. Continue reading

10 Great MooTools AJAX Example

Ingin tampilan blogmu jadi tambah keren dan beda ama yang lain? Udah coba pasang JavaScript? Kalau belum, coba tambahkan bermacam-macam efek JavaScript di bawah ini (kebanyakan dibuat dengan framework Mootools) di tema blog kamu.

Accordion

Accordion

Lihat expandable/collapsible sliding sidebar footer di blog ini, lihat juga postingan sebelumnya, masih butuh penjelasan??

Tool Tips

Mootools Tooltip

Tool tip yang stylish dan keren yang saya pake di blog ini :)

Sexy Sliding JavaScript Sidebar Menu

Smooth and Sexy sliding sidebar menu

Sliding sidebar yang mulus dan sexy, kalau nggak percaya rasakan aja sendiri :D Continue reading