Skip to content

Instantly share code, notes, and snippets.

View dustintheweb's full-sized avatar
🎯
Focusing

Dustin Hoffmann dustintheweb

🎯
Focusing
View GitHub Profile
@dustintheweb
dustintheweb / js-jquery-var-function-syntax.js
Last active December 23, 2015 14:49
Various var & function syntax used in JS & jQuery
// Var & Function Syntax // WIP
var someName; // a variable on the local scope
someName; // a variable on the global scope
window.someName; // a production friendly variable on the global scope
// note: when making a reference to any var with a specific namespace,
// make sure you specify it in the call
// Released under MIT license: http://www.opensource.org/licenses/mit-license.php
$('[placeholder]').focus(function() {
var input = $(this);
if (input.val() === input.attr('placeholder')) {
input.val('');
input.removeClass('placeholder');
}
}).blur(function() {
var input = $(this);
@dustintheweb
dustintheweb / force-safari-to-redraw.js
Created March 24, 2014 22:33
Force Safari to redraw when it's being a slow idiot
var someFn = function() {
$('<style></style>').appendTo($(document.body)).remove(); // force safari redraw
};
@dustintheweb
dustintheweb / switch-statement-example-syntax.js
Last active August 29, 2015 13:57
Switch Statement Example / Syntax
var yourFunction = function(id) {
var _somePath,
_img,
conditionA = !! (window.someGlobalVar === 5), // if you need internal ternary conditions (path switching for example)
conditionB = !! (window.someGlobalVar === 10),
conditionC = !! (window.someGlobalVar === 15);
switch (id) {
case 'some-id-name-1':
// do something
@dustintheweb
dustintheweb / javascript-outside-click-examples.js
Last active August 29, 2015 13:57
If you click outside of a specific div, do something
$('body').on('touchstart click', $staticSection, function(e) {
var $target = $(e.target);
if(!$target.closest($someSection).length) {
// do something... ex: $someSection.removeClass('open');
}
});
// conditional example
$('body').on('touchstart click', $staticSection, function(e) {
@dustintheweb
dustintheweb / clean-nav-bubble-promise-trigger.js
Created April 1, 2014 22:53
Event Bubbling, Promises & Triggers - for a clean navigation structure
// in something.html
// <div>
// <a href="" data-page-state="isAbout">lorem ipsum</a>
// </div>
//promises
$('body').on('isAbout', function(){
// do something
});
$('body').on('isNews', function(){
@dustintheweb
dustintheweb / convert-svg-png
Created May 1, 2014 21:05
Batch Convert SVG to PNG (transparent/ alpha) using ImageMagick
// ImageMagick - Convert SVG to PNG w/ transparency
//
// - open terminal
//
// - confirm you have imagemagick installed
// --- type: convert -v
//
// - cd to folder
//
// - single file
@dustintheweb
dustintheweb / modernizr-cdn-fallback.js
Last active August 29, 2015 14:01
Modernizr load CDN script with local fallback
Modernizr.load([{
load: [
'//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'
],
complete: function() {
if (!window.jQuery) {
console.log('## CDN Failed - Loading local version of jQuery.');
Modernizr.load('/js/jquery.min.js');
};
}
@dustintheweb
dustintheweb / self-clearing-settimeout.js
Last active August 29, 2015 14:01
Self Clearing setTimeout
var timer = setTimeout(function() {
// code stuffs
clearTimeout(timer);
}, 500);
@dustintheweb
dustintheweb / guide-grunt-workflow
Last active August 29, 2015 14:03
Guide: OSX Grunt Setup & Basic Workflow
## First Run:
-----------------------
/// Add Project Dependencies
Homebrew
$ ruby -e "$(curl -fsSL https://raw.github.com/mxcl/homebrew/go)"
Success?