Jonathan Levstein JLevstein

Catch me on Twitter: @JLevstein

JLevstein / app.js

Created October 26, 2014 17:46

Basic scrollTo function

	$('.primary-nav').on('click', 'a', function(e) {
	e.preventDefault();
	var target = $(this).attr('href');
	var destination = $(target).offset().top;
	$('html:not(:animated),body:not(:animated)').stop().animate({
	scrollTop: destination - 60
	}, 600);
	return true;
	});

JLevstein / index.html

Created March 19, 2014 15:14

	<div class="center-contain">
	<div class="center-this"> Everything in this div will be centered in IE8 or greater</div>
	</div>

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 / 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 / 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 / Draggable UI.js

Created October 30, 2013 14:13

	(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 / 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 / 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 / Using Javascript filters

Created September 27, 2013 14:52

	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 / jQuery - Reload part of page

Created August 31, 2013 23:08

jQuery - Reload part of page

setInterval(function() {   $(“#block”).load(location.href+”#block>*”,””);  }, 2000);