Ahmad Milzam ahmadmilzam

Share Counts

I have always struggled with getting all the various share buttons from Facebook, Twitter, Google Plus, Pinterest, etc to align correctly and to not look like a tacky explosion of buttons. Seeing a number of sites rolling their own share buttons with counts, for example The Next Web I decided to look into the various APIs on how to simply return the share count.

If you want to roll up all of these into a single jQuery plugin check out Sharrre

Many of these API calls and methods are undocumented, so anticipate that they will change in the future. Also, if you are planning on rolling these out across a site I would recommend creating a simple endpoint that periodically caches results from all of the APIs so that you are not overloading the services will requests.

Twitter

Vanilla JavaScript

Some vanilla equivalents to jQuery methods.

DOM selectors

jQuery:

	/*
	Tested on
	(Windows 7)
	Chrome, Firefox
	(Android 4.1)
	Android Browser, Chrome, Firefox
	(iOS 6.1.3)
	Safari

	*/

	/**
	*
	* Name v0.0.1
	* Description, by Chris Ferdinandi.
	* http://gomakethings.com
	*
	* Free to use under the MIT License.
	* http://gomakethings.com/mit/
	*
	*/

	/**
	* Remove whitespace from a string
	* @private
	* @param {String} string
	* @returns {String}
	*/
	var trim = function ( string ) {
	return string.replace(/^\s+\|\s+$/g, '');
	};

	// Brightness math based on:
	// http://www.nbdtech.com/Blog/archive/2008/04/27/Calculating-the-Perceived-Brightness-of-a-Color.aspx

	$red-magic-number: 241;
	$green-magic-number: 691;
	$blue-magic-number: 68;
	$brightness-divisor: $red-magic-number + $green-magic-number + $blue-magic-number;

	@function brightness($color) {
	// Extract color components

	@echo off
	SET st2Path=C:\Program Files\Sublime Text 2\sublime_text.exe

	rem add it for all file types
	@reg add "HKEY_CLASSES_ROOT\*\shell\Open with Sublime Text 2" /t REG_SZ /v "" /d "Open with Sublime Text 2" /f
	@reg add "HKEY_CLASSES_ROOT\*\shell\Open with Sublime Text 2" /t REG_EXPAND_SZ /v "Icon" /d "%st2Path%,0" /f
	@reg add "HKEY_CLASSES_ROOT\*\shell\Open with Sublime Text 2\command" /t REG_SZ /v "" /d "%st2Path% \"%%1\"" /f

	rem add it for folders
	@reg add "HKEY_CLASSES_ROOT\Folder\shell\Open with Sublime Text 2" /t REG_SZ /v "" /d "Open with Sublime Text 2" /f

	<?php if( ! defined('BASEPATH') ) exit('No direct script access allowed');
	/**
	* CodeIgniter 2.1.0 form validation external callbacks.
	*
	* This is part of MY_Controller.php in Community Auth, which is an open
	* source authentication application for CodeIgniter 2.1.0
	*
	* @package Community Auth
	* @author Robert B Gottier
	* @copyright Copyright (c) 2011, Robert B Gottier.

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	</head>
	<body>

	<div id="animals" data-animals='["cat", "dog", "bird"]'></div>
	<div id="vehicles" data-vehicles='{"motorcycle":"Harley", "car":"Herbie", "steamshovel":"Mike"}'></div>

	(function($){

	/**
	* Copyright 2012, Digital Fusion
	* Licensed under the MIT license.
	* http://teamdf.com/jquery-plugins/license/
	*
	* @author Sam Sehnert
	* @desc A small plugin that checks whether elements are within
	* the user visible viewport of a web browser.