jonrandy

export function observePosition(element, callback) {
  const trackDiv = document.createElement("div")
  Object.assign(trackDiv.style, {
    position: "fixed",
    pointerEvents: "none",
    width: "2px",
    height: "2px",
  })
  if (element.children.length) {
    element.insertBefore(trackDiv, element.firstChild)

jonrandy

const arr = [1, 2, 3, 4]

const handler = {
  get(target, prop, receiver) {
    // try to convert property to a number
    const n = +prop
    // if it's a number less than zero, return the correct item from the array
    if (!isNaN(n) && n<0) {
      return Reflect.get(target, target.length + n, receiver)
    // otherwise continue as normal with the property

jonrandy

// pass in 2 letter country code
const getFlagEmoji = countryCode=>String.fromCodePoint(...[...countryCode.toUpperCase()].map(x=>0x1f1a5+x.charCodeAt()))

jonrandy

const fib = n => {
  const r5 = fib.r5 || (fib.r5=5**.5)
  return Math.floor((((1+r5)/2)**n - ((1-r5)/2)**n)/r5)
}

jonrandy

const isPalindrome = ([...s]) => ''+s == s.reverse()

jonrandy

function fibonacci(n) {
	if (n < 0) throw RangeError("Negative arguments not implemented")
	return fib(n)[0]
}

function fib(n) {
	if (n) {
		const [a, b] = fib(~~(n / 2)),
		  c = a * (b * 2n - a),
		  d = a * a + b * b

jonrandy

:nth-child(1) { --nth-child: 1 }
:nth-child(2) { --nth-child: 2 }
:nth-child(3) { --nth-child: 3 }
:nth-child(4) { --nth-child: 4 }
:nth-child(5) { --nth-child: 5 }
/* ... */

* {
  background-color: hsl(calc(100 * var(--nth-child)) 100% 40%);
}

jonrandy

function shuffle(array) {
  let a = [...array], m = a.length, i
  while (m) {
    // Pick a remaining element
    i = ~~(Math.random() * m--);
    // Swap it with the current element
    [a[m], a[i]] = [a[i], a[m]] 
  }
  return a
}

jonrandy

<g-carousel>
  <g-images>
     <a href="#b"><img id="a" src="https://source.unsplash.com/random/800x400?sig=1"></a>
     <a href="#c"><img id="b" src="https://source.unsplash.com/random/800x400?sig=2"></a>
     <a href="#a"><img id="c" src="https://source.unsplash.com/random/800x400?sig=3"></a>
  </g-images>
</g-carousel>

<style>

jonrandy

Every programmer occasionally, when nobody’s home, turns off the lights, pours a glass of scotch, puts on some light German electronica, and opens up a file on their computer. It’s a different file for every programmer. Sometimes they wrote it, sometimes they found it and knew they had to save it. They read over the lines, and weep at their beauty, then the tears turn bitter as they remember the rest of the files and the inevitable collapse of all that is good and true in the world.

This file is Good Code. It has sensible and consistent names for functions and variables. It’s concise. It doesn’t do anything obviously stupid. It has never had to live in the wild, or answer to a sales team. It does exactly one, mundane, specific thing, and it does it well. It was written by a single person, and never touched by another. It reads like poetry written by someone over thirty.

Every programmer starts out writing some perfect little snowflake like this. Then they’re told on Friday they need to have six hundred snow