Best jQuery Facebook Plugins & Tutorials with Demo

Facebook’s Paper photo tilt feature in HTML5

Facebook's Paper photo tilt feature in HTML5

HTML5 clone of the photo tilt feature/gesture/ux found in Facebook’s Paper app.

Facebook Wall : jQuery Plugin to show latest Facebook page updates

Facebook Wall : jQuery Plugin to show latest Facebook page updates

jQuery plugin that lets you show the latest updates from your facebook profile og page.

Facebook Style Search Friends using jQuery

Facebook Style Search Friends using jQuery

In this tutorial I have used jQuery to search friends like facebook style. With just a few lines of jQuery code and a small text input box you can add a search members / users / friends to any web projects.Previously I published the tutorial like live text search using jQuery.

Also I have used javascript RegExp function to performs case insensitive search.

The jQuery code for this trick is really easy and all we are doing is basically getting the input text value from the search box & checking that value against our list of friends in the “friendslist” div and showing those friends matches the searched keyword. The count of the number of matched friends is then displayed in our “result_area” div tag.

Facebook Style Embed Image from URL using PHP & jQuery

Facebook Style Embed Image from URL using PHP & jQuery

This article will show you that how to fetch images from various sources like

1. Instagram
2, Pinterest
3.  Flickr
4. Twitpic
5. Imgur &
6. Deviantart

Now a days major sites are using this feature to automatically embed images from a url. So I am going to explain you how to get images from url using PHP & jQuery

Facebook Style Hashtag System with PHP, MYSQL & jQuery

Facebook Style Hashtag System with PHP, MYSQL & jQuery

If you are not aware of Hashtag, then I will say you would not using any social networking sites in a very large extent.  Here I am going to explain you about the advantages of hashtag & how you can implement it in your web projects using php & mysql.

Hashtags are essentially a filter, allowing people to see the conversation associated with that word or phrase. Hashtags is alternative to tags..  Twitter is the first site to introduce the hashtag. But now a days sites like facebook, Instagram, Vine & Tumblr are using this feature in all platforms. If you use the hashtag effectively then you will get the contents across different sites together in a single page.

Features
1. #hashtags
2. @mentions
3. Normal links to clickable Links

Facebook Style Profile Info Tooltip using jQuery & CSS

Facebook Style Profile Info Tooltip using jQuery & CSS

Here I had explained a very basic version of facebook profile tooltip with all features they have asked.You can learn how to design a facebook style profile tooltip with cover page,profile picture, name, headline, add as friend & send message button..

You can use this script in your web & social networking projects with little customization.

Extract URL content like Facebook with PHP and jQuery

Extract URL content like Facebook with PHP and jQuery

You may have seen Facebook’s technique that extracts content of remote URL when a user types a URL in the status text-box filed. In this article, we will try to create a similar type of Ajax based URL content extractor using jQuery and PHP.

jQuery Facebook Wall

jQuery Facebook Wall

jQueryFacebookWall is a jquery plugin that will build a timeline or wall style post feed on your website with your Facebook account data. jQueryFacebookWall includes options to show events, likes, photos, and albums. It also includes a Facebook style lightbox to browse photo galleries. And best of all, it has user interactions so photos, posts, and comments can be liked or commented on.