Link List

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

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

A visu­al & inter­ac­tive SVG ref­er­ence. Quick­ly look up how to define SVG shapes, trans­forms, masks, pat­terns, gra­di­ents, text and more.

Gen­er­ate seam­less, unique, roy­al­ty-free pat­terns to use for free in any project. Export as SVG, JPEG, or PNG.

Opt-in opti­mized text wrap­ping, for beau­ty over speed.

We had the hon­or of work­ing with the team at Wilco to cre­ate a unique type­face for the band. Inspired by an icon­ic ​“GUI­TAR” sign hang­ing in The Loft (the band’s Chica­go record­ing stu­dio). Wilco Loft Sans is an all-caps, high con­trast sans serif. We took those hand­ful of let­ters found on the sign blow molds and expand­ed

Using Par­ty­town with Craft CMS, Google Tag Man­ag­er, & Cloud­flare Work­ers for improved page speed and over­all web­site per­for­mance.

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

PDP‑8 / SBC6120 Deep Thought Front Pan­el Toy with the deep thought blink­ing lights, aka ​“blinken­lights” pro­gram.