Probably better not to use for…of loops from ES2015 if you are transpiling with Babel. Not only does it produce a lot of code, this code wont run in ie11 without a polyfill for Symbol.

INFINITOWN

This WebGL experiment is an attempt to create a procedural city that feels alive and is fun to watch.

http://demos.littleworkshop.fr/infinitown

Good brief introduction to ReasonML. This is definitely a language that I’d consider using. Of course it transpiles to JavaScript but it also targets WebAssembly and native.

http://2ality.com/2017/11/about-reasonml.html

Context: https://twitter.com/lemiorhan/status/935578694541770752

It ended much the same way as it began.

Much informative, so nuance.

Like most things to do with CSS I’m not sure what I think of this.

https://css-tricks.com/lets-define-exactly-atomic-css/

Animating Layouts with the FLIP Technique for jank free layout transitions.

FLIP is a mnemonic device and technique which stands for First, Last, Invert, Play.

First: before anything happens, record the current (i.e., first) position and dimensions of the element that will transition. You can use getBoundingClientRect() for this, as will be shown below.

Last: execute the code that causes the transition to instantaneously happen, and record the final (i.e., last) position and dimensions of the element.*

Invert: since the element is in the last position, we want to create the illusion that it’s in the first position, by using transform to modify its position and dimensions. This takes a little math, but it’s not too difficult.

Play: with the element inverted (and pretending to be in the first position), we can move it back to its last position by setting its transform to none.

https://css-tricks.com/animating-layouts-with-the-flip-technique/