Best jQuery Facebook Plugins & Tutorials with Demo

jQuery Facebook Multi-Friend Selector Plugin

jQuery Facebook Multi-Friend Selector Plugin

I created a new jQuery pluging that works with the new Facebook javascript SDK to present a users list of friends and allows them to select the friends they would like to do X with. That “X” is up to you; once the user has selected their friends, you call a function on the plugin that returns an array of the friends Facebook Ids. A few key points:

  • client-side, no server-side PHP blah blah blah dependencies like some of the other alternative friends selectors
  • depends on jQuery and the new Facebook Javascript API
  • only requires several lines of code to drop-in

Facebook Style Emotions jQuery Plugin with Demo

Facebook Style Emotions jQuery Plugin with Demo

Introducing a new jQuery emotions plugin, This helps you to convert text symbols to emotion images like how social chat editor works. This plugin developed by 9lessons using javascript regular expression match rules. In first version we providing facebook emotion theme, next release we are going to include some more better emotion icons.

boxy : Facebook-like jQuery dialog/overlay with Demo

boxy : Facebook-like jQuery dialog/overlay with Demo

boxy is a animated facebook like jquery dialog/overlay box.

jQuery Twitter Follow Box Widget like facebook with Demo

jQuery Twitter Follow Box Widget like facebook with Demo

A simple but powerful jQuery plugin to add facebook like box style widget for twitter. Enough options are available to customize the twitter follow box widget to match your site design.It is very simple to add twitter follow box to your site and this jQuery twitter widget is cross browser compatible.

jQuery Facebook Wall Plugin : fb.wall

jQuery Facebook Wall Plugin : fb.wall

The name says it all, this jQuery plugin allows you to display the Facebook Wall of an user, a page or an app on your own website.
The design of the wall derives from the Facebook look’n’feel and can be customized easily via CSS.

Facebook Timeline Design using JQuery and CSS

Facebook Timeline Design using JQuery and CSS

I’m going to discuss about Jquery usage. Facebook timeline design makes big revolution in social networking world and it gives new feel to the user profile pages. In this post I want to explain how simple I had implemented this design with Jquery and CSS. Try this demo with modern browsers like Chrome, Firefox and Safari (IE is dead).

Facebook-like Friends Selector jQuery Plugin

Facebook-like Friends Selector jQuery Plugin

fcbkListSelection is a fancy item selector, just like the friends selector you can see on Facebook. It is built with jQuery javascript framework, with wide range of options.

jQuery Lifestream – Create a stream of your online activity

jQuery Lifestream – Create a stream of your online activity

jQuery Lifestream is a plugin that allows you to create a stream of your online activity. It supports a multitude of services.

It currently supports the following feeds: Bitbucket, Bitly, Blogger, Digg, Dailymotion, Delicious, DeviantART, Dribbble, Facebook Pages, Flickr, Formspring, Forrst, Foursquare, Github, Google Reader, Instapaper, Iusethis, Last.fm, LibraryThing.com, Mlkshk, PicPlz, Pinboard, Posterous, Reddit, Slideshare, Snipplr, Stackoverflow, Tumblr, Twitter, Vimeo, Wikipedia, WordPress & Youtube.

Display Facebook Photos To Your Website with FQL and jQuery Lightbox

Display Facebook Photos To Your Website with FQL and jQuery Lightbox

Hi there! Today we’re going to do a code that:

1. Gets photo albums and photos of a facebook fan page (using Facebook PHP SDK and FQL).
2. Display these photos to a webpage (assuming it is your website.).
3. Use jQuery Lightbox to make awesome images presentation.

Facebook Wall Script 3.0 with PHP and Jquery

Facebook Wall Script 3.0 with PHP and Jquery

Facebook wall script with expanding URLs one of the popular post on 9lessons. It is just collaboration of my previous jquery articles. Recent days I received lots of requests from my readers that asked to me how to display old updates. So that I have decided to release new version with user control support.