Best jQuery Ajax Plugins & Tutorials with Demo

    Knockout a Dynamic jQuery UI

    Knockout a Dynamic jQuery UI

    Knockout a Dynamic jQuery UI a dynamic jQuery UI by applying the Model-View-View Model(MVVM) pattern.Easily associate DOM elements with model data using a concise, readable syntax.When your data model’s state changes, your UI updates automatically.

    Knockout is a JavaScript library that helps you to create rich, responsive display and editor user interfaces with a clean underlying data model. Any time you have sections of UI that update dynamically (e.g., changing depending on the user’s actions or when an external data source changes), KO can help you implement it more simply and maintainably.

    NyroModal a jQuery Modal window

    NyroModal a jQuery Modal window

    Designers seem to like using modal windows more and more, as they provide a quick way to show data without reloading the entire page. It’s easy to use and easy to design.The big problem I experienced with every plugin I tried either using Prototype/Scriptaculous or jQuery is the customization. They say you can do whatever you want simply but that’s not fully true. The default CSS works fine, but most of time it’s a mix between required elements and optional. That mean you have to be very careful when editing it.The other problem is the animation. That’s the worst point. I never found one plugin allowing to redefine easily the animations.

    I tried to solve these problems with my plugin. I documented everything possible. Regarding the animations, you can simply redefine them from A to Z. Thanks to the useful jQuery function like animate or fadeTo it’s pretty simple.
    nyroModal v2 now works with filters that let you define totally new possibilities for the plugin about the way it should work.

    Hovercard jQuery Plugin for Labels, Links & Information

    Hovercard jQuery Plugin for Labels, Links & Information

    Hovercard is a free light weight jQuery plugin that enables you to display related information with the hovered label, link, or any html element of your choice. It comes with built in Twitter and Facebook hovercard.

    jQuery Popin a easy modal window

    jQuery modal window

    Create an easy modal window with an automatic Ajax request.

    Exposure – jQuery image gallery plugin

    Exposure - jQuery image gallery plugin

    Exposure is an image viewing plugin for the jQuery JavaScript library. It includes a thumbnail list with paging, shows captions, and has also incorporates full screen modal slideshow. It uses some of the core functionality of Exposure, like keyboard and click through navigation, and also includes a nice and smooth custom cross-fade transition effect.

    Adding Weather to Your Site with jQuery and YQL

    Adding Weather to Your Site with jQuery and YQL

    If you’re working on a travel, news or other locally-oriented site, adding a display of the current weather conditions in the local area is the perfect touch. In the past, this was a relatively difficult task, involving server-side integration with weather APIs and more. Today, however, jQuery and YQL (a free web service offered by Yahoo) can be used to easily add a customized weather display to your site. In this article I’ll guide you through the process from start to finish.

    jqPlot – jQuery plotting and charting plugin

    jqPlot - jQuery plotting and charting plugin

    jqPlot is a plotting and charting plugin for the jQuery Javascript framework. jqPlot produces beautiful line, bar and pie charts with many features.

    Nodstrum – jQuery Auto Completer

    Nodstrum - jQuery Auto Completer

    I thought i would write this tutorial because most of the auto completer applications i have seen just dump the code into a zip and tell you how to use it rather than how and why it works, knowing about this enables you to customise it a lot more…

    ALAJAX – a jQuery plugin for ajax auto form sending

    ALAJAX - a jQuery plugin for ajax auto form sending

    ALAJAX is a jQuery plugin that converts a normal HTML form into Ajax by only including the script. It sends the form by AJAX to the URL given in “action” property of the form. Also, the plugin uses the “method” property to use POST or GET method.