Skip to content

Instantly share code, notes, and snippets.

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

brooklyn! OutThisLife

🏠
Working from home
23 followers · 8 following
View GitHub Profile
@OutThisLife
OutThisLife / compose.js
Created August 9, 2018 17:54
const compose = (...fns) => fns.reduce((f, g) => (...args) => f(g(...args)))
@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 / evts.js
Created July 27, 2018 19:48
Get all event listeners from chrome.
// This is to list all events on the page:
[].slice.call(document.querySelectorAll('*'))
.map(el => ({ el, listeners: Object.entries(getEventListeners(el)) }))
.filter(el => el.listeners.length)
// Use with a mutationobserver to confirm that events are detaching:
const _getEventListeners = getEventListeners
const getAll = () => [].slice.call(document.querySelectorAll('*'))
.map(el => ({ el, listeners: Object.entries(_getEventListeners(el)) }))
.filter(el => el.listeners.length)
@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 / gist:6ac064200cb06d5f513056f051943c80
Created July 6, 2018 18:43
default win32 %PATH%
%SystemRoot%\system32;%SystemRoot%;%SystemRoot%\System32\Wbem;%SYSTEMROOT%\System32\WindowsPowerShell\v1.0\;
@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",
@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 / .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
@OutThisLife
OutThisLife / deep-deconstruct.js
Created February 28, 2018 19:58
// 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
@OutThisLife
OutThisLife / sanfrancisco-font.css
Created February 2, 2018 19:00
San Francisco Web Font
/** WARNING - USE AT OWN RISK */
/** IT IS AGAINST APPLE'S POLICY TO USE SF PRO FOR ANYTHING OTHER THAN iOS/tvOS/macOS/watchOS DESIGN & DEVELOPMENT */
/** https://sf.abarba.me/LICENSE.pdf */
/** 1. Copy/import this file into your main css/scss file */
/** 2. Change css font-family: to "SF Text", "SF Display" or "SF Mono" */
/** 3. Apply font-weight or italic to html elements */
/** THANK YOU */
/** I host these fonts on Cloudfront with SSL in all AWS regions for the best performance and reliability */