Wynn Netherland changelog.com/posts

jQuery-lifestream: Aggregate all your social activity with JavaScript

As Zeldman observed over three years ago, we’re farming out our online presence to a growing number of social networks. This fragmentation means it’s getting harder to see all of our online activity in one spot. If you’re looking for an easy way to pull all your tweets, likes, checkins, and even GitHub activity together in one spot, check out jQuery Lifestream from Christian Vuerings.

Installation and usage

To use the plugin, in addition to the jQuery dependency, you’ll need to add the script to your page along with some configuration with your social network account information.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="https://raw.github.com/christianv/jquery-lifestream/master/jquery.lifestream-compiled.js"></script>
<script>
  $("#lifestream").lifestream({
    list:[
      {
        service: "github",
        user: "pengwynn"
      },
      {
        service: "twitter",
        user: "pengwynn"
      }
    ]
  });
</script>

Here’s a preview of my own personal GitHub and Twitter stream:

$(“#lifestream”).lifestream({
list:[
{
service: “github”,
user: “pengwynn”
},
{
service: “twitter”,
user: “pengwynn”
}
]
});

One of the great things about jQuery Lifestream is that it supports jQuery templates so that you can customize how each feed item is displayed:

{
  service: 'deviantart',
  user: 'gabbyd70',
  template: {
    deviationpost: 'heeft hetvolgende gepost: <a href="${url}">${title}</a>'
  }
}

jQuery Lifestream supports a long list of feed sources:

Christian has created a nice demo page that lets you enter your social network usernames and preview your own lifestream.

If you don’t see your favorite site in the list, check out the README for contribution guides and advanced usage.

[Source on GitHub] [Follow @jq_lifestream on Twitter for updates]


Discussion

Sign in or Join to comment or subscribe

Player art
  0:00 / 0:00