jdeagle

#!/bin/bash
if [ "$1" != "" ]; then
	dr=$(dirname $1)
	scdr=$(dirname $0)
	fn=$(basename $1)
	filename="${fn%%.*}"
	extension="${fn#*.}"
	output="${dr}/${filename}_wm.${extension}"
	# wm.png is my watermark. It's a white logo with 50% opacity and a transparent background.
	wm="${scdr}/wm.png"

jdeagle

import transitions from './transitions.css';

export default () => (
  <ReactCSSTransitionGroup transitionName={transitions}>
    { ... }
  </ReactCSSTransitionGroup>
);

jdeagle

Regular expression cheat sheet for Varnish

Varnish regular expressions are NOT case sensitive. Varnish uses POSIX
regular expressions, for a complete guide, see: "man 7 regex"

Basic matching:
	req.url ~ "searchterm"
	True if req.url contains "searchterm" anywhere.

	req.url == "searchterm"

jdeagle

If you are using backbone (and backbone.marionette) in a browserify managed project, you will likely run into issues with underscore (at least if you manage your dependencies with npm). Each package, that has underscore as a dependency, will require its own version of underscore (making your bundle file contain multiple versions of underscore). Back in the days, you could shim backbone and underscore like:

browserify({
	shim: {
		'underscore': {
			path: './node_modules/underscore/underscore.js',
			exports: '_'
 },

jdeagle

var VirtualScroll = function() {

	var vs = {};

	var numListeners, listeners = [], initialized = false;

	var touchStartX, touchStartY;

	// [ These settings can be customized with the options() function below ]

jdeagle

##Create an alias to MAMP's PHP installation

To do this, we can simply create an alias for our bash profile. We'll be doing this is nano, though you can do it in vim or a number of other editors as well.

Within the terminal, run:

nano ~/.bash_profile

This will open nano with the contents, at the top in a blank line add the following line:

jdeagle

@function em($target, $context: $base-font-size) {
   @if $target == 0 { @return 0 }
   @return $target / $context + 0em;
}

$base-font-size: 15px;

h1 {
	font-size: em(21px, 15px); // Outputs 1.4em
}

jdeagle

javascript:!function(){var h=location.href,y=h.match(/(youtu.be\/|v\/|u\/\w\/|embed\/|v=)([^#\&\? ]*).*/),v=h.match(/(vimeo.com\/)([^#\&\? ]*)/);y=y&&'http://www.youtube.com/watch_popup/?v='+y[2];v=v&&'http://player.vimeo.com/video/'+v[2];window.open(y||v,"_blank","height=345,width=560");}()

jdeagle

function pretty_number(num, opts)
{
	var defaultOpts = {
		short: true,
		lowerCase: false,
		addCommas: true,
		round: 2
	};
	
	if (typeof num != "number")

jdeagle

// iOS Media Queries
// Goal: capture styles for iPhone, iPhone 3G, iPhone 3GS, iPhone 4, iPhone 4S, iPad, and iPad 2
//
// Author: Tony Schneider (@tonywok)
// Please tell me where I fail. :)

// iPhone v(4,4S) portrait
// test: black text (overwritten by v* portrait) with blue background
@media all and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  a {