Hovercard is a jQuery plugin that eases displaying information with style when an HTML element of our choice is hovered.

The information box appears with a smooth fading effect and accepts any HTML markup to be used as the content.

It is very useful for enabling users to reach micro info quickly (like a short bio, price of an item, an image, etc.) and comes with built-in Facebook + Twitter integration. Simply, it can display the details of a Facebook page or Twitter user nicely.

There are options for defining its width, position, background color and more.

Also, callback functions exist when hovering in and out from a Hovercard item.

Sharrre is a jQuery plugin that eases creating social sharing widgets for Facebook,Twitter, Google Plus, Digg and Delicious.

The plugin calls the social buttons on demand which is great for minimizing the number of initial requests and improving loading speeds.

Any type of custom designs can be created for the widgets (no need to use the default buttons provided by the social networks) and events(like, +1, tweet, etc.) can be fired up with the plugin's API calls.

P.S. Google Plus widget requires PHP to work (the PHP file is already included in the package).

Web pages usually display multiple widgets of different networks (like Facebook Like, Tweet button, etc.) for social sharing.

ShareCount is an open source script that collects the number of sharing activities in a single counter.

The counter sums up the number of sharings of an URL in Twitter, Facebook, Digg and Delicious.

Also, it saves space by providing the ability use each social network's widget from the same button (that nicely toggles on hover).

The code of the script is pretty straightforward and it is easy to define new services.

It is usually a good practice to enable users to sign-in/sign-up using popular social service accounts like Facebook, Twitter, Google or OpenID.

Such an alternative not only fastens the process (no approval e-mails required, fewer form fields to fill, etc.) but also a "one less password to remember" from the user's perspective.

There are many social authentication providers besides the ones counted above including LinkedIn, Hotmail or Yahoo and integrating each can be a headache. Also, such codes may require to-be-updated from time-to-time to reflect any changes applied to them.

OneAll is a web service easing this process by providing a single API for using APIs of ~20 social services.

With the help of a "Social Login plugin", a widget that can be inserted to web pages with a copy-paste, users can be powered with an option to login with their social IDs.

A "Social Share plugin" empowers users to share their comments, purchases, reviews or other activities directly from the website with their friends on multiple social networks.

And, every action performed using OneAll (sign-in, sign-up, repeating visits, etc.) can be viewed in detail from its analytics interface.

It is hard to find such a service for free, however, OneAll is currently in beta (in-search of testers) and free during that period. Also, there will be a free plan once it is out-of-beta.

Update (18 Nov 2011) – There is now a WordPress plugin for the service which allows visitors to comment and login with social networks.

Twitter Bootstrap is a toolkit created by Twitter for kickstarting CSS when developing websites.

It is built with Less and consists of base CSS + HTML for typography, forms, buttons, tables, grids, navigation, and some more.

The grid provided is 940px wide 16-column and, for the layouts, there are solutions for both fixed + fluid ones.

Twitter Bootstrap's HTML elements have a plain-yet-elegant style where form inputs get a nice box-shadow on focus or table rows being highlighted.

The kit also includes other stuff like popovers, alerts, tabs and pagination which all use semantic XHTML.

It is actually built with Preboot, an open-source pack of mixins and variables to be used with Less and, for anyone willing to use it with Less rather than the static CSS, a detailed how-to is provided.

HybridAuth is an open source PHP library for authenticating through multiple social services and ID providers.

The services supported include OpenID,Facebook, LinkedIn, Google,Twitter, Windows Live, Foursquare, Vimeo, Yahoo, PayPal and more.

It can be integrated easily into existing websites by inserting a file and few lines to the sign-in/up pages.

Once authenticated, HybridAuth provides the connected user profile's in a rich, simple and standardized structure across all the social APIs.

And, besides authentication, the library enables us to interact with the social API client that the users are connected to.

Today's internet user interacts with others using many different services like Facebook, Twitter, blogs, etc.

Friendika, an open source PHP/MySQL application, integrates with such services and allows you to control your social networking stream from a single interface.

The supported services include Facebook, Twitter, WordPress, Blogger, Identi.ca, RSS feeds, e-mail integration and more.

Friendika is actually much more than that, it is a distributed social-network which doesn't require any 3rd party services and has its own Facebook-like features including, status updates, photo sharing/tagging, like/dislike, creating groups/fan pages or location sharing/geotagging.

And, the best part is; every Friendika user can connect with any other Friendika user on any installation without limits.

Streamie is a web-based, totally real-time and open source Twitter client which makes use of the latest web standards such as HTML5 and CSS3.

It has different menus for displaying mentions, direct messages, favorites or retweets. And, as expected, you can send tweets easily.

A number of options help customizing the application like message filtering, display settings and enabling geolocation.

The application is fully Ajaxed + uses nodeJS, less.js, require.js and Socket.IO which can be a good way of getting experienced in these "getting popular" resources.

At WRD, the previous tweet button for sharing stories was the cool Easy Retweet Button by John Resig. However, it was not perfect as, sometimes, it was unable to communicate with the URL shortener service and the tweet links were appearing buggy.

In search for a better one, I tested few others including the official tweet button. They were loading the links ok but had other issues like "loading slow", "blocking pages on load", etc.

And, for a button that is clicked by -maybe- 1/100 of the visitors, loading the scripts and making requests for every visitor didn't look like the smartest choice.

Here is another method, that is actually used at WRD now which loads very fast for everyone and almost fault-proof.

How it works?

First of all, the button is hosted locally and it does not make any requests until it is clicked.

• A link with the querystring that includes URL and the title of the web page is created, pointed to a server-side file (to be presented later in this article) and attached to any custom button we design.
• Once clicked, it sends the URL and title to the server-side file which creates the tweet link and redirects to Twitter with the tweet.

Read the rest of this entry »

Today, if not over-promoted, sharing your social activity or the content you generate in various ways is a good method to gain exposure.

WiseStamp is an add-on, with versions for Firefox, Chrome, Safari, Flock and Thunderbird, for  auto-inserting content from various resources to e-mail signatures.

Besides Thunderbird, it is compatible with the popular e-mail services like Gmail, Hotmail, Yahoo Mail and AOL.

The content inserted can be grabbed from a RSS feed, Facebook, Twitter, Digg, Delicious or almost any other social network account.

The add-on is multilingual and already has support for 10+ languages.