Skip to content

Instantly share code, notes, and snippets.

View JLevstein's full-sized avatar

Jonathan Levstein JLevstein

22 followers · 16 following
View GitHub Profile
@JLevstein
JLevstein / jQuery - Has image loaded?
Created August 31, 2013 23:07
jQuery - Has image loaded?
$(‘#imageID’).attr(‘src’, ‘imagefile.jpg’).load(function() {</pre>  Alert(‘image load successful’);  });
@JLevstein
JLevstein / jQuery - Reload part of page
Created August 31, 2013 23:08
jQuery - Reload part of page
setInterval(function() {   $(“#block”).load(location.href+”#block>*”,””);  }, 2000);
@JLevstein
JLevstein / Using Javascript filters
Created September 27, 2013 14:52
Using Javascript filters From http://designpepper.com/blog/drips/filtering-arrays-with-array-filter?utm_source=javascriptweekly&utm_medium=email
var sidekicks = [
{ name: "Robin", hero: "Batman" },
{ name: "Supergirl", hero: "Superman" },
{ name: "Oracle", hero: "Batman" },
{ name: "Krypto", hero: "Superman" }
];
var batKicks = sidekicks.filter(function (el) {
return (el.hero === "Batman");
});
@JLevstein
JLevstein / SASS CSS Transition Mixin.sass
Created October 4, 2013 01:29
CSS Transition mixin for sass From http://codeboxers.com/sass-mixin-for-transitions/
@mixin transition($transition-property, $transition-time, $method) {
-webkit-transition: $transition-property $transition-time $method;
-moz-transition: $transition-property $transition-time $method;
-ms-transition: $transition-property $transition-time $method;
-o-transition: $transition-property $transition-time $method;
transition: $transition-property $transition-time $method;
}
@JLevstein
JLevstein / Caching requests in Angular
Created October 25, 2013 19:03
From http://plnkr.co/edit/LCMG2vqUtlgtbw6dZahh?p=preview
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope, $http, $cacheFactory) {
// using $cacheFactory to make sure we clear
// the cache and then re-set it when cache is false
// in $scope.makeRequest
var httpCache = $cacheFactory.get('$http');
$scope.makeRequest = function (cache) {
if(!cache) httpCache.remove('response.php');
@JLevstein
JLevstein / Draggable UI.js
Created October 30, 2013 14:13
From http://css-tricks.com/snippets/jquery/draggable-without-jquery-ui/
(function($) {
$.fn.drags = function(opt) {
opt = $.extend({handle:"",cursor:"move"}, opt);
if(opt.handle === "") {
var $el = this;
} else {
var $el = this.find(opt.handle);
}
@JLevstein
JLevstein / new_gist_file.js
Created November 8, 2013 19:05
Ajax without jQuery From http://stackoverflow.com/questions/8567114/how-to-make-an-ajax-call-without-jquery
function loadXMLDoc() {
var xmlhttp;
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {
// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
@JLevstein
JLevstein / style.sass
Created January 15, 2014 17:11
Vertical Alignment using transform. IE9+ From: http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/
%vertical-align {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@JLevstein
JLevstein / css_animation_detection.js
Created February 21, 2014 18:49
Detecting CSS animation completion with JS From http://davidwalsh.name/css-animation-callback?utm_source=javascriptweekly&utm_medium=email
/* From Modernizr */
function whichTransitionEvent(){
var t;
var el = document.createElement('fakeelement');
var transitions = {
'transition':'transitionend',
'OTransition':'oTransitionEnd',
'MozTransition':'transitionend',
'WebkitTransition':'webkitTransitionEnd',
'MsTransition':'msTransitionEnd'
@JLevstein
JLevstein / index.html
Created March 19, 2014 15:14
Another way of centering content vertically. From http://jsfiddle.net/chdhmphry/LE4jy/ and http://chdhmphry.com/using-pseudo-classes-to-vertically-align-any-content-inside-a-container
<div class="center-contain">
<div class="center-this"> Everything in this div will be centered in IE8 or greater</div>
</div>