Lútsen Stellingwerff lutsen

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

	(function() {
	// Adding upload button to Trix toolbar on initialization
	document.addEventListener('trix-initialize', function(e) {
	trix = e.target;
	toolBar = trix.toolbarElement;

	// Creation of the button
	button = document.createElement("button");
	button.setAttribute("type", "button");
	button.setAttribute("class", "attach");

	<?php
	// https://gist.github.com/magnetikonline/650e30e485c0f91f2f40

	class DumpHTTPRequestToFile {
	public function execute($targetFile) {
	$data = sprintf(
	"%s %s %s\n\nHTTP headers:\n",
	$_SERVER['REQUEST_METHOD'],
	$_SERVER['REQUEST_URI'],
	$_SERVER['SERVER_PROTOCOL']

	module.exports = {
	get: function (req, res) {
	res.sendfile(req.path.substr(1));
	},
	_config: {
	rest: false,
	shortcuts: false
	}
	};

	<?php

	/**
	* Get the average pixel colour from the given file using Image Magick
	*
	* @param string $filename
	* @param bool $as_hex Set to true, the function will return the 6 character HEX value of the colour.
	* If false, an array will be returned with r, g, b components.
	*/
	function get_average_colour($filename, $as_hex_string = true) {

	<?php
	/**
	*
	* Helper Class to output correct Twitter Bootstrap Markup.
	* Only option for now is the horizontal Form.
	*
	* Usage :
	*
	$form = new BootstrapForm('add_user');
	$form->addInput('text-input', 'user_name', 'Your name:', true);