Skip to content

Instantly share code, notes, and snippets.

View lukeed's full-sized avatar

Luke Edwards lukeed

View GitHub Profile
@lukeed
lukeed / designer.html
Last active August 29, 2015 14:16
designer
<link rel="import" href="../core-animated-pages/core-animated-pages.html">
<link rel="import" href="../core-animated-pages/transitions/hero-transition.html">
<link rel="import" href="../core-animated-pages/transitions/cross-fade.html">
<link rel="import" href="../core-animated-pages/transitions/slide-down.html">
<link rel="import" href="../core-animated-pages/transitions/slide-up.html">
<link rel="import" href="../core-animated-pages/transitions/tile-cascade.html">
<polymer-element name="my-element">
<template>
@lukeed
lukeed / keybase.md
Created February 9, 2017 19:50
Keybase ID Verification

Keybase proof

I hereby claim:

  • I am lukeed on github.
  • I am lukeed (https://keybase.io/lukeed) on keybase.
  • I have a public key whose fingerprint is 34F6 B8EF 7C20 AA3F B07A 441F 18A4 5162 5B88 FB28

To claim this, I am signing this object:

@lukeed
lukeed / OSX-Dock-Spacers.md
Last active November 12, 2021 20:51
OSX Dock Spacers

Huh?

Some MacOS users have very cluttered Docks & wish they could organize them without removing any App icons from the mix.

This snippet will add an empty "spacer" that you can drag around and use to separate icons into groups! See example.

Command

Paste this into your Terminal. Run the command for additional placeholders!

@lukeed
lukeed / cached-loops.js
Created July 10, 2017 06:49
cached vs non-cached perf
const LOOPS = 1e6;
const LEN = 1e3;
function test(fn) {
let i = 0;
const data = new Array(LEN);
const start = Date.now();
for (; i < LOOPS; i++) {
fn(data);
}
@lukeed
lukeed / micro.js
Created January 12, 2018 09:15
Polka vs Micro vs Native
const micro = require('micro');
micro((req, res) => {
if (req.url === '/') {
return 'Hello';
}
if (req.url.indexOf('/user/') === 0) {
// cheating, but ok
return `Hello user ${req.url.substring(6)}`;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Perflink | JS Benchmarks</title>
<meta
name="description"
content="JavaScript performance benchmarks that you can share via URL."
/>
<meta
@lukeed
lukeed / polka.next.d.ts
Last active March 6, 2021 07:28
TypeScript definitions for `polka@next` – These will be made available as "@types/polka" when 1.0 is ready!
declare module 'polka' {
import { Server } from 'net';
import { IncomingMessage, ServerResponse } from 'http';
import Trouter from 'trouter';
export interface IError extends Error {
message: string;
code?: number;
stack?: string;
status?: number;
// stick this somewhere in your local @types/** files
interface NetworkInformation extends EventTarget {
readonly downlink: number;
readonly downlinkMax?: number;
readonly effectiveType: 'slow-2g' | '2g' | '3g' | '4g';
readonly rtt: number;
readonly saveData: boolean;
readonly type: 'bluetooth' | 'cellular' | 'ethernet' | 'none' | 'wifi' | 'wimax' | 'other' | 'unknown';
onchange: EventListener;
@lukeed
lukeed / componenets-App-index.js
Last active April 7, 2020 18:46
PWA w/ styled-componets extracting CSS
import React from 'react';
import { HMR } from '@pwa/preset-react';
import Button from '@components/Button';
import style from './index.css';
class App extends React.Component {
render() {
return (
<div className={ style.app }>
<main className={ style.wrapper }>
@lukeed
lukeed / astray-references.js
Created July 1, 2020 06:09
how to traverse an AST with astray and collect identifier sources + references
import * as astray from 'astray';
import { parse } from 'meriyah';
const AST = parse(`
var intro = greeting();
function greeting() {
return 'Hello world!';
}