Skip to content

Instantly share code, notes, and snippets.

@Huskie
Huskie / rel-external.js
Created April 26, 2012 22:40
jQuery to open links in with rel="external" in new tab/window
$('a[rel*=external]').click(function() {
window.open(this.href);
return false;
});
@Huskie
Huskie / fixed-element.js
Created July 19, 2012 08:32
Fixed element only when page scrolled
var placeholder = $('.how-to-order');
var orderSidebar = $('.how-to-order .bodyRPanelContent');
var view = $(window);
view.bind(
'scroll resize',
function () {
var placeholderTop = placeholder.offset().top;
var viewTop = view.scrollTop();
@Huskie
Huskie / cross-browser-opacity.css
Created November 15, 2012 12:56
Cross Browser Opacity
.opacity-class{
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); // IE8
filter:alpha(opacity=50); // IE5-7
-moz-opacity:0.5; // Netscape
-khtml-opacity:0.5; // Safari 1.x
opacity:0.5; // Good browsers
}
@Huskie
Huskie / iframe-facebook.js
Created December 6, 2012 12:11
Correctly resize Facebook app iframe
FB.init({
appId: '383046638449372',
status: true,
cookie: true,
xfbml: true
});
FB.Canvas.setSize({ height: 600 });
setTimeout('FB.Canvas.setAutoGrow()', 500);
FB.Canvas.scrollTo(0,0);
@Huskie
Huskie / scss-clearfix-placeholder.scss
Last active December 11, 2015 00:19
SCSS Clearfix placeholder
%clearfix {
*zoom: 1;
&:before, &:after {
content: " ";
display: table;
}
&:after {
clear: both;
}
}
@Huskie
Huskie / firefox-media-query
Last active December 19, 2015 12:39
Firefox media query
@-moz-document url-prefix() {
.selector {
color: #c00;
}
}
@Huskie
Huskie / pikaday-usage.txt
Created September 5, 2013 14:32
Pikaday Usage
To change font format
---------------------
Moment.js must be included before pikaday.js, else Pikaday will go into stand-alone mode when it runs.
Examples
--------
@Huskie
Huskie / element-loop.js
Created January 23, 2014 14:43
A standard for loop given a variable named 'elements', which contains a Node List of HTML elements, likely returned from a 'document.querySelectorAll' statement.
// Given a variable 'elements', which contains a Node List of HTML elements
for ( var i = 0; i < elements.length; i++ ) {
var self = elements[i];
// Do stuff with element
self.doStuff();
}
@Huskie
Huskie / js-has-class.js
Created January 23, 2014 16:35
Plain JavaScript hasClass function
function hasClass(element, className) {
return new RegExp(' ' + className + ' ').test(' ' + element.className + ' ');
}
@Huskie
Huskie / js-add-class.js
Created January 23, 2014 16:37
Plain JavaScript addClass function. Relies on plain JavaScript hasClass function defined in separate Gist
function addClass(element, className) {
if(!hasClass(element, className)) {
element.className += ' ' + className;
}
}