Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Show a stream of your online activity with jQuery
JavaScript HTML Other

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
css
design
me
.gitignore
LICENSE
README.md
example.html
index.html
jquery.lifestream-compiled.js
jquery.lifestream.js
jquery.lifestream.min.js

README.md

jQuery Lifestream Plug-in

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

Requirements

Supported feeds

Currently supports the following feeds natively:

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.

Usage

Add the following to the or tag of your HTML page.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="https://github.com/christianv/jquery-lifestream/raw/master/jquery.lifestream-compiled.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 compressed or uncompressed file and host it yourself.

Configuration

The plug-in accepts one configuration JSON object:

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

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.

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
  • We 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:

Version log

  • 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.