FbFriends - A jQuery Plugin For Picking Facebook Friends From A Dialog

FbFriends is a jQuery plugin which allows you to pick friends from Facebook using a popup dialog box.  When the FbFriends plugin is called for the first time, it requests access to the user’s Facebook account. After gaining the required permissions, it shows a dialog box from where you can select friends.

FbFriends provides you with different methods for selecting friends.  You can select just the one friend or select multiple friends via checkboxes.  You can also style the dialog box with your own CSS or use jQuery UI as your dialog popup.

Requirements: jQuery, FB SDK
Demo: http://icambron.github.com/fbfriends/
License: MIT License

Curlish - A Tool Similar To Curl But With Easy OAuth 2.0 Helpers

Curlish is a tool similar to curl but with easy OAuth 2.0 helpers.  If you’ve ever had to speak to an OAuth 2.0 protected resource for debugging purposes?  Curl is a nice tool, but it totally lacks helpers for dealing with OAuth.   Curlish comes for the rescue. It is able to remember access tokens for you and inject it into requests. Facebook comes preconfigured so you can start using it right away.

Curlish is a small script written in Python without any further dependencies but things that are shipped with Python 2.6.

Requirements: Python 2.6
Demo: http://packages.python.org/curlish/
License: BSD

jPanelmenu - A jQuery Plugin That Creates A Mobile App-Like Paneled-Style Menu

jPanelMenu is a jQuery plugin that creates a paneled-style menu (like the type seen in the mobile versions of Facebook and Google, as well as in many native iPhone applications).

There are no default graphical styles injected into your page by jPanelMenu, because, as a developer who loves complete control over my pages, there is nothing I dislike more than plugins which do that. Therefore, all graphical styling is up to you, and jPanelMenu makes it very easy.

Users without JavaScript (whether they have turned it off or are using a device without it) will obviously not get the interactions provided by jPanelMenu. It’s a good idea to take a “progressive enhancement” approach, and build your site to work without JavaScript and jPanelMenu.

jRespond and jPanelMenu are the perfect couple — use jRespond to enable and disable jPanelMenu at the appropriate breakpoints, creating a truly great experience.

Requirements: jQuery
Demo: http://jpanelmenu.com/
License: MIT License

Tipsy - A jQuery Plugin For Facebook-Style Tooltips

Tipsy is a jQuery plugin for creating a Facebook-like tooltips effect based on an anchor tag's title attribute.  It's used by Twitter, Github, Slideshare and Bitbucket, amongst others.  It provides tons of configuration options to boot.

Features

Gravities - Using the gravity parameter, it's possible to control the positioning of the tooltip relative to the pointer.

Fading – You can apply fading effects on the tooltips.

Dynamically Updating Text - Tipsy tooltips are 'live' - if the source attribute's value changes, the tooltip text will be updated the next time the tooltip is shown.

Using Tooltips on Form Inputs - Tooltips can be bound to form inputs' focus/blur events.

Manually Triggering a Tooltip - It's possible to disable hover events and instead trigger tooltips manually

Support for Live Events - Live events are supported using the option {live: true}. jQuery ≥ 1.4.1 is required and live tooltips do not support manual triggering.

Requirements: jQuery
Demo: http://onehackoranother.com/projects/jquery/tipsy/
License: MIT License

jQuery Responsive IFrames - Turn Your Complex IFrames Into Responsive Goodness NPR-Style

jQuery Responsive IFrames are commonly used to allow embedding of third-party content. Many popular services, such as YouTube and Facebook, make extensive use of IFrames in their embeddable widgets.

On a responsive website, all page components must be responsive. There are multiple ways of making an IFrame responsive. Some responsive IFrame use-cases can be solved with simple JavaScript and CSS. Our library targets a challenging use-case in which embedded content:

• Can have unknown width and height.
• Can have unknown width/height ratio.
• Can change its width or height as users interact with dynamic content and we want the size of the IFrame to change accordingly to avoid scrollbars.

Making IFrames with such constraints is a challenging task. NPR developed this tiny (0.9KB minified and gzipped) jQuery plugin to make the task easier.

Due to browser security constraints, you will have to include the Javascript file both in the “parent” page, as well as in the page being embedded through an iframe (“child”).

In the current version, the parent page must include the latest version of jQuery. There is no dependency on jQuery for the child page functionality. In future versions, we would like to remove the dependency on jQuery for the parent as well.

Requirements: jQuery
Demo: http://npr.github.com/responsiveiframe/demo1
License: MIT License

Avatars.io - A Hassle-Free Hosted User Avatar Service

Avatars.io is a hassle-free hosted user avatar service for your apps and sites.  It lets you get avatars from social tools like Facebook, Twitter & Instagram.  It is also completely compatible with Gravatar.  Additionally you can let your users upload their own avatars.  Avatars.io supports 3 sizes for avatars.


Requirements: None
Demo: http://avatars.io/
License: Free

jQuery.textntags - A jQuery UI Plugin Component To "@tag" Someone In A Text Message

jQuery.textntags is a small UI component that allows you to "@tag" someone in a text message, just like you are used to on Facebook or Twitter.

When tags are being added to the input, a marked-up version of the value is generated, to allow the tags to be extracted, parsed and stored later. 

Requirements: jQuery
Demo: http://daniel-zahariev.github.com/jquery-textntags/#examples
License: MIT License

FBOOTSTRAPP - A TOOLKIT TO KICKSTART DEVELOPMENT OF FACEBOOK IFRAME APPS

Fbootstrapp is a toolkit designed to kickstart development of facebook iframe apps in both relevant sizes. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more, styled in the typical facebook look and feel.

Requirements: None
Demo: http://ckrack.github.com/fbootstrapp/
License: Apache License Version 2.0