Kwame Oteng Appiah-Nti otengkwame

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

Setup a Local Only Email Server (Linux, Unix, Mac)

1 - Point localhost.com to your machine

Most of programs will not accept an email using just @localhost as domain. So, edit /etc/hosts file to make the domain localhost.com point to your machine, including this content to the file:

127.0.0.1 localhost.com

2 - Install Postfix

VueJs and PHP

Setup

We call for the minified Vue.js library that’s hosted on our own server (for security reasons).
Download the Development version: https://vuejs.org/js/vue.js and the production version: https://vuejs.org/js/vue.min.js
Copy this files into the public/js folder

First test

VueJs and PHP

Setup

Download the development version from: https://vuejs.org/js/vue.js and the production version: https://vuejs.org/js/vue.min.js
Copy this files into the public/js folder

First test

First we have a basic HTML boilerplate file. Create a test file: public/index.php

	#in config.php
	$base_url=(isset($_SERVER['HTTPS']) ? "https://" : "http://").$_SERVER['HTTP_HOST'];
	$base_url.= str_replace(basename($_SERVER['SCRIPT_NAME']), '', $_SERVER['SCRIPT_NAME']);
	$config['base_url'] = $base_url;

	<ul>
	<li><a class="track" href="http://jPlayer.org/audio/mp3/gbreggae-leadguitar.mp3">Lead Guitar</a></li>
	<li><a class="track" href="http://jPlayer.org/audio/mp3/gbreggae-drums.mp3">Drums</a></li>
	<li><a class="track" href="http://jPlayer.org/audio/mp3/gbreggae-bassguitar.mp3">Bass Guitar</a></li>
	<li><a class="track" href="http://jPlayer.org/audio/mp3/gbreggae-horns.mp3">Horns</a></li>
	<li><a class="track" href="http://jPlayer.org/audio/mp3/gbreggae-clav.mp3">Clavi</a></li>
	</ul>

	/* Bootstrap 3 Navbar Profile Picture CSS
	*
	* The CSS for profile pictures in the navbar has always annoyed me,
	* so here's my fix that appears to have the least hoops.
	*
	* Production use:
	* >Add a div with the specified class.
	* >Using JS, change the profile picture CSS URL as needed.
	*
	* HTML example:

	add_filter( 'woocommerce_checkout_fields' , 'custom_remove_woo_checkout_fields' );

	function custom_remove_woo_checkout_fields( $fields ) {

	// remove billing fields
	unset($fields['billing']['billing_first_name']);
	unset($fields['billing']['billing_last_name']);
	unset($fields['billing']['billing_company']);
	unset($fields['billing']['billing_address_1']);
	unset($fields['billing']['billing_address_2']);

	#!/bin/sh

	# This should be run from the main CI/bonfire directory (the one that contains index.php)
	# The writeableFiles list of filenames is relative to the bonfire/application directory.
	# You probably need to run this as root for chgrp to work.
	# Graham Jones, 08Oct2011

	writeableFiles="../modules cache logs config archives db/backups db/migrations config/development config/production config/testing config/application.php config/config.php"

	cd bonfire/application

	<div class="player" data-player data-playlist="boxer" data-track="0">

	<div class="player__content">

	<div class="player__artist has-fade-in" data-player-album-artist>Tronix</div>
	<div class="player__album has-fade-in" data-player-album-name>Sonar</div>
	<div class="player__track has-fade-in" data-player-album-song>Mosh Pit</div>

	<div class="album album--boxer" data-album>
	<div class="album__cover"></div>