Rashaad Essop skopp

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

	#!/bin/sh

	#
	# A word about this shell script:
	#
	# It must work only on systems with a /bin/bash.
	#

	# cat readme.md \|\| exit 1

	var parser = document.createElement('a');
	parser.href = "http://example.com:3000/pathname/?search=test#hash";

	parser.protocol; // => "http:"
	parser.hostname; // => "example.com"
	parser.port; // => "3000"
	parser.pathname; // => "/pathname/"
	parser.search; // => "?search=test"
	parser.hash; // => "#hash"
	parser.host; // => "example.com:3000"

	/**
	* author Remy Sharp
	* url http://remysharp.com/tag/marquee
	*/

	(function ($) {
	$.fn.marquee = function (klass) {
	var newMarquee = [],
	last = this.length;

	#!/usr/bin/env ruby
	#
	# Convert blogger (blogspot) posts to jekyll posts
	#
	# Basic Usage
	# -----------
	#
	# ./blogger_to_jekyll.rb feed_url
	#
	# where `feed_url` can have the following format:

	<snippet>
	<content><![CDATA[
	<!doctype html>
	<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
	<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
	<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
	<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
	<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">

	<?xml version="1.0" encoding="UTF-8"?>
	<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
	<plist version="1.0">
	<dict>
	<key>GraphicsEnabler</key>
	<string>Yes</string>
	<key>Kernel Flags</key>
	<string>arch=i386</string>
	<key>DSDT</key>
	<string>hd(0,1)/Extra/DSDT.aml</string>

	@mixin mobile_bg($file){
	background-image: image-url('mobile/standard/#{$file}');

	@media screen and (-webkit-min-device-pixel-ratio: 2) {
	background-image: image-url('mobile/retina/#{$file}');
	background-size: image-width('mobile/standard/#{$file}') image-height('mobile/standard/#{$file}');
	}
	}

	// Usage

	<script type="text/javascript" src="libs/jquery.js"></script>

	<script type="text/javascript" src="jquery.gridster.js"></script>

	<!-- Add these tags to the HEAD section of your page. -->

	<link href="http://coderwall.com/stylesheets/jquery.coderwall.css" media="all" rel="stylesheet" type="text/css">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<script src="http://coderwall.com/javascripts/jquery.coderwall.js"></script>

	<!-- You also need to place a container where you'd like the Coderwall badges to render. -->
	<section class="coderwall" data-coderwall-username="(your username)" data-coderwall-orientation="(vertical or horizontal)"></section>