Chris Wright chriswrightdesign

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

Adaptive Image Element

Author:

Mat Marquis

Status of this Document

This is an unofficial draft spec, not formally endorsed by the WHATWG. It is suitable only for reviewing the details of the proposed element.

Tiny Content Framework

About the project

This is a tiny content strategy framework focused on goals, messages, and branding. This is not a checklist. Use what you need and scrap the rest. Rewrite it or add to it. These topics should help you get to the bottom of things with clients and other people you work with.

Give me feedback on Twitter (@nicoleslaw) or by email ([email protected]).

	/**
	* Task: attach_heads
	* Description: Set the heads for all themes declared in themes.json
	*/

	module.exports = function(grunt) {
	'use strict';

	var fs = require('fs');
	var path = require('path');

	<?php

	/*
	** Load jQuery from Google CDN if available, local fallback if not **

	** Place in your theme's functions.php or relevant file. Edit local jQuery path if needed.
	** Works as-is with WordPress Bones Theme v1.2 https://github.com/eddiemachado/bones (replace wp_enqueue_script( 'jquery' ); on line 142
	** reference: http://wp.tutsplus.com/tutorials/load-jquery-from-google-cdn-with-local-fallback-for-wordpress/

	*/

	// * iOS zooms on form element focus. This script prevents that behavior.
	// * <meta name="viewport" content="width=device-width,initial-scale=1">
	// If you dynamically add a maximum-scale where no default exists,
	// the value persists on the page even after removed from viewport.content.
	// So if no maximum-scale is set, adds maximum-scale=10 on blur.
	// If maximum-scale is set, reuses that original value.
	// * <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=2.0,maximum-scale=1.0">
	// second maximum-scale declaration will take precedence.
	// * Will respect original maximum-scale, if set.
	// * Works with int or float scale values.

	var isPortTaken = function(port, fn) {
	var net = require('net')
	var tester = net.createServer()
	.once('error', function (err) {
	if (err.code != 'EADDRINUSE') return fn(err)
	fn(null, true)
	})
	.once('listening', function() {
	tester.once('close', function() { fn(null, false) })
	.close()

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Responsive Design Testing</title>
	<style>
	body { margin: 20px; font-family: sans-serif; overflow-x: scroll; }
	.wrapper { width: 6000px; }
	.frame { float: left; }
	h2 { margin: 0 0 5px 0; }