Patrick Fulton pfulton

Whether you're trying to give back to the open source community or collaborating on your own projects, knowing how to properly fork and generate pull requests is essential. Unfortunately, it's quite easy to make mistakes or not know what you should do when you're initially learning the process. I know that I certainly had considerable initial trouble with it, and I found a lot of the information on GitHub and around the internet to be rather piecemeal and incomplete - part of the process described here, another there, common hangups in a different place, and so on.

In an attempt to coallate this information for myself and others, this short tutorial is what I've found to be fairly standard procedure for creating a fork, doing your work, issuing a pull request, and merging that pull request back into the original project.

Creating a Fork

Just head over to the GitHub page and click the "Fork" button. It's just that simple. Once you've done that, you can use your favorite git client to clone your repo or j

Data Down / Actions Up
- http://emberjs.jsbin.com/nayaho/edit?html,js - Interdependent select boxes. No observers.
- http://ember-twiddle.com/2d7246875098d0dbb4a4 - One Way Input
Plain JSBin's
- http://rwjblue.jsbin.com/pixeki/edit?html,js,output
Ember Version Base JSBin's
- 1.0 - http://emberjs.jsbin.com/juluje/edit?html,js,output
1.1 - http://emberjs.jsbin.com/cofufo/edit?html,js,output

Compass and CSS Sprites, Explained

Last week I attempted to use the CSS sprites feature of Compass for the second or third time. It's been a struggle each time, but the power and potential is there, so I keep coming back. This time was a bit different, though, because I finally decided to stop relying on the docs and dive into the code.

Before I go into the nitty-gritty, let's take a step back and talk about why I

	var assert = require('assert');

	function sortMerged(lOne, lTwo) {
	return lOne.reduce(function (sortedList, num, index) {
	var position = findPositionBinary(sortedList, num);
	sortedList.splice(position, 0, num);
	return sortedList;
	}, lTwo);
	}

	// Initialize the Sass variables and partials used in this project.

	// Set the legacy IE support variables. We override the default values set by
	// the compass/support partial, but let styles-ie8.scss override these values.
	$legacy-support-for-ie6 : false !default;
	$legacy-support-for-ie7 : false !default; // Note the use of !default.
	$legacy-support-for-ie8 : false !default;


	// Partials to be shared with all .scss files.

	<!doctype html>
	%html{:lang => "en"}
	%meta{:content => "IE=edge", "http-equiv" => "X-UA-Compatible"}/
	%meta{:charset => "utf-8"}/
	/[if lt IE 9]
	<script src="//html5shim.googlecode.com/svn/trunk/html5-els.js"></script>
	<script> document.createElement("main") </script>
	%title MY TITLE
	%header{:role => "banner"}
	%h1 BANNER

	@import "compass/css3/shared";

	// NOTE:
	// All mixins for the 2009 spec have been written assuming they'll be fed property values that
	// correspond to the standard spec. Some mixins can be fed values from the 2009 spec, but don't
	// rely on it. The `legacy-order` mixin will increment the value fed to it because the 2009
	// `box-ordinal-group` property begins indexing at 1, while the modern `order` property begins
	// indexing at 0.

	// if `true`, the 2009 properties will be emitted as part of the normal mixin call

	This mixin requires three arguments: the standard definition sprite map, the hd sprite map, and the icon you want to use.

	Optionally, you can give it X and Y offsets to position it, a width to resize it, or you can center it on the X axis, Y axis, or both.

	Use it something like this:

	// Create sprite maps
	// (Just do this once per sprite sheet)
	$general-sd: sprite-map("icons/general/*.png", $spacing: 30px);
	$general-hd: sprite-map("hd/icons/general/*.png", $spacing: 60px);

	<?php

	global $post;
	$current_date = date('j M Y');
	$end_date = date('j M Y', strtotime('1 month'));
	echo 'Start Date:'. $current_date;
	echo 'End Date:'. $end_date;

	$all_events = tribe_get_events(
	array(

	(function() {
	var resizeTimer;

	// Assuming we have jQuery present
	$( window ).on( "resize", function() {

	// Use resizeTimer to throttle the resize handler
	clearTimeout( resizeTimer );
	resizeTimer = setTimeout(function() {