Navigation Menu

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 / server-react.js
Last active July 20, 2017 16:20
SSR react
import React from 'react'
import { renderToString } from 'react-dom/server'
import express from 'express'
import Homepage from './src/pages/home'
const
port = process.env.PORT || 3000,
app = express()
// -----------------------------------------------
import express from 'express'
const
port = process.env.PORT || 3000,
app = express()
// -----------------------------------------------
app.listen(port, () => console.log('Listening on port', port))
<?php
add_action('rest_api_init', function() {
register_rest_field(get_post_types(), 'fields', [
'get_callback' => function($post) {
return CFS()->get();
},
]);
});
@OutThisLife
OutThisLife / cloudSettings
Last active September 25, 2020 00:11
Visual Studio Code Settings Sync Gist
{"lastUpload":"2020-09-25T00:11:19.988Z","extensionVersion":"v3.4.3"}
const log = new Proxy({}, {
get: (_, colour) => function() {
console.log(`%c ${[].slice.call(arguments).join(' ')}`, `color: ${colour}`)
}
})
// example
log.tomato('I am tomato')
log.chocolate('I am chocolate')
log.cornflowerblue('I am cornflowerblue')
@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: () => {}
@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 */
// 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 / .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 / 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)