Best jQuery PHP Plugins & Tutorials with 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.

    Google Plus Style Notification Box Tutorial

    Google Plus Style Notification Box Tutorial

    I like the Google+ notification box and lately I wondered how to code a notification box that look like something like that. I love its simple design and box animation with easing. So I decided to create my own version.

     Today we are going to do a script that will look like the Google+ notification box. I was able to achieve this using jQuery, jQuery easing plugin and PHP.

    Live Weather Display Using CSS, jQuery and PHP

    Live Weather Display Using CSS, jQuery and PHP

    We set out with ambitious plans to have our website feature the live weather conditions using the geo location from anyone who looked at it. We wanted the time of day to be reflected depending on where they were based in the world, so somebody looking at the website in London, England would see a different style to someone looking at the website at the exact same time in San Diego, California. The goal was that people could see what the weather was like outside their window by looking at our website.

    Dopeless Rotate : jQuery Plugin for 360 degrees product view

    Dopeless Rotate : jQuery Plugin for 360 degrees product view

    Dopeless Rotate is Jquery plugin for 360 degree product visualisation. It features:

    • Zooming function
    • Support of touchscreen devices
    • Ability to use multiple instances on a single page
    • You can use every number of images for 360 degree visualisation you want
    • Images are loaded automatic via PHP
    • Preloader is showing the progress of loading images to cache
    • Preloader for loading zoomed image
    • Nice modern design

    Sketch : Draw squiggly sketches in 3D with Hmtl5 & JavaScript

    Sketch : Draw squiggly sketches in 3D with Hmtl5 & JavaScript

    Sketch is a drawing tool with a twist; it allows you to draw in pseudo 3D. Sketches can be saved by users and viewed in a gallery.

    The front end is built using the HTML5 canvas element and plenty of JavaScript. Sketches are saved in a MySQL database and PHP is used as a mediator between front end and database.

    Pop-up Survey with jQuery UI Dialog

    Pop-up Survey with jQuery UI Dialog

    I was tasked with creating a pop-up survey for a project. Fairly simple whether I used the jQuery dialog or not so I added a “Thank you” dialog that displays the survey results with a lightweight, css-based bar chart just for fun.

    Pop-up Behavior

    1. Pop-up survey opens when page loads. Pop-ups on window.unload or window close are being blocked by most browsers due to abuse and overuse.
    2. Cookie is set when survey submitted or user opts out (“No, thanks” click).
    3. Closing dialog will not set cookie

    All survey data is stored in a database and jQuery .post is used to shuttle the information back and forth.

    Simple AJAX Note Taking App with jQuery & 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.

    phery : PHP + AJAX + jQuery integration

    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.

    Building a jQuery/PHP Powered Chat Room

    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

    Creating a Contact Form in jQuery Mobile and PHP

    Creating a Contact Form in jQuery Mobile and PHP

    This is a step-by-step tutorial on how to create a contact form in jQuery Mobile. I have also included complete php source code that can be used as a web service to send emails from your server.