Aaron Russell aaronrussell

aaronrussell / _contrast_mixin.scss

Created January 15, 2011 16:33

Sass function and mixin for setting contrasting background and foreground colors

	$contrasted-default-dark: #000;
	$contrasted-default-light: #fff;

	@mixin contrasted($bg, $dark:$contrasted-default-dark, $light:$contrasted-default-light){
	background-color: $bg;
	color: get_contrast_yiq($bg, $dark, $light);
	}

aaronrussell / jquery.mobile.event.js

Created December 16, 2010 13:36

Slightly modified version of jQuery Mobile's event handlers so can be used standalone without the rest of the framework

	/*
	* jQuery Mobile Framework : events
	* Copyright (c) jQuery Project
	* Dual licensed under the MIT or GPL Version 2 licenses.
	* http://jquery.org/license
	*/
	(function($, undefined ) {

	$.extend( $.support, {
	orientation: "orientation" in window,

aaronrussell / dynamic.loader.js

Created December 3, 2010 11:04

Example of how to dynamically load and run JS

	// Function for adding JS to window load event
	function myAddLoadEvent(f) {
	var oldonload = window.onload;
	if (typeof window.onload != 'function') {
	window.onload = f;
	} else {
	window.onload = function() {
	if (oldonload) {
	oldonload();
	}

aaronrussell / compass-rgbapng.rb

Created August 17, 2010 23:30 — forked from bangpound/compass-rgbapng.rb

	require "rubygems"
	require "base64"
	require "haml"
	require "chunky_png"

	module Sass::Script::Functions

	def rgbapng(color)
	chunky_color = ChunkyPNG::Color.rgba(color.red, color.green, color.blue, (color.alpha * 100 * 2.55).round)
	image = ChunkyPNG::Image.new(1,1, chunky_color)

aaronrussell / exercise.2.1.html

Created July 27, 2010 21:47

aaronrussell / dual-bg-image.css

Created July 11, 2010 17:24

	div {
	background-image: url('/images/background.png');
	@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	background-image: url('/images/hi-background.png');
	}
	}

aaronrussell / Capistrano recipe for CodeIgniter

Created May 19, 2010 12:31

	# Taken from http://frst.in/~8r

	# Configuration
	set :application, "your.domain.com"
	set :deploy_to, "/var/www/app"
	set :repository, "[email protected]:username/project.git"
	set :branch, "master"
	set :user, "username"

	# Additional SCM settings

aaronrussell / floated_image_container_thingy.html

Created March 23, 2010 13:45

	<!--
	The effect I'm trying to achieve is to have a floated DIV which contains an image and a caption.
	I can't guarantee the size of the image. It might be 200px, 400px or anything in-between.
	I wan't the floated DIV to stay the width of the image, and then the caption underneath to wrap
	onto multiple lines if it is wider than the image - rather than stretch the width of the DIV.
	-->

	<style>
	/* Here's a simplified version of my CSS */
	div {background: #cecece; float:left;}

aaronrussell / gist:340295

Created March 22, 2010 17:22

	$('#insert_photo').submit(function()
	{

	var CKEDITOR = window.parent.CKEDITOR;
	var url = $('input:checked[name="img[size]"]').val();
	var class = $('input:checked[name="img[align]"]').val();
	var alt = $('#photo_alt').val();
	var img = '<img src="'+url+'" class="'+class+'" alt="'+alt+'" />';
	CKEDITOR.instances.article_body.insertHtml(img);
	window.parent.$.modal.close();

aaronrussell / plugin.js

Created March 22, 2010 14:19

	CKEDITOR.plugins.add('uploader',{
	init:function(a){
	var cmd = a.addCommand('uploader', {exec:uploader_onclick});
	cmd.modes={wysiwyg:1,source:1};
	cmd.canUndo=false;
	a.ui.addButton('uploader',{ label:'Upload an Image..', command:'uploader', icon:this.path+'images/icon.gif' });
	}
	})

	function uploader_onclick(e)