Link List

Advice on mak­ing things for your­self.

A beau­ti­ful and pow­er­ful syn­tax high­lighter

An open source game about learn­ing Git

Pix­i­JS — The HTML5 Cre­ation Engine. Cre­ate beau­ti­ful dig­i­tal con­tent with the fastest, most flex­i­ble 2D WebGL ren­der­er.

Color.js is designed make sim­ple things easy, and com­plex things pos­si­ble, and that extends to instal­la­tion as well.

This book explains the algo­rithms behind those col­li­sions using basic shapes like cir­cles, rec­tan­gles, and lines.

In this tuto­r­i­al we’ll have a look at javascript gen­er­a­tors and how they can be used for ani­mat­ing the draw­ing phase for our gen­er­a­tive sketch­es. We’ll cov­er every­thing from syn­tax to actu­al­ly imple­ment­ing a sim­ple exam­ple using p5’s draw loop.

Learn math. Again.

The AxiDraw Com­mand Line Inter­face Axi­CLI is an appli­ca­tion pro­gram­ming inter­face (API) for using AxiDraw from either the com­mand line inter­face (CLI) or with­in shell scripts and oth­er envi­ron­ments that make use of shell com­mands.

GitHub Gist: instant­ly share code, notes, and snip­pets. VSCode

Web­site with the col­lec­tion of all the cheat sheets of the project.

An inno­v­a­tive super­fam­i­ly of fonts for code

Can Low-Qual­i­ty Image Place­hold­ers and LCP play nice­ly togeth­er? Web Per­for­mance.

A log file high­lighter. Con­tribute to bensadeh/​tailspin devel­op­ment by cre­at­ing an account on GitHub.

If we’re build­ing things that we want to work in five or ten or even 20 years, we need to avoid depen­den­cies and use the web with no lay­ers in between.

Exten­sion for Visu­al Stu­dio Code — High­light web col­ors in your edi­tor

Encode SVGs eas­i­ly to more eas­i­ly style them with CSS and JS.

Exten­sion for Visu­al Stu­dio Code — Dis­play import/​require pack­age size in the edi­tor

Nico­las Hoizey’s links page.

Open Web Com­po­nents pro­vides a set of defaults, rec­om­men­da­tions and tools to help facil­i­tate your Web Com­po­nent.

Gen­er­ate lin­ear­ly scale font-size with clamp()

An inter­ac­tive guide to under­stand­ing SVG paths and path com­mands.

After using Warp for over a cou­ple of months (and col­lect­ing feed­back from col­leagues already using… Tagged with ter­mi­nal, ai, pro­duc­tiv­i­ty.