Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Show a stream of your online activity with jQuery

This branch is 0 commits ahead and 0 commits behind master

Fetching latest commit…

Cannot retrieve the latest commit at this time

README.md

jQuery Lifestream Plug-in

jQuery Lifestream Logo

Show a stream of your online activity.
Check out the example or create your own lifestream instantly.

Follow us on twitter

Requirements

Supported feeds

Currently supports the following feeds:

Feel free to fork the project and add your own feeds in.
Just send a pull request to christianv/jquery-lifestream when you're finished.

Extensions

Build

cd build
make

Available targets

Use make target and replace target with the target you want to use.

  • jls: Build jquery.lifestream.js, the non-minified version of jQuery Lifestream
  • jls-min: Build jquery.lifestream.min.js, the minified version of jQuery Lifestream
  • script-min: Build download/js/script.min.js, this script is the main script for the download page
  • uglifyjs: Build download/js/uglify-cs.js, a custom version of UglifyJS patched to work in the browser
  • uglifyjs-min: Build download/js/uglify-cs.min.js, minified version of UglifyJS
  • service-list: Build download/services.json, a list of all the services which are available

Requirements

Usage

Add the following to the <head> or <body> tag of your HTML page.

<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.min.js"></script>
<script>
  $("#lifestream").lifestream({
    list:[
      {
        service: "github",
        user: "christianv"
      },
      {
        service: "twitter",
        user: "denbuzze"
      }
    ]
  });
</script>

The above code will always use the latest version of the script.
If you want to use it in production, download the minified or uncompressed file and host it yourself.

jQuery Templates

You have the ability to use jQuery templates for your feed.
Checkout the template page to see an overview of the current available templates.

Usage:

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

Configuration

The plug-in accepts one configuration JSON object:

$("#lifestream").lifestream({
  classname: "lifestream",
  feedloaded: feedcallback,
  limit: 30,
  list:[
    {
      service: "github",
      user: "christianv"
    },
    {
      service: "twitter",
      user: "denbuzze"
    }
  ]
});

classname: The name of the main lifestream class. We use this for the main ul class e.g. lifestream and for the specific feeds e.g. lifestream-twitter

feedloaded: (function) A callback function which is triggered each time a feed was loaded.

limit: (integer) Specify how many elements you want in your lifestream (default = 10).

list: (array) Array containing other JSON objects with information about each item.
Each item should have a service and a user.
For more information about each service, check out the source code of the example page.

Commit to the project

Add your own feed

Adding in your own feed is pretty easy.
Have a look at this commit which adds support for the last.fm feed.

Create data:URI for an icon

  1. Convert the favicon.ico of a site to a .png file. (e.g. http://google.com/favicon.ico)
  2. Make a data:URI for it.
  3. Put the data:URI in css/lifestream.css (alphabetical order).

How to commit?

  1. Push the finished code to your own remote repository.
  2. Send a pull request to christianv/jquery-lifestream.

Code Style Guidelines

  • Indentation: 2 spaces
  • Max column width: 78 characters
  • Trailing spaces: not allowed
  • Always use curly brackets {} for if/else/for
  • Put all var statements in the beginning of a function
  • Use === & !== for comparing variables
  • Use the following spacing rules:
for (var i = 0, j = length; i < j; i++) {

Ideas

Stuff that isn"t implemented yet, but would be nice to have:

Mentions

Places on the web where this plug-in got mentioned:

Used By

A list of sites that use the jQuery Lifestream plug-in:

Armin Roșu, BrainDump2.0, Erik Ostrom, Robbie.io, Sam Tardif, Sebastix, Simon Gaeremynck

Special Thanks

Special thanks all the committers and gabbyd70 for letting us use her DeviantART username.

Version log

  • 0.2.5 Wikipedia support
  • 0.2.4 LibraryThing support
  • 0.2.3 Digg support
  • 0.2.2 Facebook Pages support
  • 0.2.1 Bitbucket support
  • 0.2.0 Modular builds
  • 0.1.6 Bitly support
  • 0.1.5 Snipplr support
  • 0.1.4 Instapaper support
  • 0.1.3 Mlkshk support
  • 0.1.2 Foomark support
  • 0.1.1 Blogger, Formspring, Posterous & Wordpress support
  • 0.1.0 jQuery Template support
  • 0.0.17 Forrst & PicPlz support
  • 0.0.16 Iusethis support
  • 0.0.15 Dailymotion & Pinboard support
  • 0.0.14 Slideshare support
  • 0.0.13 Vimeo support
  • 0.0.12 Reddit support
  • 0.0.11 Tumblr support
  • 0.0.10 DeviantART support
  • 0.0.9 Foursquare support
  • 0.0.8 Add support for Github tags
  • 0.0.7 Dribbble support
  • 0.0.6 Update links in twitter to be able to have hashes in them
  • 0.0.5 Flickr support
  • 0.0.4 Last.fm support
  • 0.0.3 Delicious support + minor bug fix in the stackoverflow code
  • 0.0.2 Youtube support
  • 0.0.1 Initial version
Something went wrong with that request. Please try again.