ehpc

function move(el, distance, duration) {
  let startTime;
  function recur() {
    window.requestAnimationFrame((time) => {
      if (startTime === undefined) {
        startTime = time;
      }
      const elapsed = time - startTime;
      const fraction = elapsed / duration;
      const dx = Math.min(distance, distance * fraction);

ehpc

#!/bin/sh
# Calculates a metric of how many `any`'s are there compared to line count for TypeScript codebase (in percents)
# Basically we count all `any` occurences, then count all lines in the codebase, and lastly divide one by another

echo "scale = 4; $(find -name "*.ts?" -not -path "./node_modules/*" | xargs grep -o '\bany\b' | wc -l) * 100 / $(find -name "*.ts?" -not -path "./node_modules/*" | xargs wc -l | tail -1 | awk '{print $1}')" | bc

ehpc

#!/bin/sh
set -e

VM_NAME=vm-ubuntu-dev

[ ! -f ~/.ssh/id_rsa.pub ] && ssh-keygen -b 4096 -t rsa

SSH_KEY=$(cat ~/.ssh/id_rsa.pub)

tee ~/$VM_NAME.yaml >/dev/null <<EOF

ehpc

How to remember alignment in flexbox: justify vs align

First trick

justify is longer than align ⇒ longer means horizontal, so align means vertical by exclusion.

Second trick

justify is often used with text, and text is horizontal, so justify is horizontal, align is vertical by exclusion.