Skip to content

Instantly share code, notes, and snippets.

View willbowling's full-sized avatar

Will Bowling willbowling

16 followers · 32 following
  • Front End Consulting
  • Acworth, GA 30101
View GitHub Profile
@willbowling
willbowling / gist:2422109
Created April 19, 2012 16:24
CSS: Image Replacement
.ir {
border:0;
font: 0/0 a;
text-shadow: none;
color: transparent;
background-color: transparent;
}
@willbowling
willbowling / gist:2422139
Created April 19, 2012 16:28 — forked from padolsey/gist:527683
JavaScript: Detect IE
// ----------------------------------------------------------
// A short snippet for detecting versions of IE in JavaScript
// without resorting to user-agent sniffing
// ----------------------------------------------------------
// If you're not in IE (or IE version is less than 5) then:
// ie === undefined
// If you're in IE (>=5) then you can determine which version:
// ie === 7; // IE7
// Thus, to detect IE:
// if (ie) {}
@willbowling
willbowling / multiple_ssh_setting.md
Created April 30, 2012 20:07 — forked from jexchan/multiple_ssh_setting.md
Multiple SSH keys for different github accounts

Multiple SSH Keys settings for different github account

create different public key

create different ssh key according the article Mac Set-Up Git

$ ssh-keygen -t rsa -C "[email protected]"
@willbowling
willbowling / scrollinglinks.js
Created July 17, 2012 20:16 — forked from nathos/scrollinglinks.js
jQuery Smooth Scrolling Internal Links
@willbowling
willbowling / gist:3131771
Created July 17, 2012 20:17 — forked from nathos/gist:2509870
Installing Sass & Compass on Mac OS X 10.5 Leopard (for @iDGS)

  1. Install Xcode 3.1.4 from: https://developer.apple.com/downloads/

  2. Install Homebrew by pasting the following into your terminal:

    /usr/bin/ruby -e "$(/usr/bin/curl -fksSL https://raw.github.com/mxcl/homebrew/master/Library/Contributions/install_homebrew.rb)"

  3. Install Git by typing the following into your terminal:

    brew install git

@willbowling
willbowling / semantic_twitter_boostrap_grid.sass
Created July 17, 2012 20:17 — forked from nathos/semantic_twitter_boostrap_grid.sass
A start for semantic grids in Twitter Bootstrap
// clearly, still in progress...
$fluidLayout: true
$fluidLayout: false !default
// Semantic grid mixins
@mixin row($fluid: $fluidLayout)
@if $fluid == true
width: 100%
@willbowling
willbowling / mixin.sass
Created July 17, 2012 20:19 — forked from nathos/sass-hash-mixin.sass
Using lists like a hash in Sass
@mixin category-colors($after: false)
@each $category in $categories
@if $after == true
.cat-#{nth($category, 1)}:after
background-color: nth($category, 2)
@else
.cat-#{nth($category, 1)}
background-color: nth($category, 2)
@willbowling
willbowling / compass-flippy-mixin.sass
Created July 17, 2012 20:19 — forked from nathos/compass-flippy-mixin.sass
Compass flippy - fun 3D flip animations with graceful fallback (using Modernizr) for unsupported browsers. The animation looks great in Safari, not quite as great in Chrome. See the demo at http://nathos.github.com/flippy/
@mixin flippy($speed: 0.5s, $perspective: 500, $bgcolor: #fff)
position: relative
+perspective($perspective)
.front, .back
background-color: $bgcolor
+transition(all, $speed, ease-in-out)
+backface-visibility(hidden)
+transform-style(preserve-3d)
height: 100%
width: 100%
@willbowling
willbowling / fancy-hover-mixin.sass
Created July 17, 2012 20:20 — forked from nathos/fancy-hover-mixin.sass
Compass fancy-hover - snazzy-looking image replacement hovers with an animated opacity ramp. Now using Compass sprites so you don't have to do the dirty work! See the demo at http://nathos.github.com/fancy-hovers/
@mixin fancy-hover($sprite_dir, $off_state, $hover_state, $speed: 0.3s)
$sprites: sprite-map("#{$sprite_dir}/*.png")
$width: image-width(sprite_file($sprites, $off_state))
$height: image-height(sprite_file($sprites, $off_state))
+hide-text
width: $width
height: $height
background: sprite($sprites, $off_state) no-repeat
display: block
position: relative
@willbowling
willbowling / annoying.js
Created August 9, 2012 15:29 — forked from Kilian/annoying.js
How to be an asshole
/**
* Annoying.js - How to be an asshole to your users
*
* DO NOT EVER, EVER USE THIS.
*
* Copyright (c) 2011 Kilian Valkhof (kilianvalkhof.com)
* Visit https://gist.github.com/767982 for more information and changelogs.
* Visit http://kilianvalkhof.com/2011/javascript/annoying-js-how-to-be-an-asshole/ for the introduction and weblog
* Check out https://gist.github.com/942745 if you want to annoy developer instead of visitors
*