christiantakle’s gists

christiantakle / fib.js

Last active December 10, 2015 20:38

Example of poormans pattern matching in Javascript. It useful in some cases. Beware of recursive definitions like this. It will blow the stack.

	// Classic Javascript
	function fib(n) {
	if(n === 0) { return 0 }
	if(n === 1) { return 1 }
	return fib(n-1) + fib(n-2)}

	// Non-auto-curry
	const mkCases = // :: Object Functions -> a -> b
	cases => key =>
	(cases[key]? cases[key] : cases["_"])(key)

christiantakle / diamond.js

Last active August 29, 2015 14:25

Solution for a codewars task

christiantakle / 1.js

Last active August 29, 2015 14:23 — forked from chrisbuttery/1.js

	// fade out

	function fade(el) {
	var op = 1;
	var timer = setInterval(function () {
	if (op <= 0.1){
	clearInterval(timer);
	el.style.display = 'none';
	}
	el.style.opacity = op;

christiantakle / navigation.haml

Last active March 28, 2016 12:03

Functional style, instead of adding conditional logic in the template use the fact that [] is a monoid. [a] + [] = [a] and [a] + [b] = [a,b]

	:ruby
	getAttrs = ->(link) {{href: link.fetch(:href), class: link.fetch(:class)}}

	# Added to prevent typos in `tab_to_conf` and `mkLink`
	events, following, calendar, overview, manager, followers, widget =
	%w(events following calendar overview manager followers widget)

	tab_to_conf =
	{ calendar => [t('users.profile.calendar'), user_path(user)],
	following => [t('users.profile.following'), following_user_path(user)],

christiantakle / gist:9036e7809e75e5896d61

Created November 27, 2014 15:45

Margin helper

	//-- Helpers ----------------------------------------------------------
	@function push-get-size($key) {
	$sizes: map-get($push-config, sizes);
	@return map-get($sizes, $key);
	}

	//-- Config -----------------------------------------------------------
	$push-spacing: util-rhythm(1);
	$push-key-half: "-_5x"; // 0.5 \| half
	$push-key-double: "-2x";

christiantakle / package.json

Last active August 29, 2015 14:08

	{
	"dependencies": {
	"jshint": "latest",
	"uglifyjs": "latest",
	"watch": "latest"
	},
	"config": {
	"github_url": "https://api.github.com/repos/MarkBiesheuvel/markbiesheuvel.nl/commits?page=1&per_page=10",
	"maps_url": "https://maps.googleapis.com/maps/api/staticmap?size=640x200&zoom=7&markers=color%3Ablue%7Clabel%3AH%7C51.469941%2C5.472258&markers=color%3Ayellow%7Clabel%3AW%7C51.574344%2C5.13781",
	},

christiantakle / Module: -> Bootstrap Grid Interface for ReactJS.js

Last active August 29, 2015 14:07

Generic Bootstrap Grid wrapper for ReactJS, WIP

	(function (exports, DOM, undefined) {
	'use strict';
	var namespace = 'ReactLayout';

	// Data Column = Column { size :: Integer, component :: ReactComponent }

	//-- Constants ------------------------------------------------------
	var COLUMNS_TOTAL = 12,
	CONTAINER = 'row-fluid',
	CELL = 'span';

christiantakle / Looking at instagram

Created August 8, 2014 08:21

@floydophone What is the style workflow @ instagram I see no styling loading in the network tab - but you're using class' in the markup.

	// In chrome dev-console
	[].splice
	.call(document.styleSheets,0)
	.map(function(x){ return x.href })

	// => [null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null]

christiantakle / First class z-index (CSS)

Created August 6, 2014 08:05

A good way keeping control of your used z-indexs to avoid confusing or bugs by choosing arbitary numbers

christiantakle / fromDomain

Created July 3, 2014 11:51

Naive implementaion of referrer tracking

	//-- Polyfill ---------------------------------------------------------
	if ( !String.prototype.contains ) {
	String.prototype.contains = function() {
	return String.prototype.indexOf.apply( this, arguments ) !== -1;
	};
	}

	//-- Module -----------------------------------------------------------
	(function(exports, document, undefined) {
	var namespace = 'tools';

Christian Takle christiantakle