1. Facebook Timeline Design using JQuery and CSS

Facebook UI is nonpareil. The all new facebook timeline is a blend of good looks and ease of use. This well written tutorial is on implementing wonderful facebook timeline using jQuery and CSS.

2. Facebook Wall Script 4

Wall Script 4.0 commercial edition is a coaction of 9lessons blog tutorials and some Jquery plugins. Have a the facebook wall styled UI and features on your website with the facebook wall script.

3. jQuery Autocomplete Facebook Style Search Box

The facebook serach box makes search a lot more easier with the autocomplete search suggestions and by showing out a thumbnail view of each of the search results. Creating this awesome autocomplete facebook style search box is now feasible with jQuery.

4. Facebook like face recognition with jQuery

Aren t we carried away when facebook makes our social interaction so much easy in so many ways? The facebook face recognition when we upload new pics to our facebook albums helps us tag ones friends with great ease. If you ever wondered how to detect faces in photos in your own website, then the answer is very simple, Faces in photos can be easily detected using a jQuery plugin. This tutorial narrates how to create facebook like face recognition with jQuery.

5. Facebook like Alerting Notifications Beeper With jQuery

Notifications on facebook let you stay updated no matter what. Of all then notifications I just love the on the fly notification beeper that pops up with a translucent dialog and gracefully fades away. Creating such notifications is now easy, all thanks to jQuery and CSS. Follow the simple steps in this tutorial to handcraft your own facebook like beeper for alerting notifications.

6. fcbkListSelection facebook like friends selector

The cool friend selector list of facebook lets you select your friends from amongst a list by a simple click and highlights selected friends with a unique color and a small tick. This kind of list selector UI can be designed with jQuery.

7. Elastic For Your Text Using jQuery

Elastic makes your textareas grow and shrink to fit it s content. It was inspired by the auto growing textareas on Facebook. The major difference between Elastic and it s competitors is it?s weight.

8. jQuery Facebook Style Re-sizable Textarea

Autogrow is a pretty simple JQuery plugin inspired by the auto growing textarea on Facebook. It allows textareas to automatically shrink and grow vertically accordingly to fit their content.

9. Facebook Like Alert Popup Box with Jquery and CSS

Facebook like popup/alert box is primary choice of all web developers to show messages to their users. Although it seems a difficult task but a little CSS and Jquery can ease your life a lot. Learn to develop the amazing facebook like alert popup box with Jquery and CSS.

10. FB WALL – jQuery for Facebook Lovers

Wouldn t it be nice if you could display the activity occurring on your Facebook wall directly to your website visitors? Now you can with a great jQuery plugin called FB.WALL.

11. jQuery Facebook tab for your website

A wonderful floating facebook tab for your website with jQuery. This tutorial narrates how to create the facebook tab using jQuery. This tab appears as a facebook logo on the right side of your website and on hover expands gracefully to a wonderful facebook tab.

12. Making a Custom Facebook Wall with jQuery Templates

Learn to create your own version of Facebook?s wall. This tutorial will be using Facebook?s Graph API with jQuery, and the template plugin. The jQuery.tmpl plugin will allow us to define templates within the page, and convert the posts we?ve obtained from the API into a real HTML page. You can use this example to display a feed of the latest posts on your FB page or profile on your website.

13. jQuery Facebook Style Tokeninput

Tokeninput is a jQuery plugin which allows your users to select multiple items from a predefined list, using autocompletion as they type to find each item. You may have seen a similar type of text entry when filling in the recipients field sending messages on facebook.

14. Facebook Like Button Using jQuery

A quick and easy way to include the Facebook Like button using jQuery. This allows you to pass in all button parameters along with optional meta/open graph tags.

15. Facebook Style Sidebar Using jQuery

The all new facebbok side bar gives a quick peak into all the instant friend activity. This plugin will create a facebook style sidebar.

16. Hovercard Facebook Style jQuery Plugin

Hovercard is a free light weight jQuery plugin that enables you to display related information with the hovered label, link, or any html element of your choice just like facebook does.

17. jQuery OnScrollBeyond and ScrollExtend Plugins

The scrollExtend plugin is designed to automatically load new content at the bottom of the screen (by appending to a DOM element) when the user scrolls beyond the element, much like Facebook does with their status updates.

18. jQuery Facebook Likebox Popup For Blogger v2

The previous version of jquery popup for Facebook Like box was warmly welcomed by all of you. Most of you requested social media links to be added to it along with a RSS subscription form. Normally it s a standard to keep it simple with just a subscribe form and Likebox and adding social media links does not make sense here. This is the updated version of jQuery facebook likebox popup for blogger.

19. oembedit jQuery Plugin

oEMBEDit is a plugin for jQuery that allows developers an easy way to mimic Facebook s style of embedding videos. An image is displayed first and when clicked on, embeds a defined video.

20. ajaxFlagmenu

AjaxFlagMenu is a simple vertical menu developed JavaScript, design is inspired from a social website Facebook, this menu is dynamically through functionality of Ajax by the XMLHttpRequest object, the first time I developed the first release 1.0.1 by using the ECMA 3 browsers Framework, but this version 1.0.2 I used the Framwork jQuery version 1.3.2 for ease of development and reduce the vulnerabilities of bugs.

AjaxFlagMenu is a simple vertical menu developed JavaScript, design is inspired from a social website Facebook, this menu is dynamically through functionality of Ajax by the XMLHttpRequest object, the first time I developed the first release 1.0.1 by using the ECMA 3 browsers Framework, but this version 1.0.2 I used the Framwork jQuery version 1.3.2 for ease of development and reduce the vulnerabilities of bugs.

Web Site
Download

oEMBEDit is a plugin for jQuery that allows developers an easy way to mimic Facebook s style of embedding videos. An image is displayed first and when clicked on, embeds a defined video.

Currently supported services include:

• YouTube
• Vimeo
• Hulu
• DailyMotion
• Facebook

Web Site
Download

The previous version of jquery popup for Facebook Like box was warmly welcomed by all of you. Most of you requested social media links to be added to it along with a RSS subscription form. Normally it s a standard to keep it simple with just a subscribe form and Likebox and adding social media links does not make sense here. This is the updated version of jQuery facebook likebox popup for blogger. The step by step integration procedure makes it a cakewalk to integrate the plugin to your blog.

Web Site
Demo

The scrollExtend plugin is designed to automatically load new content at the bottom of the screen (by appending to a DOM element) when the user scrolls beyond the element, much like Facebook does with their status updates. The existing infinite scroll plugin was primarily designed to integrate with WordPress, which didn?t really suit my purposes. There are two plugins encapsulated here ? onScrollBeyond, which allows the developer to specify a callback to be run when an element is scrolled beyond (or the end of the document is reached), and scrollExtend, which is simply an implementation of onScrollBeyond that automatically loads new content via ajax when a user scrolls past an element.

Web Site
Demo
Download

The all new facebbok side bar gives a quick peak into all the instant friend activity. This plugin will create a facebook style sidebar. The sidebar is on the left, and content display div is on the right. User can click on a link on the sidebar, and the content will be displayed on the right. There are different types of link that this plugin can support. You can load the content using ajax or iframe. Like the facebook sidebar, when the page is loading, a loading icon will be displayed next to the link.

Web Site
Download

Hovercard is a free light weight jQuery plugin that enables you to display related information with the hovered label, link, or any html element of your choice just like facebook does.

Features of Hovercard:

• Smoothly fades the name into a hovered card (in place).
• Uses minimum css and no external stylesheets to download.
• Full control over html to be displayed.

Web Site
Demo
Download

A quick and easy way to include the Facebook Like button using jQuery. This allows you to pass in all button parameters along with optional meta/open graph tags. Also, Facebook javascript files are only loaded once when multiple like buttons are on a page.

Web Site
Demo
Download

A wonderful floating facebook tab for your website with jQuery. This tutorial narrates how to create the facebook tab using jQuery. This tab appears as a facebook logo on the right side of your website and on hover expands gracefully to a wonderful facebook tab. Socialize your website on facebook with the cool loking jQuery facebook tab.

Web Site
Demo
Download

Learn to create your own version of Facebook?s wall. This tutorial will be using Facebook?s Graph API with jQuery, and the template plugin. The jQuery.tmpl plugin will allow us to define templates within the page, and convert the posts we?ve obtained from the API into a real HTML page. You can use this example to display a feed of the latest posts on your FB page or profile on your website.

Web Site
Demo
Download