Best jQuery Ajax Plugins & Tutorials with Demo

    Fine Uploader : jQuery Multiple File Uploader

    September 23, 2012 | Ajax, HTML5
    Fine Uploader : jQuery Multiple File Uploader

    Multiple file upload plugin with progress-bar, drag-and-drop.This project attempts to achieve a user-friendly file-uploading experience over the web. It’s built as a Javascript plugin for developers looking to incorporate file-uploading into their website.

    This plugin uses an XMLHttpRequest (AJAX) for uploading multiple files with a progress-bar in FF3.6+, Safari4+, Chrome and falls back to hidden-iframe-based upload in other browsers (namely IE), providing good user experience everywhere.

    Features:

    • Multiple file select, progress-bar in FF, Chrome, Safari
    • Drag-and-drop file select in FF, Chrome
    • Uploads are cancelable
    • No external dependencies
    • Doesn’t use Flash
    • Fully working with HTTPS
    • Automatic uploads (as files are selected) or queue files to me manually triggered when ready
    Read More Demo

    Grabbing Popular Dribbble Shots Dynamically with jQuery

    September 20, 2012 | Ajax, jSON, Other API, Plugins
    Grabbing Popular Dribbble Shots Dynamically with jQuery

    In this tutorial I want to demonstrate how we can build a small webapp which dynamically pulls all the most recent popular shots from Dribbble. The interface is very simple to work with and we want to create all these effects without refreshing the page. For organizing the backend data I’ll be using a custom jQuery plugin named jribbble. It suits our needs perfectly and it’s so easy to get started – even a newbie JavaScript developer could pick this up in a couple hours.

    Read More Demo

    Simple AJAX Note Taking App with jQuery & PHP

    September 15, 2012 | Ajax, PHP
    Simple AJAX Note Taking App with jQuery & PHP

    In this tutorial we will be making a simple app with PHP and jQuery that lets users write notes. The notes are going to be saved in plain text files on the server. It demonstrates how to read and write files in PHP, how to resize a textarea with jQuery, depending on the text inside it, and how to create a simple AJAX interaction.

    Read More Demo

    phery : PHP + AJAX + jQuery integration

    September 12, 2012 | Ajax, PHP
    phery : PHP + AJAX + jQuery integration

    Straightforward and powerful AJAX library with direct integration and mapping of all jQuery functions in PHP, the mapping is extended to custom functions set by $.fn, can create elements just like $(”) does, as phery creates a seamless integration with jQuery AJAX to PHP functions.

    Read More Demo

    Facebook Style Event Creator With jQuery and Ajax

    September 12, 2012 | Ajax, Other API
    Facebook Style Event Creator With jQuery and Ajax

    Facebook event creator is used for creating events on facebook. So after adding some awesome tutorials on facebook I have now created facebook style event creator for you. This is awesome piece of script. Hope you will like it.

    Read More Demo

    Building a jQuery/PHP Powered Chat Room

    September 10, 2012 | Ajax, PHP, Web
    Building a jQuery/PHP Powered Chat Room

    In this tutorial we are going to build a little chat program that is really easy to get up and running on any server running PHP. No database is required – as the chat will store itself in a simple text file.

    PHP – Will handle all the server side stuff
    jQuery/JavaScript – Will handle the client side stuff. This is an AJAX-y application, meaning that messages pop onto the screen (both yours and others) without needing any page refresh.
    Text File – Stores the chat

    Read More Demo

    J.B.Weather Widget 2.0 in jQuery

    September 6, 2012 | Ajax, Plugins, Premium
    J.B.Weather Widget 2.0 in jQuery

    J.B.Weather (ver 2.0) is a simple widget for displaying weather conditions and forecast for places across the world.

    Features :

    •  jQuery driven
    • uses AJAX technology & Cache
    • Search Bar with auto complete function
    • Ability to set default location
    • Ability to auto detect user location using HostIP service or its own integrated geoip database.
    • Celsius or Fahrenheit units
    • Kilometers or Miles units
    • Displays today’s date, temperature, wind direction and speed, forecast for next 4 days

     

    Read More Demo

    jQuery.html5form : Form Validation & Ajax Submission Plugin

    September 1, 2012 | Ajax, Forms, HTML5, Plugins
    jQuery.html5form : Form Validation & Ajax Submission Plugin

    HTML5 validates forms without additional JavaScript.Currently only latest versiones of Firefox, Safari & Google Chrome supports this functionality.This plugin gets the same result in all versions on Internet Explorer and Firefox 3.6.

    Just create your form according the HTML5 syntax and the script will execute itself.It does not require extra classes. The plugin gets all the information from the HTML source.Runs automatically when detects Internet Explorer, Opera or Mozilla Firefox.The form sends through an asynchronous Ajax request by default.The plugin automatically gets method and action attributes declared on the form.

    Read More Demo

    Dynamic TinyURL Links Generator using jQuery

    August 26, 2012 | Ajax, Other API, Web
    Dynamic TinyURL Links Generator using jQuery

    There are so many web applications available for shortening URLs to share online. TinyURL is one of the originals and has been around longer than I can even remember. Their service is always online and it works perfectly for translating into tweets or posts on Facebook.

    In this tutorial I want to build a mini-app which will generate tiny URLs right from your web browser. You could install this script on any domain and you’ll be able to generate dynamic links using Ajax without even refreshing the page! Their service doesn’t have a detailed API but it’s enough that we can pass a full URL and get the tiny version back as a result. And that’s just enough functionality for this app to hold some value when hosted on a 3rd party website.

    Read More Demo