Steve stevemckinney

Go to the remote repo and delete outdated branches
Then either:
- Locally cleanup only merged branches: git branch --merged | grep -v "\*" | xargs -n 1 git branch -d

Locally remove fetched, outdated branches: git for-each-ref --format='%(refname:short) %(upstream)' refs/heads/ | awk '$2 !~/^refs\/remotes/' | xargs git branch -D”

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

OBSOLETE

This entire guide is based on an old version of Homebrew/Node and no longer applies. It was only ever intended to fix a specific error message which has since been fixed. I've kept it here for historical purposes, but it should no longer be used. Homebrew maintainers have fixed things and the options mentioned don't exist and won't work.

I still believe it is better to manually install npm separately since having a generic package manager maintain another package manager is a bad idea, but the instructions below don't explain how to do that.

Fixing npm On Mac OS X for Homebrew Users

Installing node through Homebrew can cause problems with npm for globally installed packages. To fix it quickly, use the solution below. An explanation is also included at the end of this document.

Fix SVG in `<img>` tags not scaling in IE9, IE10, IE11

IE9, IE10, and IE11 don't properly scale SVG files added with img tags when viewBox, width and height attributes are specified. View this codepen on the different browsers.

Image heights will not scale when the images are inside containers narrower than image widths. This can be resolved in 2 ways.

Use `sed` in bash to remove width and height attributes in SVG files

As per this answer on Stackoverflow, the issue can be resolved by removing just the width and height attributes.

	<!doctype html>
	<meta charset="utf-8">
	<title>Example</title>

	<style>
	div {
	width: 100px;
	height: 100px;
	background: black;
	animation-duration: .5s;

	/* bling.js */
	window.$ = document.querySelector.bind(document);
	window.$$ = document.querySelectorAll.bind(document);
	Node.prototype.on = window.on = function(name, fn) { this.addEventListener(name, fn); };
	NodeList.prototype.__proto__ = Array.prototype;
	NodeList.prototype.on = function(name, fn) { this.forEach((elem) => elem.on(name, fn)); };

	function wp_api_encode_acf($data,$post,$context){
	$data['meta'] = array_merge($data['meta'],get_fields($post['ID']));
	return $data;
	}

	if( function_exists('get_fields') ){
	add_filter('json_prepare_post', 'wp_api_encode_acf', 10, 3);
	}

	mymodule {
	@at-root {
	.#{&}-header { ... }
	.#{&}-footer { ... }
	.#{&}-body {
	a { ... }
	span { ... }
	p { ... }
	}
	}

	<!-- Twitter -->
	<a href="https://twitter.com/intent/tweet?original_referer=REFERRER_URL&source=tweetbutton&text=TWEET_TEXT&url=URL&via=USERNAME">Share on Twitter</a>

	<!-- Facebook -->
	<a href="http://www.facebook.com/share.php?u=URL&t=TITLE">Share on Facebook</a>

	<!-- Google+ -->
	<a href="https://m.google.com/app/plus/x/?content=URL&v=compose&hideloc=1">Share on Google+</a>

	<!-- Instapaper -->

	server {
	listen :80;
	server_name www.example.com;
	rewrite ^/(.*) http://example.com/$1 permanent;
	}

	server {
	server_name example.com;
	listen :80;