daneden

t = new TextLayer
    text: "00:00"
    style:
        # This style ensures that tabular figures are used, so that all
        # digits are the same width
        fontFeatureSettings: "'tnum'"

# Get the current time
origin = Date.now()

daneden

{
  "presets": ["es2015"],
  "plugins": ["transform-object-rest-spread"]
}

daneden

Dan answers questions

I get these questions (or similarly-phrased questions) often enough that I figured it would be helpful to post my responses somewhere. So, uh, here you go.

---

Q: What changes did you see in the design process at Dropbox from when you started to when you left and how did that impact you as a designer?

A: When I first joined Dropbox, I was the latest in a team of about a dozen designers in a 400-person company. This small size allowed the whole team to critique one another’s work on a weekly basis, and frequently bother someone at their desk. By the time I left Dropbox, the company was almost 2,000 people, and the design team had grown to about 60 people (including product designers, researchers, content strategists, and illustrators). We went through a series of changes to adjust for our growth, but in the design team there were a few notable ones.

daneden

class Particle {
  PVector pos;
  PVector prev;
  PVector vel = new PVector();
  PVector acc = new PVector();
  boolean isAttractor = false;
  
  Particle(float nx, float ny) {
    this.pos = new PVector(nx, ny);
    this.prev = new PVector(nx, ny);

daneden

// F E  I   G    E     N      B       A        U         M
// G R  O   W    T     H
float f = 3; // we have to start with some kind of seed, and ~3.4 is where things get interesting
float x = -2; // start it a little off screen
float y = 0.85; // again, a seed value is needed to actually see anything

void setup() {
  size(800,800);
  pixelDensity(displayDensity());
  smooth();

daneden

How It Feels To Learn JavaScript In 2016

Dope.

daneden

// @flow
// A collection of simple math functions, just for fun and practice

// The mean is just a regular average;
// the sum of all values divided by the number of values.
function mean(arr: Array<number>): number {
  return arr.reduce((p, n) => p + n, 0) / arr.length
}

// The median is the middle number.

daneden

// - Draw a series of points in a straight line and draw a line between them;
// - Make a copy of the preceding series of points, slightly mutate their x/y coordinates, and draw a line between them;
// - Repeat

ArrayList<PVector> points;
int pTotal = 300; // The total number of points per line
float w; // This will be used to define the drawing area

// Noise variables
float offsetX = 0;

daneden

Device/Platform	Typeface
iOS 9+, watchOS, tvOS, OS X 10.10+	San Francisco
iOS 1-8, OS X 10.9	Helvetica Neue
OS X 10.0-10.8	Lucida Grande
Android 5+, ChromeOS	Roboto
Android 1-4	Droid Sans
Windows Phone, Windows Vista-10	Segoe UI
Windows XP	Tahoma
Kindle Fire OS	Droid Sans

daneden

$DBspacing-unit: 16px;

.u-pad-xs {
  padding: $DBspacing-unit / 2;
}

.u-pad-s {
  // Kiiiinda close to .u-l-isle
  padding: $DBspacing-unit;
}