Skip to content

Instantly share code, notes, and snippets.

View brianmcallister's full-sized avatar

Brian Wm. McAllister brianmcallister

16 followers · 0 following
View GitHub Profile
@brianmcallister
brianmcallister / _retina-sprite-background.scss
Created July 19, 2012 22:28
Retina sprite background image mixin.
/*
This pretty much doesn't work at all right now.
*/
@mixin retina-general-sprite($name, $set-dimensions: true) {
$sprite-width: image-width('general.png');
$sprite-height: image-height('general.png');
$sprite-file-url: sprite-file($general-sprite, $name);
$sprite-file-width: image-width($sprite-file-url) / 2;
$sprite-file-height: image-height($sprite-file-url) / 2;
@brianmcallister
brianmcallister / retina.scss
Created October 15, 2012 21:53
Retina background image.
/*
Set a background image at 1x and 2x.
https://gist.github.com/3895807
@param {String} $name Image name.
@param {String} $ext File extension, e.g.: '.png'.
*/
@mixin retina-bg($name, $ext) {
@include squish-text;
$image: '#{$name}#{$ext}';
@brianmcallister
brianmcallister / _extendables.scss
Created October 18, 2012 17:31
Compass sprites for retina assets.
/*
I like to set up some extendable classes to keep the bulk of my sprite setup outside of my generated CSS.
*/
/*
Button sprite extendable.
*/
%button-sprite {
background-image: $button-sprite;
@include retina {
@brianmcallister
brianmcallister / _mixins.scss
Created November 8, 2012 16:43
Debugging mode in Sass
/*
Debugging.
*/
@mixin o($color: red) {
@include if-debug {
outline: 1px solid $color;
}
}
@mixin b($color: blue) {
@brianmcallister
brianmcallister / include.rb
Created November 16, 2012 15:50
Custom Sass function for Array#include?
module Sass::Script::Functions
# Wrapper around Ruby's Array#include? method.
# https://gist.github.com/4088394
#
# value - Value to check for in the list.
# list - List to look through.
#
# Examples
#
# $list: a b c;
@brianmcallister
brianmcallister / settings.js
Created December 19, 2012 23:15
JSLint settings
/*jslint browser: true, indent: 2, maxlen: 80, nomen: true, plusplus: true */
@brianmcallister
brianmcallister / tcom.css
Created December 19, 2012 23:16
Title comment TextMate snippet.
/** ----------------------------------
${1:Title}
${1/(.)|(?m:\n.*)/(?1:-)/g}
$2
---------------------------------- */
$3
@brianmcallister
brianmcallister / location.rb
Last active December 9, 2015 22:59
Wrapper around Ruby's Array#index method.
# Wrapper around Ruby's Array#index method.
# https://gist.github.com/brianmcallister/4341575
#
# value - The value in the list to search for.
# list - The list to search through.
#
# Examples
#
# $list: a b c;
# @debug location(b, $list);
@brianmcallister
brianmcallister / shim.js
Last active December 10, 2015 13:59
Transition end event name shim for Modernizr.
// Transition end event shim.
// https://gist.github.com/brianmcallister/4444457
this.Modernizr.transEndEventName = {
'WebkitTransition': 'webkitTransitionEnd',
'MozTransition': 'transitionend',
'transition': 'transitionend'
}[this.Modernizr.prefixed('transition')];
@brianmcallister
brianmcallister / archive.sh
Last active December 11, 2015 18:08
Bash script for archiving project directories. Learning bash, so this is very much a work in progress.
#!/bin/bash
# Archive old projects
#
# - Create a tar.gz file out of a folder
dir=~/Archive
# Echo a message. TODO - Colors.
function msg() {
echo "> $*" >&2