Web Experience Design for Socialists

Posted on

  • email
  • twitter
  • facebook
  • share this

share this

advertisement

Social media impacts nearly every facet of the digital experience – from the methods used for customer acquisition, to how response is measured (social analytics), and of course, in design. Consumers’ expectations are obviously shifting and the more social you make your website, the deeper the user engagement will becomes with your brand. But how do you actually do that? Become a socialist designer. 

A new jQuery plugin captured my virtual fancy a few days ago and I believe it to be something that warrants (if not demands) greater exposure. It’s called Socialist and if you’ve been actively looking for a way to easily aggregate all of your social media channel activity into a singularly social location on your website (and in the now popular Pinterest style layout to boot), you have to check it out. 

Socialist combines multiple social media feeds including those from Facebook, Twitter, LinkedIn, Flickr, YouTube, Pinterest, Google+, and Craigslist among others. The best part, however, is that Socialist also handles any RSS feed. With a little custom programming, the opportunities to use the jQuery plugin are mind-boggingly broad.

If that weren’t enough to spark your interest, know that there are numerous customization options too. Socialist, of course, comes with its own CSS file that can be modified, but it also gives designers and developers control over the length of headers and text, the number of results, and the size of items as well. Just enough in our testing to make it a serious contender for inclusion on sites I work on and with.

Integration is rather simple. The Socialist .js plugin and the CSS file need to be placed in the section of your HTML document along with a link to the most recent version of jQuery (the minified version is optimal). From there, you’ll simply need to include the social network information that you'd like to showcase. Check out the source code in the snippet below or at the demo example at Javascript Problems - a domain I own that I decided to us exclusively for testing Socialist (it is not affiliated with Website Magazine)



Most of the supported networks are rather straightforward but both Craigslist and Flickr require a bit extra - an API key in the case of Flickr and an area designation in the case of Craigslist.

Socialist is dependent on two plugins to provide the responsive layout (Isotope) and the cross-domain ajax features.

Here's a screenshot of how it looks - took me a total of ten minutes to get it up and running. 

Javascript Problems

 

Custom WordPress Design Themes at 99designs.com. Get the most designs for your buck when you start a design project!


Login To Comment

forget your login information?

Become a Member

Not already a part of our community? Sign up to participate in the discussion. It’s free and quick.

Sign Up

2 comments

JeffreyB 11-02-2012 8:23 AM

What idiot named a plugin "Socialist?"  This appalling lack of imagination leads me to think that the plugin is also lacking.

MiguelG 11-05-2012 6:10 PM

The first thing I thought about when I saw the title of the post was images of Che Guevara, or maybe the recommendation of some underground CMS system that hasn't "sold out" to the capitalistic empire. You know, something that's truly "for the people", because those damn capitalists are just looking or ways to impoverish the world.

Jokes aside, that plugin is impressive, I'd like to "play" with it and see how it works for my own sites.

Add to the discussion!

advertisement

999 E Touhy Ave
Des Plaines, IL 60018

Toll Free: 1.800.817.1518
International: 1.773.628.2779
Fax: 1.773.272.0920
Email: info@websitemagazine.com

Facebook


Twitter