Skip to content

Instantly share code, notes, and snippets.

Welcome to the Thunder Dome

Frederik Krautwald Frikki

Welcome to the Thunder Dome
View GitHub Profile
View option.js
// `unit` is `return` from Haskell
// `bind` is `>>=` from Haskell, or `flatMap` from Scala
var None = {
bind: function (fn) { return this; },
unit: function (v) { return Option(v); },
getOrElse: function (elseValue) { return elseValue; }
var Some = function (value) {
staltz /
Last active Oct 5, 2022
The introduction to Reactive Programming you've been missing
anonymous /
Created Jun 7, 2015
Sublime Text 3092 3083 latest crack Win32 Win64 Linux64 Linux32 OSX Mac MacOS


For pupil: all binary can be downloaded

After overwriting, maybe need to run chmod +x /path/to/sublime_text. For linux default installation, need to add sudo.

For programmer:

dmitriid / svg-to-virtual-dom.js
Created Sep 11, 2015
Convert svg files to virtual-dom's VTree
View svg-to-virtual-dom.js
Convert svg files to virtual-dom's VTree
To use the resulting tree
import svg from 'virtual-dom/virtual-hyperscript/svg'
if you use Cycle.js:
import {svg} from '@cycle/dom';
import fs from 'fs';
BenMorel / viewport-units-ios.scss
Last active Mar 11, 2022
SCSS mixin to support vh and vw units on all iOS Safari versions. Based on an idea by Patrick Burtchaell's:
View viewport-units-ios.scss
* Fix for vw, vh, vmin, vmax on iOS 7.
* This fix works by replacing viewport units with px values on known screen sizes.
* iPhone 6 and 6 Plus cannot run iOS 7, so are not targeted by this fix.
* Target devices running iOS 8+ will incidentally execute the media query,
* but this will still produce the expected result; so this is not a problem.
paulirish /
Last active Oct 4, 2022
What forces layout/reflow. The comprehensive list.

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics
  • elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
kaosat-dev /
Last active Sep 29, 2015
Cycle.js tips & tricks

Cycle.js tips and tricks

Inline SVGs using JSX

inline svgs seem to have issues when using JSX syntax, so this is a possible workaround:

View divs.js
h('div.container', [
h('label.nameLabel', 'Name:'),
h('input.myinput', {attributes: {type: 'text'}}),
h('h1.greeting', `Hello ${name}`)
// or
div('.container', [
wclr /
Last active Apr 6, 2018
A way to handle state in cycle.js

A way to handle state in cycle.js

Simple state management with xstream and ramda, in more transparent fashion than onionify

import * as R from 'ramda'

// first we create factory for making special state stream 
// that will hold our stream value and will be modified with supplied streams of reducers
type StateReducer<T> = (state: T) => T
View togglOnTrello.user.js
// ==UserScript==
// @name Toggl on Trello
// @namespace
// @version 0.4
// @description Shows toggl entries that match C### where ### is the card number.
// @author
// @match*/*
// @match*/*
// @require
// @grant GM_setValue