Category Archives: JavaScript

Dasar Memasang JavaScript Dengan Framework (2)

Posted on by

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)

Posted on by

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 →

Accordion Sederhana Dengan jQuery UI Accordion

Posted on by

jQuery, New Wave JavaScriptYa, sesuai judulnya, artikel ini bergenre tutorial. Tutorial yang akan saya berikan ini soal bagaimana cara membuat accordion seperti sidebar footer blog ini dengan memakai framework JavaScript paling populer sedunia (hehe :nggaya: ) atau lebih tepatnya jQuery, dengan plugin jQuery UI Accordion. Artikel ini saya buat atas pertanyaan dari mas widik tentang gimana cara membuat accordion pake jQuery. Karena pertanyaan itu juga saya menganggap mas widik lagi bercanda. Kenapa?? Ya karena beliau adalah seorang web designer. Pasti bercanda kan kalo web designer nanya sama saya yang masih newbie ini, hehe :D . Maap juga deh, karena saya bukan programmer dan gak ngerti istilah-istilah pemrograman jadi saya pake istilah sesuka saya aja :) . Oh ya, cara yang saya berikan di bawah buat blog WordPress, jadi kalo mau pasang di web silakan disesuaikan aja.

Untuk membuat jQuery yang dibutuhkan adalah file framework jQuery itu sendiri dan plugin accordionnya. Download jQuery terbaru di jQuery.com (saya sarankan yang versi kompresi+Gzip). Jangan lupa backup dulu template yang akan dimodifikasi.. Continue reading →

10 Great MooTools AJAX Example

Posted on by

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 →

10 JavaScript Accordion Keren

Posted on by

Siapa sih yang nggak tahu JavaScript Accordion yang sangat terkenal itu. JavaScript Accordion berguna untuk membuat suatu area konten supaya bisa ditampilkan atau disembunyikan menggunakan klik mouse (lihat accordion keren yang saya pakai di footer blog ini :) ). Sangat baik digunakan untuk website yang membutuhkan space untuk bernavigasi yang cukup banyak. Saya sudah mencoba beberapa diantaranya ↓

Simple Javascript Accordion

Simple JavaScript Accordion

Javascript accordion dari Deziner Folio ini paling simpel diantara accordion yang lain. Cukup mudah untuk menggunakannya.

Moo.Fx

Super lightweight javascript effects library

Wow, ukurannya yang superlightweight, ultramungil, megakecil ini menjadi salah satu keunggulan JavaScript effect yang satu ini. Katanya sih, script ini sangat mudah digunakan, tapi saya belum bisa memasangnya di blog saya sendiri :D Keunggulan lainnya adalah script ini bersifat cross-browser (termasuk untuk IE), cepat dan ringan karena ukurannya yang kecil tadi.

jQuery accordion

jQuery UI Accordion

Ini dia nih script yang saya pakai di blog ini (lihat sidebar). Accordion yang jadi favorit saya dari dulu. Memang ukurannya lebih besar daripada Moo.Fx jadi loadingnya jadi agak lama. Tapi entah kenapa saya lebih paham menggunakan script ini, dibandingkan Moo.Fx yang katanya sangat mudah itu. Animasinya cukup banyak antara lain animasi standar, animasi ease slide dengan mouseover, animasi bounceslide, juga accordion dengan wizard-style. Continue reading →