Glen Maddern geelen

## lambda@edge vs cloudflare workers.sh
root@vps190992:~/go/bin# ./hey https://serverless-ssr.now.sh/ssr/preact

Summary:
  Total:	14.7408 secs
  Slowest:	6.9887 secs
  Fastest:	0.2357 secs
  Average:	1.9901 secs
  Requests/sec:	13.5678


## giftunnel.js
(async () => {
    const rows = 44
    const cols = 36
    const fps = 12
    const gif = "http://i.imgur.com/ifR7csn.gif"
    const rotate = false
    const mirror = false
    const vertmirror = false

    document.body.innerHTML = ''

## idontwanttolosethis.js
(async () => {
    const cols = 44
    const rows = 36

    const size = 90
    const speedX = 0.02
    const speedY = 0.0

    const loadImage = url => {
        const img = document.createElement('img')

## chain.js
const chain = rules => {
  class ChainLink {
    constructor(rules) {
      this.rules = rules;
    }

    toString() {
      return this.rules
    }
  }

## _.md

      
              2 files
            
          
              0 forks
            
          
              0 comments
            
          
              1 star
            
          
                geelen
                / _.md
            
            
              Last active Mar 1, 2019
            
              
                Sync a document from Bear Writer's DB to a file on disk
              
          
      View _.md
  
    
    Sync a document from Bear Writer's DB to a file on disk
I really like Bear Writer's interface, but it stores all its notes in an SQLite DB. I spent ages rigging up a nice Markdown + Webpack pipeline for a React blog before I realised this, and rather than admit my mistake, potentially pushing forward to concentrate on the content rather than procrastinating on the pipeline, I built this.

Grab the Document ID from Bear, then run:
yarn add sqlite3 untildify


## stylable-components.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                geelen
                / stylable-components.md
            
            
              Last active Nov 13, 2017
                — forked from jamiebuilds/stylable-components.md
            
          
      View stylable-components.md
  
    
    stylable-components

CSS for Components

Example
/* Counter.css */
@import Button from './Button.css';

  
## index.html
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>Query selector speed comparison #jsbench #jsperf</title>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script>
	<script src="./suite.js"></script>
</head>
<body>
	<h1>Open the console to view the results</h1>

## cm2sc.js
import React from 'react'

const cm2sc = names => Object.keys(names).reduce((comps, name) => (
  { ...comps, [name]: ({is = 'div', className, ...props}) => (
    React.createElement(is, { ...props, className: [names[name], className].filter(_=>_).join(' ') })
  ) }
), {})

export default cm2sc

## blend mode example.js
// Doesn't work unless the image host accepts CORS

      window.download = a => {
        const { opacity, country, blendMode } = current
        const canvas = document.createElement('canvas')
        canvas.width = 1280
        canvas.height = 720
        const ctx = canvas.getContext('2d')
        ctx.clearRect(0, 0, 1280, 720)
        ctx.globalCompositeOperation = 'source-over'

## button.js
import React, { PropTypes } from 'react'
import styled, { css } from 'styled-components'

const commonClasses = 'link dib f5 fw6 tracked tc br2 ttu ba pointer'

const sizes = ['large', 'small', 'extra-large']
const types = ['success', 'warning', 'danger', 'primary', 'default']

const sizedBtnClasses = {
  'large': 'h3 pa3',