• Stars
    star
    631
  • Rank 71,222 (Top 2 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 12 years ago
  • Updated about 9 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

jquery social media plugin that aggregates and combines Facebook, Twitter, LinkedIn, YouTube, Instagram, Pinterest and.. Combine social feeds from multiple social networks or RSS in elegant layouts via this social plugin.

This project is no longer being maintained due to most social API's no requiring OAuth and some level of server-side authentication. The original intent of this project was solely browser-side JavaScript.

jquery-socialist - A jQuery social plugin for creating streams from social networks and feeds

Even if you hate socialism (as I do), you'll love this flexible jQuery social media plugin. jQuery Socialist is a plugin that lets you create a social stream or social wall from multiple social networks in one place. Use it to pull content from Facebook pages, Twitter, Instagram, LinkedIn, YouTube and others.

Features

- Display updates from multiple social networks in attractive visual layouts
- Supports Facebook, Twitter, LinkedIn, YouTube, Tumblr, Instagram, Flickr, Pinterest, RSS Feeds, Craigslist, Google+ and more..
- Multiple themes
- Easy to implement with just a few lines of code

Plugin Screenshot

Examples

[Display Flickr photos in Pinterest-style layouts][1]

[Combine and display Facebook, Twitter and LinkedIn updates][1]

[Show YouTube video thumbnails][1]

[Display Craiglist postings for an area and category][1]

[Visualize any RSS feed as a responsive social wall][1]

[Click Here for More Demos][2] [1]: http://plugins.in1.com/socialist/demo [2]: http://plugins.in1.com/socialist/

Usage

1) Include the .js and .css files in your HTML document <HEAD> section:

<link href="../jquery.socialist.css" rel="stylesheet" />
<script src='../jquery.socialist.js'></script>

2) Use jQuery Socialist on any <DIV> element:

$('#content').socialist({
    networks: [
        {name:'linkedin',id:'buddy-media'},
        {name:'facebook',id:'in1dotcom'},
        {name:'pinterest',id:'potterybarn'},
        {name:'twitter',id:'in1dotcom'},
        {name:'googleplus',id:'105588557807820541973/posts'},
        {name:'rss',id:' http://feeds.feedburner.com/good/lbvp'},
        {name:'rss',id:'http://www.makebetterwebsites.com/feed/'},
        {name:'craigslist',id:'boo',areaName:'southcoast'},
        {name:'rss',id:'http://www.houzz.com/getGalleries/featured/out-rss'}
    ],
    isotope:false,
    random:false,
    fields:['source','heading','text','date','image']
});

Options

**networks**
An array of network definition objects
**network definitions**
A javascript object containing the name of the network, id and other network specific parameters.
Most networks require only the id. Some networks such as Craiglist and Flickr require additional options.

    {name:'linkedin',id:'linkedin-companyname'},
    {name:'facebook',id:'(facebook-pagename)'},
    {name:'tumblr',id:'(tumblr-blogname)'},
    {name:'pinterest',id:'(pinterest-username/pinboard-name)'},
    {name:'flickr',id:'54772265@N04',apiKey:'(your-flick-api-key here)'},
    {name:'youtube',id:'potterybarn'},
    {name:'twitter',id:'in1dotcom'},
    {name:'googleplus',id:'105588557807820541973/posts'},
    {name:'rss',id:'http://www.makebetterwebsites.com/feed/'},
    {name:'craigslist',id:'boo',areaName:'southcoast'},
    {name:'instagram',id:'socialmedia',apiKey:'(your-instagram-api-key here)'},
    
**random**
true or false; default value is: true
**isotope**
true or false; default value is: true
**headingLength**
An integer value that indicates the max number of characters to display in the 'heading' field of each result
**textLength**
An integer value that indicates the max number of characters to display in the 'text' description field
**maxResults**
An integer value that indicates the max number of results to show
**theme**
(none) or 'clean'; default value is: (none)
**size**
(none) or 'small' or 'large'; default value is:(none)
**fields**
An array of strings that indicate which field values to display. Any of the following: 'source','heading','text','date','image','share'

Dependencies

The dependencies (included with jQuery Socialist):

- jQuery Isotope Plugin v1.5.19: An exquisite jQuery plugin for magical layouts (http://isotope.metafizzy.co)
- jQuery Cross Domain Ajax: http://james.padolsey.com/javascript/cross-domain-requests-with-jquery/

License

jQuery Socialist (a social media plugin) is provided under a MIT license: http://opensource.org/licenses/mit-license.php/

Use of the included jQuery Isotope Plugin requires a commerical use license: http://metafizzy.co/#licenses

Updates

9/24/2012 - Fixed Tumblr parsing issues 12/14/2012 - Added Instagram support 2/12/2013 - Fixed Twitter bug on posts w/o links

More Repositories

1

bootstrap-zero

Bootstrap templates and themes project
JavaScript
575
star
2

bootstrap-google-plus

Bootstrap Google Plus is a Google+ style theme and template for Bootstrap 3.
CSS
164
star
3

bootply

Twitter Bootstrap playground. Use Bootply to design, prototype, extend, or test responsive Bootstrap website.
125
star
4

one-page-app

Single page application boilerplate for Web or mobile using Twitter Bootstrap, jQuery and Javascript on Node.js. Create a responsive one page app for with a lightweight data store. Features long scrolling page sections, image slider, scroll to top button and dot navigation.
JavaScript
123
star
5

jquery-share

A jquery social plugin that enables easy sharing to multple social networks. Share to many social networks (Facebook, Twitter, Tumblr, LinkedIn, Pinterest, Google+) from one toolbar.
JavaScript
95
star
6

bootstrap-3-upgrade

Migration scripts for Bootstrap 3.
JavaScript
17
star
7

bootply-extras

Bootstrap Themes, Components (Tiles, Cards, Centering, Option Tables), CSS tricks, JavaScript and jQuery plugins for Bootstrap by Bootply.com
JavaScript
9
star
8

node-api-key

API key generator for Node.js. Generate, validate and maintain keys for your RESTful API.
7
star
9

social-media-api

A RESTful social media API built on NodeJS that aggregates (combine) social feeds and disseminates (share) to multiple social networks
6
star
10

workflow-engine

A simple JavaScript workflow engine
JavaScript
6
star
11

bootstrap-migrate

For Bootstrap 2 to Bootstrap 3 migration. Convert Bootstrap 2.x HTML, templates and layouts to Bootstrap 3.0.
5
star
12

bootstrap-templates

A collection of free Bootstrap templates.
4
star
13

site2img

A web snapshot app and API for Node.js using Express and Phantom.js
3
star
14

node-url-to-image

Capture Web pages as images (Web screenshots) using Node.js and WebKit.
JavaScript
3
star
15

jquery-social-media

Social sharing and social feed plugins for jQuery. Combine social updates from multiple social feeds, or share to multiple social networks.
3
star
16

paperpusher

A jQuery Plugin that takes a JSON object and gives you a Bootstrap compatible HTML form.
JavaScript
3
star
17

jqueryui-switchr

jQueryUI Toggle Switch Plugin
2
star
18

heroku-phantomjs

screenshot app
CoffeeScript
1
star
19

facebook-feed

A facebook feed plugin that uses the Facebook Search API. Javascript and jQuery
1
star
20

codeply

Code editor
1
star
21

in1-plugins

jQuery Plugin Demo Site
JavaScript
1
star
22

site2img-api

Image and Web screenshot capture service, API on Node.js using Phantom.js
1
star