Enhnace your projects with six of the best jQuery plug-in out there.
1. CODASLIDER 2
Coda-Slider 2, authored by Niall Doherty, provides a quick and easy multi-panel slider in the style of Panic Software’s Coda site (found at http://www.panic.com/coda/). This very popular effect allows multiple content areas to occupy one area, making maximum use of space on your pages and adding nice visual movement to designs. The Coda site also spawned a host of tutorials and plug-ins replicating the puff tooltip effect found on its pages.
2. PANEL GALLERY
Panel Gallery is a simple plug and play gallery plug-in that effortlessly creates an animated slideshow from a group of images. The transitions are numerous and customisable, and no special image preparation is required making it ideal for clients who are managing the content of their websites after you’ve finished the design and development. As with many jQuery plug-ins installation is as simple as including the .js file and calling a single line of code.
3. MB. MENU
mb.menu is a multi-level drop-down menu system that fixes all the common drop-down issues such as IE’s select box z-index problem. It also looks very clean and works well as a right-click context-sensitive menu. The plug-in supports templates, AJAX data and is fully customisable with options for timing, icons and more. Although dropdown menus have been around for a while, they used to require fully fledged desktop applications to install!
jQTouch is a complete environment for developing applications on iPhone, iPod touch and numerous other smartphones. It replicates the native iPhone WebKit animations and GUI to enable web developers to rapidly
create iPhone web applications with the familiar Apple human interface controls. It also adds events for touch and swipes, extending the standard set of jQuery event triggers. jQTouch even supports its own extensions to add even further functionality.
Jeditable allows webpages to render per-item forms on demand. Developers can assign a class to any element of their choosing, and when the user clicks on that element it becomes editable. Changes made are posted using AJAX to a server side script and updated in real-time. User input can be masked, configured in various formats and limited to different input mechanisms. This is an excellent example of how jQuery has enabled richer user
interfaces to be employed.
LavaLamp was originally written for the MooTools library but was ported to jQuery in 2007. An excellent example of how jQuery can be used to improve the user experience transparently, LavaLamp is a simple effect that works as an alternative to the traditional mouseover. A bubble moves across your horizontal navigation bar to highlight the currently hovered item. Simple but very visual.