Advanced PHP Tutorial

OpenSocial jQuery Mixi Platform

noreply@blogger.com (LearnPHP) — Tue, 22 May 2012 15:56:00 +0000

OpenSocial jQuery is a jQuery based concise JavaScript Library for rapid OpenSocial Applications development – The jQuery mixi Platform is a plugin to use the extension of mixi specifically.

To read more about this article Click Here

Dynamically adding form inputs and submit using jQuery

noreply@blogger.com (LearnPHP) — Sun, 20 May 2012 15:29:00 +0000

You may find a need to allow the user to dynamically add or remove text inputs from your application. This is relatively easy to do using jQuery and using arrays to submit the form data to a PHP page. This tutorial runs through setting up the form with the controls to add, remove and reset the form fields as well as preparing the form variables to be sent using AJAX.

To read more about this article Click Here

For Demo Click Here

QapTcha : jQuery captcha system with jQuery & jQuery UI

noreply@blogger.com (LearnPHP) — Thu, 17 May 2012 16:31:00 +0000

QapTcha is a draggable jQuery captcha system with jQuery UI !
QapTcha is an easy-to-use, simple and intuitive captcha system.
It needs human action instead of to read a hard text and it is a very lightweight jQuery plugin.

In order to work with iPhone and iPad, a file jquery.ui.touch.js has been added in v2.5 !

To read more about this article Click Here

For Demo Click Here

Create an online radio using jQuery and jPlayer

noreply@blogger.com (LearnPHP) — Tue, 15 May 2012 15:49:00 +0000

Today, I’m glad to show you how you can use jQuery and the jPlayer plugin to build an online radio using JavaScript, PHP and a MySQL database.

To read more about this article Click Here

Photobooth with PHP, jQuery and CSS3

noreply@blogger.com (LearnPHP) — Mon, 07 May 2012 17:37:00 +0000

In this tutorial, we will be building a jQuery and PHP powered photobooth. It will allow your website visitors to take a snapshot with their web camera and upload it from a neat CSS3 interface.

The solution we are going to use for this app is webcam.js. It is a JavaScript wrapper around flash’s API that gives us control over the user’s webcam.

To read more about this article Click here

For Demo Click Here

Reading Excel Documents with PHP, Ajax and jQuery

noreply@blogger.com (LearnPHP) — Tue, 01 May 2012 15:16:00 +0000

Every wanted to display information from an excel document on a website? Ever wanted to do it asynchronously? Today is your lucky day. This article will show you how to load in an excel document using php, jquery and ajax.

To read more about this article Click Here

For Demo Click Here

Generating Files with jQuery

noreply@blogger.com (LearnPHP) — Mon, 30 Apr 2012 18:18:00 +0000

When building a web application, you oftentimes need to give users the ability to download a piece of data as a file. It could be a backup of configuration settings, reports, or other piece of information that is generated dynamically.

The usual solution to this problem would be to have a dedicated export script that selects from a database and builds the file you need. However, as we will be proving in this short tutorial, there is another way.

To read more about this article Click Here

For Demo Click Here

Making A Slick Content Slider in jQuery

noreply@blogger.com (LearnPHP) — Sun, 29 Apr 2012 17:00:00 +0000

Web masters constantly search for ways to optimize the way content is presented on their sites. With the advent of terms like “above the fold” it is ever so important to provide eye-catching and functional user interfaces.
In this tutorial we are going to make a slick content slider for a computer shop, with the help of jQuery and the MopSlider plugin. The slider is going to be generated with PHP and we are using a plain txt file as a data source for the notebook configurations.

To read more about this article Click Here

For Demo Click Here

Create a shoutbox using PHP and AJAX (with jQuery)

noreply@blogger.com (LearnPHP) — Wed, 25 Apr 2012 15:51:00 +0000

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 recover data from a MySQL database via PHP in a way asynchronous.

To Read more about this article Click Here

For Demo Click Here

Google Plus Style Drag and Drop adding Groups with jQuery

noreply@blogger.com (LearnPHP) — Tue, 24 Apr 2012 17:05:00 +0000

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.

To read more about this article Click Here

For Demo Click Here

Carbon Fiber Signup Form With PHP, jQuery and CSS3

noreply@blogger.com (LearnPHP) — Sun, 22 Apr 2012 15:25:00 +0000

A carbon fiber – style form, build using progressive enhancement. This means that we first ensure that the form works well without JavaScript and fancy CSS support (think of IE6 here) and later move on by layering over cool styling, AJAX and jQuery magic.

To read more about this article Click Here

For Demo Click Here

jQuery Mobile Advanced Tutorial – RSS reader app

noreply@blogger.com (LearnPHP) — Mon, 16 Apr 2012 16:53:00 +0000

Today’s tutorial is going to show you how you can use jQuery Mobile with PHP, MySQL and a bit of AJAX to build a small mobile web application.

At the end of this tutorial you will know how to add new RSS feed name and url into the database, how to delete the record from the database, how to fetch and parse a RSS feed and show its results inside jQuery Mobile list view.

To read more about this article Click Here

For Demo Click Here

Making a jQuery Page Flip Magazine with turn.js

noreply@blogger.com (LearnPHP) — Sun, 15 Apr 2012 17:04:00 +0000

In this tutorial we are going to use PHP and the turn.js plugin, an implementation of the page flip effect with pure CSS3 and jQuery, to build a pretty magazine. We will fetch the most popular images from Instagram every hour, and use them as pages.

To read more about this article Click Here

For Demo Click Here

Mini HTML vCard : HTML jQuery Portfolio Template with Demo

noreply@blogger.com (LearnPHP) — Wed, 11 Apr 2012 16:30:00 +0000

Mini HTML vCard is a free HTML jQuery vCard portfolio template.It is a single-page, mini websitethat is powered with JavaScript (jQuery) and focuses on quickly displaying information about a person.

The template is completely static except the contact form which requires PHP to function.

If you would like the contact form messages being e-mailed to you with SMTP authentication, there is a “mail.config” file in the root folder to setup those details.

To read more about this article Click Here

For Demo Click Here

jQuery Multi-level Photo Map

noreply@blogger.com (LearnPHP) — Fri, 06 Apr 2012 16:16:00 +0000

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.

To read more about this article Click Here

For Demo Click Here

Simple AJAX jQuery Commenting System

noreply@blogger.com (LearnPHP) — Tue, 03 Apr 2012 18:19:00 +0000

This time, we are making a Simple AJAX Commenting System. It will feature a gravatar integration and demonstrate how to achieve effective communication between jQuery and PHP/MySQL with the help of JSON.

To read more about this article Click Here

For demo Click Here

Interactive Image Vamp up with jQuery, CSS3 and PHP

noreply@blogger.com (LearnPHP) — Mon, 26 Mar 2012 17:17:00 +0000

Today we will show you how to create an online application for giving some funny touches to an image. We will be using jQuery and jQuery UI for dragging and resizing little bling elements like mustaches and glasses. With PHP the image and the bling elements will get merged and the end result can be viewed.

To read more about this article Click Here

For Demo Click Here

Image Upload and Cropping with PHP and Jquery

noreply@blogger.com (LearnPHP) — Sun, 18 Mar 2012 16:51:00 +0000

Image cropping is the most important and required part in social media projects. In this post my friend had implemented image cropping functionalities such as upload image file into physical location, cropping image using jquery and resizing image into small resolution.

To read more about this article Click Here

For Demo Click Here

Latest Post Blogroll Slider with jQuery and PHP

noreply@blogger.com (LearnPHP) — Thu, 15 Mar 2012 17:17:00 +0000

In this tutorial we are going to create a blogroll slider that shows the latest post of your favorite blogs. We will be using jQuery, PHP and XSL. The aim is to get a given RSS feed of a blog and parse the XML data with the help of PHP. We will apply XSL to transform the feed into HTML and cache the result for subsequent use. We will be using a lot of CSS3 properties for a polished look.

To Knoe more about this article Click Here

For Demo Click Here

Ajax Domain Checker Application with JQuery

noreply@blogger.com (LearnPHP) — Tue, 13 Mar 2012 16:49:00 +0000

I was searching about checking domain names availablity using Ajax and PHP. I found some solution and I thought to create a post on my blog so that any one can get this simple script easily. I used jQuery and CSS3 to put some attractive look in this. Share it if you like this tutorial.

To know more about this article Click Here

For Demo Click Here

Display your Favorite Tweets using PHP and jQuery

noreply@blogger.com (LearnPHP) — Mon, 12 Mar 2012 17:25:00 +0000

If you have a twitter account, you oftentimes find yourself looking for a way to display your latest tweets on your website or blog. This is pretty much a solved problem. There are jQuery plugins, PHP classes andtutorials that show you how to do this.

However, what happens if you only want to display certain tweets, that you have explicitly marked to show? As minimalistic twitter’s feature set is, it does provide a solution to this problem – favorites.

In this tutorial, we will be writing a PHP class that will fetch, cache, and display your favorite tweets in a beautiful CSS3 interface.

To know More about this article Click Here

For Demo Click Here

SFBrowser File Manager With PHP and jQuery

noreply@blogger.com (LearnPHP) — Sun, 11 Mar 2012 16:41:00 +0000

SFBrowser is an open source application, built with PHP and jQuery, for managing 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.

To read more about this article Click Here

For Demo Click Here

Creating a tweet / share system with jQuery

noreply@blogger.com (LearnPHP) — Wed, 29 Feb 2012 18:05:00 +0000

With the advent of social networking sites the standards of web development have really improved, Sharing what is on your mind can take less than 140 characters and more for other sites like facebook and the new kid on the block google plus.

In this tutorial we are going to create a sharing system emulating the one at twitter using jQuery, PHP and a database to store the tweets.

To read more about this article Click Here

Demo

zGrid : PHP / AJAX / jQuery based Grid System

noreply@blogger.com (LearnPHP) — Mon, 27 Feb 2012 17:34:00 +0000

I found a Grid system using PHP, jQuery and Ajax. I want to share this with my dear users. It is not very well parametrized or generic but if have little much understanding of jQuery and Ajax then its easy to use. Give your feed back about zGrid.

Direct Link

Demo

Adaptive Images with php and javascript

noreply@blogger.com (LearnPHP) — Wed, 22 Feb 2012 16:07:00 +0000

Adaptive Images detects your visitor’s screen size and automatically creates, caches, and delivers device appropriate re-scaled versions of your web page’s embeded HTML images. No mark-up changes needed. It is intended for use with Responsive Designs and to be combined with Fluid Image techniques.Features:

Works on your existing site
Requires no mark-up changes
Device agnostic
Mobile-first philosophy
Easy & powerful customisations
Up and running within minutes

To know more details about this, Please CLICK HERE