Introduction

Fubar consists of two main code areas - the first is a fixed-position site bar which appears at the bottom of any browser window and remains there regardless of the content or scroll position. The second is a series of widgets and plugins used to power some of the more visual sides to the toolbar's content. This post will let you know what these components are.

Details

1. jQuery Tipsy Tooltips - This is a plugin used for adding Facebook-Like Tooltip effects to your site or links (http://onehackoranother.com/projects/jquery/tipsy/)

2. jQuery FancyBox - This is a lightbox alternative that allows you to display any type of content, in particular, iFrame content from local or external websites (http://fancybox.net/)

3. Google Buzz Plugin - Mike More's excellent Google Buzz Widget grabs the feed of your latest Google Buzz posts and refreshes this list depending on a set of parameters you've configured (http://www.moretechtips.net/2010/02/google-buzz-widget-jquery-plugin.html)

4. Sea of Clouds jQuery Twitter Plugin - This wonderfully compact plugin makes pulling your Twitter feeds a piece of cake and also allows you to customize the output quite extensively (http://tweet.seaofclouds.com/)

5. Facebook Fan Page Widget - The Facebook Fan Page Widget is a widget provided free by Facebook to site owners wishing to share their fan streams or followers in a box on their website. To allow you to show to Fan Box widgets side by side as in the original Wibiya bar, one can either choose to proxy one of the content boxes or load each of the widgets in separate iFrames which are then loaded into the same window.

6. AddToAny Subscription and Share Widgets - These excellent widgets allow you to configure everything down to the event handlers that execute them so you can choose whether they appear on click or on mouse over. All the usual share sites and social networks are included and these guys even offer an API to anyone wishing to do more with their code.

7. ConveyThis.com Translation Features - Google Translate has been a favorite service among many of my fellow coders for a while now, but I came across this great service that allows you to give your visitors the choice to pick what translation service they want to use to translate your page once they've selected a language. Because some services have stronger features in one area of language than others, your visitors will have all the options they could want available to them. ConveyThis also has a great widget you can add easily to your site, so definitely check it out.