Posts tagged jquery

Tampilan Menu Bertingkat dengan JQuery jQSimpleMenu

Membuat Menu Bertingkat dengan JQuery jQSimpleMenu

17
2 months ago
by achmatim in , ,

Sekitar dua tahun yang lalu, saya pernah membuat tutorial membuat menu bertingkat menggunakan Dreamweaver, waktu itu masih versi 8. Waktu itu teknologi JQuery belum begitu dikenal dan belum sekaya saat ini. Seperti kita ketahui, JQuery merupakan salah satu framework(library) Javascript yang menekankan bagaimana interaksi antara Javascript dan HTML dapat dilakukan dengan mudah. Nah, saat ini untuk membuat menu bertingkat atau sering disebut tree menu, hierarchical menu atau multi level dropdown menu, sangatlah mudah. Cukup dengan menuliskan satu atau dua baris perintah jquery, menu sudah jadi.

Penasaran? Ingin tau caranya? Ikuti terus tutorial ini.

(more…)

Popularity: 9% [?]

wordpress-logo

JQuery Bermasalah di WordPress versi 3.2 ke atas (Terbaru)

2
3 months ago
by achmatim in ,

Jika Anda memiliki situs berbasis wordpress dan setelah upgrade ke versi 3.2.1 atau lebih (saat ini versi 3.3.1), beberapa plugin dan tampilan terkadang tidak berjalan sebagai mana mestinya alias bermasalah. Hal tersebut juga saya alami di situs ini, dan beberapa situs saya yang lain. Permasalahan yang muncul antara lain slider yang ada di themes jadi tidak jalan, menu admin pada dashboard sebelah kiri menjadi tidak berjalan, dropdown menu yang menggunakan JQuery menjadi tidak berjalan seperti biasa, dan lain-lain.

Bagaimana solusinya? Di postingan ini, dibahas salah satu solusi yang sudah saya coba dan berhasil. Solusi tersebut didasarkan pada postingan dari salah satu tulisan Velli Darman Domo di situsnya.

(more…)

Popularity: 6% [?]

Tampilan Galeri Foto dengan JQuery Zoomooz

Membuat Efek Zoom pada Galeri Foto dengan JQuery Zoomooz

39
11 months ago
by achmatim in ,

Everyone loves images. Image atau Foto memang tidak bisa terpisahkan dari suatu  website. Keberadaan image tentunya akan mempercantik tampilan suatu website. Di dalam suatu website, image dapat berfungsi sebagai background, header, logo, header slider, menu navigasi, dan masih banyak yang lainnya. Selain itu, koleksi image atau foto yang kita miliki juga dapat ditampilkan dalam suatu galeri foto (image gallery) yang akan melengkapi isi dari website kita.

Masih terkait dengan image dan foto, dalam tutorial singkat ini, kita akan membahas mengenai bagaimana membuat galeri foto (image gallery) yang memiliki efek zoom (zooming effect) jika diklik pada salah satu foto. Kita akan menggunakan JQuery dan plugin Zoomooz untuk membuat efek zoom. Penasaran? Langsung aja kita mulai.

(more…)

Popularity: 12% [?]

JQuery: Novice to Ninja

Akhirnya Sampai Juga Buku ini…

15
1 year ago
by achmatim in

Akhirnya setelah sekian lama menunggu, sebulan lebih, sampai juga buku yang saya pesan ini. Buku ini berjudul “JQuery:Novice to Ninja” karangan Earle Castledine dan Craig Sharkie. Buku diterbitkan oleh situs terkenal dalam dunia pengembangan web yaitu SitePoint. Sebenarnya saya sudah punya versi PDF-nya sih yang saya dapat beberapa waktu lalu secara gratis dari situs tersebut. Waktu itu ada promo terkait Piala Dunia. Tapi kurang puas rasanya kalo ga dapet versi cetaknya, akhirnya akhir tahun lalu kebetulan ada diskon yang cukup menggiurkan. Jadinya beli deh….Ya lumayan, buat referensi JQuery.

(more…)

Popularity: 8% [?]

jquery1-small

Buku Gratis! JQuery: Novice to Ninja dari Sitepoint. Hanya hari ini!

17
1 year ago
by achmatim in , ,

Sitepoint merupakan salah satu situs favorit saya. Situs ini menyajikan banyak artikel, tutorial, referensi hingga buku-buku berkualitas mengenai pengembangan web (web development). Dalam rangka meramaikan piala dunia 2010, Sitepoint mengadakan suatu permainan unik. Sebanyak 8 buku dipilih. Masing-masing mewakili negara peserta piala dunia yang masuk perdelapan final. Lalu apa uniknya? Selama babak per-delapan final berlangsung, ke-8 buku tersebut di-diskon hingga 33%. Jika suatu negara gugur maka, buku yang mewakilinya juga akan gugur dan tidak ada diskon lagi. Demikian seterusnya hingga babak final, diskon akan ditambah terus sampe pada akhirnya buku akan digratiskan!!

Dan pemenangnya adalah buku “JQuery: Novice to Ninja“. Buku yang sangat bagus ini, dapat Anda download gratis!! Buruan, hanya hari ini (12 Juli 2010) !

(more…)

Popularity: 7% [?]

jquery-image-slideshow

Image Slideshow dengan JQuery dan Plugin Nivo Slider

29
2 years ago
by achmatim in ,

Saat ini tersedia banyak script, library atau cara membuat image slideshow di internet, namun menemukan script yang mudah dalam penggunaannya, sederhana dalam penerapannya, ringan dan juga didukung oleh banyak browser, masih cukup sulit. Nivo Slider merupakan salah satu plugin JQuery yang sangat sederhana dan (setidaknya menurut saya) memenuhi kriteria tersebut. Untuk membuat image slideshow, plugin ini sudah lebih dari cukup.

(more…)

Popularity: 16% [?]

Learning JQuery in 30 Minutes

2
2 years ago
by achmatim in
Learning jQuery in 30 minutes

Popularity: 3% [?]

Membuat Icon External Link secara Otomatis dengan jQuery

18
3 years ago
by achmatim in ,

Beberapa waktu lalu saya membuat artikel mengenai membuat animasi sederhana pada menu dengan jQuery. Salah satu pengunjung bertanya mengenai bagaimana mendeteksi external link (link yang mengarah ke luar situs kita) dan secara otomatis menambahkan icon tertentu, atau mengganti dengan style tertentu.

 Yang dimaksud oleh pengunjung tersebut tentunya seperti yang ditunjukkan di situs-situs seperti Wikipedia, dimana jika terdapat link yang mengarah ke selain situs wikipedia, maka di sebelah kanan dari link tersebut akan ditampilkan icon . Hal tersebut sangat berguna bagi pengunjung, yaitu sebagai informasi bahwa link berasal dari luar situs utama.

Lalu bagaimana caranya?

(more…)

Popularity: 7% [?]

jquery_menu01

Efek Animasi Sederhana pada Menu dengan jQuery

12
3 years ago
by achmatim in ,

jquery_menu01Salah satu keunggulan jQuery adalah “keluwesan” dan kemudahannya dalam berkolaborasi dengan CSS (Cascading Style Sheet) sehingga penampilan halaman web menjadi semakin indah. Selain itu jQuery juga dapat menjembatani “kesenjangan” beberapa browser dalam mengimplementasikan CSS. 

Di sisi lain, animasi, merupakan hal yang masih diminati dalam dunia web karena menjadi salah satu hal yang akan menarik perhatian pengunjung. Dalam tutorial ini, kita akan mencoba menambahkan efek animasi sederhana pada menu yang dibuat dengan CSS. Kita akan memanfaatkan fungsi animate() yang sudah disediakan oleh jQuery.

Mari kita coba langkah per langkahnya.

(more…)

Popularity: 9% [?]

jquery

Belajar JQuery dari Buku “Learning JQuery”

19
3 years ago
by achmatim in ,

jqueryJQuery merupakan library Javascript yang akan membuat aplikasi web yang kita buat menjadi lebih “waah“, baik dari sisi user-interface, proses maupun interaktivitas. Mengenai apa itu jQuery sudah saya bahas di artikel sebelumnya.

Salah satu buku yang cukup lengkap membahas mengenai jQuery adalah buku yang berjudul Learning jQuery : Better Interaction Design and Web Development with Simple JavaScript Techniques. Buku setebal kurang lebih 350 halaman ini mengulas secara tuntas mengenai jQuery, dimulai dari kelebihan dan daya tarik jQuery itu sendiri, sampai teknik-teknik memanfaatkan jQuery yang disertai contoh-contoh sederhana.

Buku ini ditulis oleh Jonathan Chaffer dan Karl Swedberg yang terbit pertama kalinya tahun 2007 (setahun setelah jQuery dirilis). Jonathan Chaffer adalah Chief Technology Officer of Structure Interactive yang berlokasi di Michigan. Jonathan juga aktif sebagai bagian dari tim pengembang CMS open source yaitu Drupal. Sementara itu Karl Swedberg adalah seorang web developer di perusahaan yang sama dengan Jonathan yaitu Structure Interactive. Karl yang sebelum menjadi web developer adalah seorang guru bahasa Inggris, fokus dalam hal web-standard, semantic CSS, dan unobtrusive JavaScript.

Buku Learning jQuery isinya cukup mudah dipahami dan dapat menjadi referensi bagi para pemula maupun yang sudah mahir di bidang web development. Buku ini cocok untuk para designer web maupun programmer web.

(more…)

Popularity: 12% [?]

Go to Top