Best jQuery PHP Plugins & Tutorials with Demo

    Pulling Your Flickr Feed with jQuery

    Pulling Your Flickr Feed with jQuery

    Feeds are the easiest way to view updated content, whether it’s through a feed reader or outputted onto a web site. There are many different types of feeds, such as RSS or Atom, and many different ways display them on your site, such as using MagpieRSS to parse an RSS feed in PHP. However, you can also display feeds on your site using JavaScript, so in this post I’m going to be talking about a feed format called JSON and how you can use JavaScript to parse it out and display it…..

    Chained AJAX Selects in jQuery

    Chained AJAX Selects in jQuery

    In today’s tutorial, we will build a set of chained select elements. Selecting an option in one of them will trigger an update on the page, showing you more choices to refine your selection. We will describe the options server side with PHP, so it is easy for you to hook today’s example to a database.

    HTML5 File Uploads with jQuery

    jQuery HTML5 File Uploads

    Today we will be developing a small web application called Upload Center, that will allow people to upload photos from their computers by dragging and dropping them onto the browser window, possible with the new HTML5 APIs exposed by modern browsers.

    The photos will have a preview and a progress bar, all of which controlled on the client side. Currently, the photos are only stored in a folder on the server, but you could improve it any way you like.

    jQuery Multi-level Photo Map

    jQuery Multi-level Photo Map

    This multi-level map based image gallery makes it possible to show images related to their location. The first level indicates the location of the places where each one has a set of images, and the second level shows each single image and its location. Using Google Maps, we’ll have the location shown on the left side while the images of a location are shown on the right. The images can be viewed in medium size mode or in full lightbox-like mode. The map has a fullscreen option which will show the thumbnails of the images in their location.

    Google Plus Style Drag and Drop adding Groups with jQuery

    Google Plus Style Drag and Drop adding Groups with jQuery

    Are you looking for Google plus style drag and drop adding friends in groups or circle. Google plus circle implementation so cool, same way I have tried similar user groups adding application with drag and drop effect using jquery and php.

    jQuery charToTable plugin

    jQuery charToTable plugin

    I was playing with jQuery and tables yesterday, and got a weird idea: what about converting characters to tables using jQuery?

    The idea evolved and I started to write a new jQuery plugincharToTable.

    I really don’t know if someone will find it useful, but it actually works fine.
    It uses some PHP + GD to convert a character to an image, and then to a JSON object containing the glyph matrix.

    Create a shoutbox using PHP and AJAX (with jQuery)

    jquery shoutbox using PHP and AJAX

    Continuing with the tutorials about AJAX and jQuery we will create a stunning and dynamic shoutbox based in PHP and AJAX (using jQuery).

    We will learn how to create a dynamic ajax based shoutbox with jQuery from scratch. It will be very interesting to know how to use the ajax function of jQuery and how it can be used to insert and recoverdata from a MySQL database via PHP in a way asynchronous.

    Submit Form without Refreshing Page with Jquery and ajax

    Submit Form without Refreshing Page with Jquery and ajax

    This post helps you to submit your form without refreshing page. In this tutorial I will show you how simple it is to do using jQuery form plugin just five lines of JavaScript code, no need to post data string values via ajax. Explained collaboration with validate plugin for implementing form field validations.

    Ajax Image Upload without Refreshing Page using Jquery

    Ajax Image Upload without Refreshing Page using Jquery

    Are you looking for ajax file/image upload and preview without refreshing page using Jquery. I had implemented this ajax form submitting using jquery.form plugin and used  image cropping PHP code for uploading images. Just five lines of JavaScript code, Using this you can upload files, image and videos.

    SFBrowser File Manager With PHP & jQuery

    SFBrowser File Manager With PHP & jQuery

    SFBrowser is an open source application, built with PHP and jQuery, formanaging files online with an Ajaxed interface.

    Besides listing files and folders, it can upload, delete, rename and preview them. Uploading can be accomplished via an Ajaxed or Flash-based uploader (queued multiple uploads, progress bar, canceling, selection filtering, size filtering).

    The functionality can be extended with plugins. There are few ready-to-use ones like filetree and image-resize.