Connect With WRD
feed via e-mail
feed via e-mail

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

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

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

Instajam

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

jQInstaPics

jQInstaPics

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.

InstaLib

InstaLib

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)

InstaStream.js

InstaStream.js

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

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.

Today, almost everyone is active on multiple social networks and displaying social streams is a widely-implemented when creating websites.

jQuery Socialist is a plugin which can aggregate activity from multiple networks and display it as a single feed.

It can get the contents from Facebook pages, Twitter, LinkedIn, YouTube, RSS and many others with ease.

jQuery Socialist

The plugin can present the combined stream as a Pinterest-like responsive layout or any other custom one you can design (multiple ready-to-use themes exist).

P.S. A WordPress plugin for Socialist is also under development.

Socialite.js is a JavaScript library for having more control over social sharing buttons.

The library is lightweight (2kb minified-gzipped), standalone and helps the social widgets to load when you want them or only when needed/requested to speed up web pages.

Socialite.js

It has support for the major players: Twitter, Google+, Facebook, LinkedIn, Pinterest, and Spotify. There is no need to install the widget codes for each library as Socialite.js does that for you.

And, the library is extensible, any new social networks can be added with ease.

MiniJs is a free and open source suite of jQuery plugins that are written in CoffeeScript.

The plugins are perfect for everyday-use and include: slider, tooltip, notification, Twitter feed and counter (new ones are on the way).

They are all built with simplicity in mind and very easy-to-use with only few important parameters.

Also, for CoffeScript developers, a MiniBoilerplate is provided for developing new jQuery plugins faster.

MiniJs

shareNice is an open source social sharing widget -similar to AddThis or ShareThis- for adding sharing features to any website easily.

It focuses on the privacy of users, doesn't place any cookies or share any information with 3rd party services.

There is built-in support for most of the popular social websites (Twitter, Facebook, Delicious, etc.) and, considering the source is available, new ones can be added (or removed).

shareNice

It is possible to customize the services to be displayed, color-scheme, icon sizes and the label ("share" by default).

P.S. shareNice is also available as a free-to-use service.

Sharrre is a jQuery plugin that eases creating social sharing widgets for Facebook,Twitter, Google Plus, Digg and Delicious.

The plugin calls the social buttons on demand which is great for minimizing the number of initial requests and improving loading speeds.

Sharrre jQuery Plugin

Any type of custom designs can be created for the widgets (no need to use the default buttons provided by the social networks) and events(like, +1, tweet, etc.) can be fired up with the plugin's API calls.

P.S. Google Plus widget requires PHP to work (the PHP file is already included in the package).

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com