article:
Elements Design: Webicons set resolution independent icons
article:
Elements Design & UI: Power Buttons Freebie UI

JS Plugin: Socialist

Advertisement

"Socialist is a jquery social feed plugin that combines multiple social media feeds in one place.

Use it to combine content and create a social wall from Facebook, Twitter, LinkedIn, YouTube, Pinterest, Flickr, Tumblr, Craiglist RSS and other social networks. "



Usage

1) Simply include the .js and .css files in your HTML document.

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

2) Apply jQuery Socialist to any <div> element within your js code.

    $('#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:'craigslist',id:'boo',areaName:'southcoast'} 
        ] 
    }); 


Options

- networks: An array of network definition objects
- 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', 'followers', 'likes', 'share'



Screenshots

Combine Content from Multiple Social Media Feeds

Plugin: Socialist

    $('#mydiv').socialist({ 
        networks: [ 
            {name:'facebook',id:'in1dotcom'}, 
            {name:'tumblr',id:'in1blog'}, 
            {name:'twitter',id:'in1_'}, 
            {name:'pinterest',id:'potterybarn/Fall-Weddings-by-Pottery-Barn'}, 
            {name:'youtube',id:'potterybarn'}, 
            {name:'googleplus',id:'105588557807820541973/posts'}, 
            {name:'rss',id:' http://feeds.feedburner.com/good/lbvp'} 
        ], 
        maxResults:4 
    });
    <div id="mydiv"></div> 


Features

- Uses AJAX to aggregate content from multiple sources
- Turns any DIV element into a social container
- Visually appealing responsive layouts, or simple list
- Supported numerous social and content sources -- use it to visualize any "feed"



Supported Sources

Facebook, Twitter, LinkedIn, Google+, RSS Feeds, Pinterest, Tumblr, Craigslist, Instagram, and more



Dependencies

jQuery Socialist uses 2 plugins to provide the responsive layout and cross-domain ajax features:

- 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/




source
demo
github
download

Advertisement
Tags: social, link, plugin, jquery, ajax, facebook, twitter, linkedin, flickr, youtube, tumblr, pinterest, rss feeds, craigslist, googleplus

Leave a Comment

No Comment

© Creative3x Ltd.