goldhand’s gists

goldhand / Polygon-svg.markdown

Last active May 2, 2016 15:54

Polygon-svg

A Pen by Will Farley on CodePen.

License.

goldhand / heightTrigger.js

Created April 8, 2016 19:40

returns a value from a set that meets conditions

	function getActiveHeightTrigger(triggersMap) {
	// returns the smalles height from a set of heights that is more than the window height
	return triggersMap.reduce((pV, cV) => {
	// is this height more than window?
	let checkWindow = (cV.height >= window.innerHeight);
	// is this height less than previous height?
	let checkPrev = (cV.height < pV.height);

	if (checkWindow) {
	if (checkPrev \|\| !pV.height) return cV;

goldhand / getDataset.js

Created March 18, 2016 16:18

collect dataset attributes from a dom element

	const getDataset = (elem) => {
	/* ie <= 10 does not support elem.dataset
	* ie <= 10 also doesn't support Array.from
	* collect an elements data properties and return them in a similar format
	* to the elem.dataset method
	*/

	let attrs = Array.prototype.slice.call(elem.attributes).filter(attr => !!~attr.nodeName.indexOf('data-'));

	return attrs.reduce((a, attr) => {

goldhand / staticencoder.py

Last active May 17, 2022 21:00

Django template tag for encoding images in base64 and rendering with server

	from django import template
	from django.contrib.staticfiles.finders import find as find_static_file
	from django.conf import settings

	register = template.Library()


	@register.simple_tag
	def encode_static(path, encoding='base64', file_type='image'):
	"""

goldhand / index.html

Last active March 4, 2016 23:45

Generate then render a series of imgages that incrementally increase in quality. This is targeted towards large image files like hero images that take a long time to load.

	<html>

	<img class="lowq"
	data-src="/static/orginal-img.png"
	data-lowq_path='/static/lowq_imgs/' data-qualities="5,10,15,20,25,30,35,50,60,70">

	<script src="/main.js"></script>
	</html>

goldhand / queryCookie.js

Last active July 22, 2016 23:32

	export default class queryCookie {
	constructor() {
	this.qs = getQueryString();
	this.cookie = getCookie();
	}
	store(k, val) {
	// store all cookies as root path so they can override if needed
	document.cookie = `${k}=${val}; path=/`;
	}
	remove(k) {

goldhand / handleAjaxForm.js

Created February 18, 2016 14:53

Simple jquery handler for django json reponses

	const handleAjaxForm = (form) => {
	$.ajax({
	url: form.action,
	dataType: 'html',
	type: 'POST',
	data: $(form).serialize(),
	success: data => {
	$(form.parentElement).fadeOut();
	setTimeout(() => $('#success-message').fadeIn(), 1000);
	},

goldhand / pdb_example.py

Created February 5, 2016 19:58

example using pdb for python debugging instead of print

	import pdb; pdb.set_trace()
	# --or--
	import pudb; pudb.set_trace()

	# l

	# n >> nextline

	# context >> get current context

goldhand / range.js

Created January 30, 2016 17:52

How to create an array in javascript similar to python's range function

	Array.from(Array(5).keys());
	// -> [0, 1, 2, 3, 4]

	// Array(5)
	// -> [ , , , , ]
	// the values are empty but the keys will increment so we create another array from this array's keys.

goldhand / reactLoadingScreen.js

Last active January 14, 2016 16:33

Loading screen for react apps. If javascript is disabled and static page is being served, loader will not be displayed

	import React from 'react';


	const {PropTypes} = React;

	const loaderStyles = {
	position: 'fixed',
	top: 0,
	left: 0,
	width: '100%',

Will goldhand

Polygon-svg