Link List

Sys­tem font stack CSS orga­nized by type­face clas­si­fi­ca­tion for every mod­ern OS. The fastest fonts avail­able. No down­load­ing, no lay­out shifts, no flash­es — just instant ren­ders.

A col­lec­tion of bad prac­tices in HTML, copied from real web­sites.

Ren­der WebGL as SVGs using three.js.

Gen­er­ate fake avatars to fill your sam­ple appli­ca­tion.

Best-in-class Design Sys­tems with com­po­nents and foun­da­tions ref­er­ences from top-tier tech com­pa­nies and lead­ing UI teams.

Hen­rique Cel­so and I teamed up to push the bound­aries, explor­ing what hap­pens when you mix motion and A.I. Here’s the result ;-) https://​civ​i​tai​.co…

A font based on Voronoi algo­rithm

Browse through Dribb­ble or Behance, and you’ll find design­ers using a sim­ple tech­nique to add tex­ture to an image: noise.

Adding noise tex­ture with only code to SVG.

The email mar­ket­ing glos­sary you always want­ed. Look up those pesky, con­fus­ing acronyms and make your life eas­i­er with this handy guide.

Learn how to cre­ate col­or­ful, gen­er­a­tive grid designs with JavaScript and SVG!

Dis­cov­er our col­lec­tion of tuto­ri­als cov­er­ing a wide range of tech­niques and soft­ware includ­ing Python, Pro­cess­ing, Cin­e­ma 4D, Grasshop­per, Sketch and much more.

Dis­cov­er our col­lec­tion of tuto­ri­als cov­er­ing a wide range of tech­niques and soft­ware includ­ing Python, Pro­cess­ing, Cin­e­ma 4D, Grasshop­per, Sketch and much more.

Dis­cov­er our col­lec­tion of tuto­ri­als cov­er­ing a wide range of tech­niques and soft­ware includ­ing Python, Pro­cess­ing, Cin­e­ma 4D, Grasshop­per, Sketch and much more.

Stu­dio Feix­en Fonts is a type foundry found­ed by the Swiss design stu­dio Stu­dio Feix­en.

Pinokio is a brows­er that lets you install, run, and auto­mate any AI appli­ca­tions and mod­els auto­mat­i­cal­ly and effort­less­ly.

Sup­pose we want to ren­der a vox­el mod­el by @ephtracy (of Mag­i­caVox­el fame) com­pris­ing 226,036 vox­els. Each vox­el has inte­gral X, Y, and Z coor­di­nates.

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.

Foot­er is a curat­ed gallery of the top web­site foot­er inspi­ra­tion on earth. Find the foot­ers you need and sort by type and style.

A col­lec­tion of resources that intro­duces the APIs and high­lights com­mon prob­lems regard­ing HTML DOM manip­u­la­tion.

The OWASP Top 10 is the ref­er­ence stan­dard for the most crit­i­cal web appli­ca­tion secu­ri­ty risks. Adopt­ing the OWASP Top 10 is per­haps the most effec­tive first step towards chang­ing your soft­ware devel­op­ment cul­ture focused on pro­duc­ing secure code.

Web com­po­nents can dra­mat­i­cal­ly loosen the cou­pling of JavaScript frame­works. To prove it, we’re going to do some­thing kin­da crazy: build an app where every sin­gle com­po­nent is writ­ten in a dif­fer­ent JavaScript frame­work.

A small gist with Javascript to try to pre­vent iframe embed­ding of your con­tent.

Track sun posi­tion

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

This course is designed for those new to web per­for­mance, a vital aspect of the user expe­ri­ence. It cov­ers key web per­for­mance con­cepts and tech­niques for improv­ing per­for­mance.

Inter is a type­face fam­i­ly