Skip to content

Instantly share code, notes, and snippets.

View ridgehkr's full-sized avatar

Caleb Pierce ridgehkr

2 followers · 2 following
View GitHub Profile
@ridgehkr
ridgehkr / detect_ie_version.coffee
Last active December 19, 2015 16:39
Detect IE versions in JS without conditional compliation. If there's a match, then the IE version class is added to the html tag.
test_version = 10 # which version of IE to test for
isIE10 = document.documentMode? and document.documentMode == test_version
if isIE10 then document.documentElement.className += ' ie10'
@ridgehkr
ridgehkr / bugherd-nonblocking.html
Last active December 22, 2015 00:38
Non-blocking BugHerd script. Replace your synchronous BugHerd script with this one to speed up your page up-front load time. Also a bit simpler than the code BugHerd gives you.
<!-- replace XXXXXX with the Project Key BugHerd gives you in their version of this script -->
<script>window._bugHerd||document.write('<script src="//www.bugherd.com/sidebarv2.js?apikey=XXXXXX"><\/script>')</script>
@ridgehkr
ridgehkr / detect_ie_version.js
Created August 31, 2013 13:38
Detect the user's IE version and add that class to the html tag. JS version of https://gist.github.com/ridgehkr/5985810
var isIE8, test_version;
test_version = 8;
isIE8 = (document.documentMode != null) && document.documentMode === test_version;
if (isIE8) {
return document.documentElement.className += ' ie8';
}
@ridgehkr
ridgehkr / radial-dropshadow.scss
Created September 6, 2013 14:36
CSS3 radial dropshadow (requires compass)
// drop-shadow for bottom of element
.bottom-drop-shadow {
position:relative;
background: #fff;
&:after {
content:"";
position:absolute;
z-index:-1;
bottom: 0;
width: 90%;
@ridgehkr
ridgehkr / compass_animation.scss
Created December 2, 2013 15:46
Compass mixins for generating CSS animations and keyframes
/*
* Compass doesn't have an animation mixin either. Here's one:
*
* Example usage:
* @include animation(10s, 5s, changecolour)
*/
@mixin animation($delay, $duration, $animation) {
@each $i in webkit, moz, o {
-#{$i}-animation-delay: $delay;
@ridgehkr
ridgehkr / layers.scss
Created October 4, 2016 19:57
A way of managing z-index values to keep them from getting out of control
// Define a map of z-index layers. Utilized by layer()
$layers: (
foreground: 1,
local-hero: 2,
local-superhero: 3,
global-hero: 4,
global-superhero: 5,
);
/*