Lars Graubner lgraubner

Essential JavaScript Links

I no longer mantain this list. There are lots of other very comprehensive JavaScript link lists out there. Please see those, instead (Google "awesome JavaScript" for a start).

	// Types for the result object with discriminated union
	type Success<T> = {
	data: T;
	error: null;
	};

	type Failure<E> = {
	data: null;
	error: E;
	};

	// Licensed under a CC0 1.0 Universal (CC0 1.0) Public Domain Dedication
	// http://creativecommons.org/publicdomain/zero/1.0/

	// HTML files: try the network first, then the cache.
	// Other files: try the cache first, then the network.
	// Both: cache a fresh version if possible.
	// (beware: the cache will grow and grow; there's no cleanup)

	const cacheName = 'files';

	:root {
	--ease-in-quad: cubic-bezier(.55, .085, .68, .53);
	--ease-in-cubic: cubic-bezier(.550, .055, .675, .19);
	--ease-in-quart: cubic-bezier(.895, .03, .685, .22);
	--ease-in-quint: cubic-bezier(.755, .05, .855, .06);
	--ease-in-expo: cubic-bezier(.95, .05, .795, .035);
	--ease-in-circ: cubic-bezier(.6, .04, .98, .335);

	--ease-out-quad: cubic-bezier(.25, .46, .45, .94);
	--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);

	# Execute within the folder where pictures are located.
	# This command will create a directory hierarchy by year/year-month

	sudo apt-get install libimage-exiftool-perl

	exiftool -d %Y/%Y-%m/%Y-%m-%d-%H:%M:%S.%%e "-filename<datetimeoriginal" -r .

	# See more
	# http://ninedegreesbelow.com/photography/exiftool-commands.html#move

	<html>

	<!-- ... -->

	<!-- Embed analytics.js as local file -->
	<script src="/analytics.js"></script>
	</html>

	{% macro input(name, value, type, attributes) %}
	<input name="{{ name }}" type="{{ type }}" value="{{ value }}"{% for attr, value in attributes %} {{ attr }}="{{ value }}"{% endfor %}{% if not attributes.id is defined %} id="{{ name }}"{% endif %}/>
	{% endmacro %}

	{% macro text(name, value, attributes) %}
	{% from _self import input %}
	{{ input(name, value, "text", attributes) }}
	{% endmacro %}

	{% macro password(name, value, attributes) %}

	tell application "Google Chrome"

	set tab_list to every tab in the front window

	repeat with the_tab in tab_list
	set the_url to the URL of the_tab
	tell application "Safari" to open location the_url
	end repeat

	end tell

	/*
	* Steps
	* 1. Rename your gulpfile.js to gulpfile.babel.js
	* 2. Add babel to your package.json (npm install -D babel)
	* 3. Start writing ES6 in your gulpfile!
	*/

	import gulp from 'gulp'; // ES6 imports!
	import sass from 'gulp-sass';

	/* bling.js */
	window.$ = document.querySelector.bind(document);
	window.$$ = document.querySelectorAll.bind(document);
	Node.prototype.on = window.on = function(name, fn) { this.addEventListener(name, fn); };
	NodeList.prototype.__proto__ = Array.prototype;
	NodeList.prototype.on = function(name, fn) { this.forEach((elem) => elem.on(name, fn)); };