jQuery & CSS Social Media Functions

Just recently we worked with a little project where we needed to implement some social media related functions. During our search for the elusive inspiration we found some nice and useful examples we thought also you would appreciate – if you like techniques based on jQuery and CSS.

Cashrevelations.com presents a selection of useful CSS and jQuery techniques to add social media related functions to your site – and we should also mention that we consider things like maps and calendars as social media functions related. All these CSS and jQuery examples are presented with demo.

8 Social Media Related jQuery & CSS Techniques

1. Simple Tweet to Download System
In this pedagogic tutorial by Martin Angelov, you will build a “Pay with a Tweet” jQuery plugin – you take something that you would otherwise offer for free (digital products), and make it available to users only after they tweet about your website.
View Demo

2. Social Stats, jQuery & API Goodness
In this tutorial you will learn how to build a simple tool to measure the success of your online campaign. This basic social statistics tool is built with the assistance of the APIs from Twitter, Facebook and last but not least, Vimeo.
View Demo

3. Facebook Wall – A jQuery Social Media Plugin
This Facebook Wall jQuery plugin allows you to display the Facebook wall of a user, a page or an app on your own website. The design of the wall derives from the Facebook design and can be easily customized with some CSS.
View Demo

4. MobilyMap – jQuery Plugin
This is a lightweight (only 5KB) and fully and easily configurable jQuery plugin by Marcin Dziewulski that converts a simple image into a functional and practical map – a nice solution for your websites map presentation needs.
View Demo

5. Image Wall With jQuery
The idea is to scatter thumbnails with different sizes on the page and make a ribbon with description slide in when we click – when clicking again on the thumbnail, the ribbon will close and open a large version of the image.
View Demo

6. Photobooth With PHP & jQuery & CSS3
In this pedagogic and fun tutorial by Martin Angelov, you will be building a jQuery and PHP powered photobooth. It will allow your website visitors to take a snapshot with their web camera and upload it from a neat CSS3 interface.
View Demo

7. jQuery Social Media Share & Bookmark Plugin – jsShare
This stylish plugin helps you to easily share your content with popular social media. It is rendered as compact button by default, width is toggled upon clicking, and the plugin also has an optional fish eye animation effect for social media buttons.
View Demo

8. FullCalendar – jQuery Plugin
FullCalendar is a jQuery plugin that provides a full-sized drag and drop calendar. It uses AJAX to fetch events on-the-fly for each month and is easily configured to use your own feed format (an extension is provided for Google Calendar).
View Demo

The social media related items presented here in this article are not in any particular order – and Cashrevelations is not by any means affiliated with any of the authors.