Collin Bourdage cbourdage

cbourdage / ajax-file-upload.js

Last active August 29, 2015 14:01

Snippet for ajax file uploading

	document.getElementById('form').addEventListener('submit', function(e) {
	var form = this,
	files = document.getElementById('file').files;

	var reader = new FileReader();
	reader.onloadend = (function(file) {
	return function(e) {
	if (e.target.readyState == FileReader.DONE) {
	document.getElementById('file-contents').value = btoa(e.target.result);
	document.getElementById('file-name').value = escape(file.name);

cbourdage / less-loop.less

Created May 12, 2014 15:13

	// Counter attempt 1 - via recursion
	.loop(@total, @cols @i: 1) when (@i =< (@total * @cols)) {
	.item-@{i} {
	margin-left: 0;
	}

	.loop(@total, @cols, (@i + 5)); // next iteration
	}

cbourdage / ios-scroll-prevention.js

Created April 29, 2014 13:18

	/**
	* keep body from scrolling when nav menu is open in iOS
	*/
	$(document).on('touchmove', function(e){
	if($('body').hasClass('nav-showing')){
	var $target = $(e.target);
	if($target.is('#nav-wrapper') \|\| $target.parents('#nav-wrapper')){
	e.stopPropagation();
	}
	}

cbourdage / plugin.js

Created March 17, 2014 22:06

General Gorilla Plugin Syntax

	;
	/**
	* Gorilla manufacturers.js
	* Copyright 2013 Gorilla Group.
	*
	* Standard Tab plugin. Works with the following
	* conventions on the tabs themselves:
	* - current tab index (within tabs array)
	* - data-target
	* - href (matching #id)

cbourdage / slide-extend.js

Created March 17, 2014 22:04

Slider extending to add indicators/counters

	// @dependency bananaPeel

	$('#compare-slider').on('init.bananaPeel', function(e) {
	e.options.$visible = $(this).parents('.block-compare').find('.visible');
	e.options.visibleMultiplier = 1;
	if (e.options.itemsCount > e.options.itemsToShow) {
	e.options.$visible.find('.visible-display').html(1 + '-' + e.options.itemsToShow + ' of ');
	}
	})
	.on('slide.bananaPeel', function(e) {

cbourdage / magento-kitchen.html

Last active December 31, 2015 06:19

Kitchen Sink Markup (for Magento)