Archive for the ‘Social Networking’ Category

Although Twitter has changed a lot of their customization settings, it is still the same micro networking site we all love. Profiles have always allowed their own custom page background image. But there are also header backgrounds which appear right behind your profile photo & information.

These images are typically resized at 520 x 260 but can be uploaded using larger dimensions. Below you will find a set of 30 creative header backgrounds you might use on your own profile. They’re all easy to download and setup in your Twitter account settings. Click any of the links below to see a fullsize view of the header image.


moscow cityscape background twitter design

Read the rest of this entry »

Social networks allow users to customize how their profiles appear with avatars, backgrounds, cover images, etc.

Social Media Image Maker is a free, web-based tool that eases creating and editing these images.

Social Media Image Maker

The tool informs us with the required image dimensions for each service (Twitter, Facebook, YouTube, Flickr and more) and allows uploading any image + resizing or cropping them to fit the size.

Simply, from a single interface, it is possible to create social images for all major networks without the need to learn the requirements for each.

Lots of content is produced on social networks and using that content inside websites is usually a smart choice.

That is usually common with Twitter as “displaying the latest tweets” (check jQuery Twitter Plugins) and you may want to do the same for Instagram as well.

Here is a collection of jQuery plugins for fetching images, presenting them and even interacting with the Instagram API much more when needed:


Spectagram - jQuery Instagram Plugin

A feature-rich jQuery plugin that can fetch photos from Instagram.

It has support for getting photos of a specific user or popular or recently tagged ones.

The HTML format can be easily customized and images can be retrieved in pre-defined sizes.



Instajam is an almost complete JavaScript wrapper for the whole Instagram API.

It makes use of jQuery for working with JSONP requests and comes with features like getting:

  • user: likes, general info, feed, followers/following, search and relationships
  • media: search, popular ones, likes/comments of a specific item
  • tag: feed, meta and search
  • location and geography: getting media from a specific location/geography and search



A to-the-point jQuery plugin for only displaying images of a user.

There are very few things to setup and the images are retrieved as an unordered list.



This jQuery plugin, similar to InstaJam, wraps the (almost) complete Instagram API.

It can pull images, likes follows/followers of users and photos.

Also, InstaLib can push data as well (liking and commenting)



A simplistic plugin for only getting the images of a user and displaying them as a gallery.

Just define the number of images to be pulled and that’s it.

jQuery Instagram

jQuery Instagram

The plugin is only supports getting images but supports fetching by user, popular, tags and location.

Also, the image quality can be defined as well.

Instafeed.js (non-jQuery)


Instafeed.js is a standalone Instagram JavaScript library.

It can get photos with each possible method (user’s photos, photos by tags/location/popular) and sort them as well.

And for templating, it has functions for easily displaying the meta items of a photo.


Most of the websites include social networking widgets like Facebook “Like” or Twitter’s “tweet” buttons that ease sharing of the content.

The major drawback with the widgets is the performance loss due to the multiple requests made and files loaded.

SocialCount, a jQuery plugin, with only ~3kb in size (minified-gzipped) and provides a much lighter solution for them.

SocialCount jQuery Plugin

It has support for Facebook, Twitter and Google+, doesn’t auto-load the widgets and only loads them when user hovers the related widget which ends up in lots of performance and speed gain.

In total, the plugin makes 1 JS request, 1 CSS request, 1 optional request for icons and 1 optional AJAX request for counts (compared to 25 total requests for Facebook, Twitter, and Google Plus widgets)

SocialCount works with mouse, touchscreen or keyboard and comes in multiple sizes.

In order to simplify sign-in/sign-up processes and reach user data instantly, authenticating + authorizing users through social networks is a highly-used.

Social Auth is an open source and free PHP library that handles this process very easily.

Social Auth

It has support for 3 major networks: Facebook, Twitter and Google+.

The library is not limited to registration + login but can also pull user data where supported.