shaneriley’s gists

shaneriley / gist:7085214

Last active December 26, 2015 03:19

mixins

	@import "whitespace-reset"

	$prefixes: moz, ms, webkit, khtml, o

	@function ie_color_fix($color)
	@if $color == #ffffff
	$color: #fffffe
	@else if $color == #fff
	$color: #fffffe
	@else if $color == #000000

shaneriley / gist:6979666

Created October 14, 2013 18:12

Tooltips using jQuery UI position

	(function($) {
	$.fn.tooltip = function() {
	// Grabs its content from the next sibling .tooltip_content element, eg:
	// = link_to "Remove", "#", "data-tooltip" => ""
	// .tooltip_content
	// %p This is my tooltip
	// Sets a class of right or left on tooltip based on what edge of the trigger it's using

	return this.each(function() {
	var $el = $(this),

shaneriley / gist:5743328

Created June 9, 2013 12:18

$().serializeObject

	$.fn.serializeObject = function() {
	var obj = {};
	if (!this.is("form")) { return this; }

	this.find(":input").not("[disabled], :submit").each(function() {
	obj[this.name] = isNaN(+this.value) ? this.value : +this.value;
	});

	return obj;
	};

shaneriley / gist:5729805

Created June 7, 2013 14:50

$().cssGradient

	$.fn.cssGradient = function(start, end) {
	end = end \|\| start;
	if (!start) { return this; }

	return this.css({
	"background-image": "-moz-linear-gradient(100% 100% 90deg, " + end + ", " + start + ")",
	"background-image": "-webkit-gradient(linear, 0% 0%, 0% 100%, from(" + start + "), to(" + end + "))",
	"-ms-filter": "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=" + start + ", endColorstr=" + end + ")"
	});
	};

shaneriley / gist:5729791

Created June 7, 2013 14:48

Lighten/darken hex color

	// shadeColor("#f0f0f0", -20) returns "#bdbdbd"

	function shadeColor(color, percent) {
	var num = parseInt(color.slice(1), 16),
	amt = Math.round(2.55 * percent),
	R = (num >> 16) + amt,
	B = (num >> 8 & 0x00FF) + amt,
	G = (num & 0x0000FF) + amt;
	return "#" + (
	0x1000000 + (R < 255 ? R < 1 ? 0 : R : 255) * 0x10000

shaneriley / gist:5406862

Created April 17, 2013 19:05

DOMTokenList Prototype Extensions

	// Usage: `dom_element.classList.addAll(["foo", "bar"], "baz")` and `dom_element.classList.removeAll("foo", ["bar", "baz"])`
	// See http://jsbin.com/obenin for demo
	(function() {
	var args;
	var flattenArgs = function(collection) {
	if (typeof collection === "string") {
	args.push(collection);
	return;
	}
	collection = Array.prototype.slice.call(collection);

shaneriley / gist:5266479

Last active December 15, 2015 13:19

Tiled Scene Prototype

	Scene = function(opts) {
	var instance = {
	layers: [],
	renderLayer: function(layer) {
	// data: [array of tiles, 1-based, position of sprite from top-left]
	// height: integer, height in number of sprites
	// name: "string", internal name of layer
	// opacity: integer
	// type: "string", layer type (tile, object)
	// visible: boolean

shaneriley / gist:5048623

Created February 27, 2013 15:11

BinaryObject constructor

	BinaryObject = function(a, b) {
	var o = {
	0: a,
	1: b,
	val: function(bool) { return bool ? this[1] : this[0]; }
	};
	return o;
	};

	var bin = new BinaryObject("no", "yes");

shaneriley / example.html

Created February 26, 2013 15:12

jQuery toggleText() http://jsbin.com/ajinox/4

	<!DOCTYPE html>
	<html>
	<head>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
	<script src="toggleText.js"></script>
	<meta charset=utf-8 />
	<title>Character Limit</title>
	</head>
	<body>
	<a href="#" data-alt_text="Unfriend">Add to friends</a>

shaneriley / mountain.json

Created November 15, 2012 14:33

Render Tiled Scene in Canvas

Shane Riley shaneriley