Skip to content

Instantly share code, notes, and snippets.

View OutThisLife's full-sized avatar
🏠
Working from home

brooklyn! OutThisLife

🏠
Working from home
View GitHub Profile
@OutThisLife
OutThisLife / tween.js
Created January 24, 2018 18:49
Tween between two numbers and return the value as it updates.
import eases from 'eases'
const defaults = {
start: 0,
to: 0,
speed: 650,
easing: 'sineOut',
onUpdate: () => {},
handleEnd: () => {},
handleStart: () => {}
// Pretend this is in a store somewhere.
const pageData = {
title: 'My Data',
copy: 'Lorem ipsum dolar sit amet',
fields: {
testimonial: {
name: 'Bob Ross',
copy: 'Everything is amazing'
},
rating: 5
{
// A File Icon Preferences – User
// ================================================================
// !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
// ! PLEASE RESTART SUBLIME TEXT FOR THESE CHANGES TO TAKE EFFECT !
// !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
}
@OutThisLife
OutThisLife / raf.js
Last active April 18, 2018 20:43
singleton raf loop
// @flow
export const renders: Array<Function> = []
let animId: AnimationFrameID
export default ((): void => {
if (typeof window === 'undefined') {
return
}
const stop = () => window.cancelAnimationFrame(animId)
@OutThisLife
OutThisLife / deps
Last active April 21, 2018 07:04
rollup config
"babel-cli": "latest",
"babel-core": "latest",
"babel-eslint": "latest",
"babel-plugin-external-helpers": "latest",
"babel-plugin-styled-components": "latest",
"babel-plugin-transform-object-rest-spread": "latest",
"babel-preset-env": "latest",
"babel-preset-flow": "latest",
"babel-preset-react": "latest",
"eslint-plugin-flowtype-errors": "latest",
%SystemRoot%\system32;%SystemRoot%;%SystemRoot%\System32\Wbem;%SYSTEMROOT%\System32\WindowsPowerShell\v1.0\;
@OutThisLife
OutThisLife / log.js
Last active July 26, 2018 15:17
Simple template-literal colorized logger --- log.info`The only thing that will highlight is ${thisVariableHere}`
/**
* Example usage:
log.warn`Some message with ${variables} highlighted`;
log.blue`Some message everything highlighted`;
log.info`Some message with ${variables} highlighted`;
log.blueBG`Some message everything highlighted`;
*/
const colours = {
reset: '\x1b[0m',
@OutThisLife
OutThisLife / bitwise-hacks.js
Created July 27, 2018 21:41 — forked from leodutra/bitwise-hacks.js
Fast Int Math + Bitwise Hacks For JavaScript
// http://michalbe.blogspot.com.br/2013/03/javascript-less-known-parts-bitwise.html
// http://jsperf.com/bitwise-vs-math-object
// http://united-coders.com/christian-harms/results-for-game-for-forfeits-and-the-winner-is/
// https://mudcu.be/journal/2011/11/bitwise-gems-and-other-optimizations/
// https://dreaminginjavascript.wordpress.com/2009/02/09/bitwise-byte-foolish/
// http://jsperf.com/math-min-max-vs-ternary-vs-if/24
"use strict";
var PI = Math.PI;
@OutThisLife
OutThisLife / .editorconfig
Last active August 9, 2018 16:45
dev tools
root = true
[*]
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true
charset = utf-8
indent_style = space
indent_size = 2