Best jQuery PHP Plugins & Tutorials with Demo

    Flickr-Style Dynamic Edit Fields with jQuery and CSS3

    August 25, 2012 | CSS2 / CSS3.0, Forms, PHP
    Flickr-Style Dynamic Edit Fields with jQuery and CSS3

    The typical Flickr interface design includes a lot of Ajax panels which you can edit right from any settings page. Their website layout incorporates many web 2.0 trends as you move from account settings to photo settings and uploads. There are plenty of resources we could look at, and in this tutorial I’d like to focus on one specific entity.

    We can build a set of small dynamic photos with a title and description. Then using jQuery we can target whenever a user clicks on these fields to edit the content right from the page. It’s a beautiful technique for creating a sleek user experience with just a few blocks of code. I won’t be storing any of the content into a database, but tying into a backend PHP script would make that process easy enough to accomplish.

    Read More Demo

    Ajax Stylish Captcha and Contact Form using jQuery and PHP

    August 22, 2012 | Ajax, PHP
    Ajax Stylish Captcha and Contact Form using jQuery and PHP

    This tutorial is about ajax based contact form with jquery validation and ajax based captcha.Captcha is main part of any form and if it is ajax based then it looks awesome.

    Read More Demo

    Audio-Gallery-Suite (A complete audio gallery solution made with HTML5/CSS3/jQuery-JS/C#)

    August 20, 2012 | Ajax, CSS2 / CSS3.0, HTML5, PHP, Video & Audio
    Audio-Gallery-Suite audio gallery solution made with HTML5/CSS3/jQuery-JS/C#

    Audio-Gallery-Suite is a complete audio gallery suite/solution that includes a web audio gallery and a software for managing playlists, uploading audios and managing the web audio gallery. The Audio-Gallery-Suite is built up using the latest technology and harnesses their power to put up a sophisticated solution. The Audio-Gallery-Suite is made in a way to be easily setup and deployed by anyone who wishes to use it. I hope that this project proves useful for anyone who intends to use it.
    Audio-Gallery-Suite is a complete audio gallery solution made with HTML5/CSS3/Jquery-JS/PHP-ajax/C# that includes a web audio gallery and a software for managing the web audio gallery.

    Read More Demo

    Carousel Photo slider with Php and jQuery

    August 4, 2012 | Carousel, CSS2 / CSS3.0, PHP, Slider
    Carousel Photo slider with Php and jQuery

    To continue with our experiment series, our designing and programming team joined forces to create an amazing carousel vintage photo slider with PHP and jQuery. This is definitely a nice photo slider to be applied in different websites so you can showcase your work in a more original way. This tutorial is going to cover the programming part of the carousel (stay close to find out the release time of the design part) so you can learn how we did this fancy photo slider and you can adapt it to your own projects.

    Read More Demo

    jQuery Graph Poll

    August 1, 2012 | Ajax, PHP, Premium, XML
    jQuery Graph Poll

    Create and customize your own poll. Innovative, fun graph poll dynamically allows users to answer a question and vote. Great interactive feature to add to your website. Adding this easy to use poll will add stickiness to your website.

    File features include:

    • No database needed.
    • Easy to install.
    • Data stored in a XML file with the help of PHP .
    • Integrated with AJAX .
    • Prevents multiple votes with the use of a cookie.
    • Real-time display of the information.
    • Easily provide additional information on an “after voting” screen.
    Read More Demo

    Php & jQuery image upload and crop

    July 29, 2012 | Image Effects, PHP
    Php & jQuery image upload and crop

    We needed a PHP and jQuery image upload and crop tool and came up with the following.

    Before you start, ensure you have the following:

    • PHP 4 or Higher (It has been tested on Version 5)
    • Safe mode must be off! – A number of users have reported issues when safe mode is on.
    • PHP GD Library
    • jQuery ver 1.2.3 or Higher
    • Image Area Select plugin by Michal Wojciechowski
    Read More Demo

    ECommerce Menu Design with JSON Data and jQuery

    July 12, 2012 | jSON, Menus, PHP
    ECommerce Menu Design with JSON Data and jQuery

    This tutorial helps you to to speed up the most important product category navigation menu system for your ecommerce projects. I had implemented Amazon style menu with category image using PHP, MYSQL andj JQuery.

    Read More Demo

    How to grab Dribbble feed with jQuery and CSS3

    July 5, 2012 | Ajax, CSS2 / CSS3.0, Other API, PHP
    How to grab Dribbble feed with jQuery and CSS3

    As a web developer, third party API integration is something you will have to face. Especially with the current trend, we have facebook, twitter, flickr etc. Today, we are going to look at dribbble’s API. Dribbble is a place to show off your design, it’s based on invitation basis, therefore, most designs are of high quality.Dribbble API documentation is pretty neat and straight forward, it’s still in Beta stage at the moment, but it’s pretty stable and easy to use.

    However, we will not retrieve it directly from Javascript, we call it using PHP to solve AJAX cross domain issue. I wrote a simple PHP proxy to retrieve the JSON data from dribbble. It’s not the best PHP script (it’s very rough!), but it will do the job just fine. You can enhance the PHP from here such as adding cache control to reduce number of call to dribbble, and perhaps, make it a little bit more secure.

    Read More Demo

    Thumbs up and down rating system with jQuery, PHP and MySQL

    July 3, 2012 | PHP, Web
    Thumbs up and down rating system with jQuery, PHP and MySQL

    In this series we take a look at how to create a rating system with thumbs up and down. The ratings will be saved to the MySQL database using PHP PDO class.

    Read More Demo