Best jQuery Ajax Plugins & Tutorials with Demo

    Tags Manager A jQuery plugin

    Tags Manager A jQuery plugin

    I built this simple plugin while working on an online personal finance tool, I wanted a simple solution to manage tags for each expense users were entering, like in stackoverflow and many other sites.

    Best way to understand what it does is to try it, so jump to the demo below:

    Backbone.Notifier : UI Notifications Framework with jQuery & Backbone.js

    Backbone.Notifier : UI Notifications Framework with jQuery & Backbone.js

    Backbone.Notifier is a powerful UI notifications framework for displaying and controlling UI notifications.It is built on top of jQuery, Backbone.js + Underscore.js and has many cool features like a 3D module or animations support.

    The notifications can be displayed on the top or in the middle, modal notifications exist and it is possible to set custom styles via CSS + JS API.

    jQuery Ajax Loader & Spinner

    jQuery Ajax Loader & Spinner

    The title is fairly generic, so if you have found this, congratulations, your life is about to become far simpler. When working on or with ajax enabled web sites we usually run into the issue of request times, users need to be shown that something is happening in the background and visually we accomplish this with an Ajax Loader. You would have seen plenty of these by now, little animated gifs that give you a sense the web-page is loading something.

    OpenPanel : jQuery Open Responsive Panel Anywhere

    OpenPanel : jQuery Open Responsive Panel Anywhere

    OpenPanel is a jQuery plugin that allows you to open panel at any where in your page, unlimited panels as you want and support for responsive design. With this small plugin you can open more space for your site to add anything you want.

    Features:

    • Open Panels Anywhere in Your Sites.
    • Unlimited Panels
    • Support Responsive Design.
    • Inline Content for SEO Purpose.
    • Support Ajax Content.
    • Four Directions Slide and Fade Effects.

    ShopSlider : jQuery Responsive Shop Slider with Tab

    ShopSlider : jQuery Responsive Shop Slider with Tab

    ShopSlider is a jQuery Responsive Shop Slider Plugin for commercial sites, online shops, stores. Works well on all screen sizes, auto detects and determines the best way to display items, support tabs and AJAX load.

    Features:

    • Smart Responsive Design
    • Detect Screen Size and Determine the Best Way to Display Items.
    • Support Multi Tabs
    • Support Many Sliders in same page
    • Touch Swipe / Click to Move Next/Prev
    • Support AJAX and Inline Content
    • Many Styles and Effects
    • Control AutoPlay, Effect In, Effect Out with Duration and Delay Time …

    DeviantArt API Instant Search App using jQuery Ajax & PHP

    DeviantArt API Instant Search App using jQuery Ajax & PHP

    In this tutorial I want to explain how we can build a DeviantArt Instant Search app which searches through all the most popular banner signatures ever submitted to the website. You can enter some search terms and the app will pull results to display after you finish typing. This is a really cool application for designers who are looking for inspiration, or even for people who love DeviantArt and want a better way to search.

    jQuery Interactive Shopping Cart

    jQuery Interactive Shopping Cart

    This is a smart interactive Shopping Cart jQuery plugin based on Bootstrap framework.

    Features:

    • Very easy to install!
    • Full AJAX implementation code.
    • Well documented code.
    • HTML5 & Valid CSS .
    • Cross-platform.
    • Easy to customize.

    Coding a Vimeo API Instant Search App with jQuery

    Coding a Vimeo API Instant Search App with jQuery

    In this tutorial I want to explain how we can build a small Vimeo instant search webapp. I’ll be creating the frontend with jQuery and the backend on PHP. There is actually a full developer’s API with references for programmers. I’ll stick to explaining the more convoluted ideas so that you can follow along with my source code.

    I will first explain how we can put together the HTML document so it runs our frontend Ajax functions. Let’s include a reference to the most recent jQuery library which is used for Ajax calls. I’m also using another file v.js for our custom API commands.

    Building Instagram Photo Search Engine With jQuery And PHP

    Building Instagram Photo Search Engine With jQuery And PHP

    In this tutorial I want to explain how we can build a similar instant search web application. Instead of pulling images from Google we can use Instagramwhich has grown tremendously in just a few short years.

    This social network started off as a mobile app for iOS. Users could take photos and share them with their friends, leave comments, and upload to 3rd party networks such as Flickr. The team was recently acquired by Facebook and had published a brand new app for the Android Market. Their userbase has grown tremendously, and now developers can build amazing mini-apps just like this instasearch demo.

    jQuery PHP Ajax Contact Form Templates With Captcha: Formify

    jQuery PHP Ajax Contact Form Templates With Captcha: Formify

    Today’s freebie is a collection of open source jQuery & PHP ajax contact forms, we call it Formify. Formify is a contribution to lessen the pain of creating contact forms. The collection contains six different forms that are commonly used. These open source contact forms can be customized as well to suit the need for your website/application.

    Formify uses PhpMailer for email functionality. PHPMailer is a PHP email transport class featuring file attachments, SMTP servers, CCs, BCCs, HTML messages, word wrap, and more. Sends email via sendmail, PHP mail(), QMail, or directly with SMTP.