Link List

This guide cov­ers hexag­o­nal grids, detail­ing coor­di­nate sys­tems, algo­rithms, and for­mu­las. It fea­tures inter­ac­tive dia­grams and pseu­­do-code exam­ples.

Fran Sans is a font based on the dis­play type of SF’s MUNI light rail trains. The

Dimen​sions​.com is an ongo­ing ref­er­ence data­base of dimen­sioned draw­ings doc­u­ment­ing the stan­dard mea­sure­ments and sizes of the every­day objects and spaces that make up our world.

A col­lec­tion of space logos

A free font that is a trib­ute to LITT.CHR. Con­tribute to disastrid/​LittleCharacter devel­op­ment by cre­at­ing an account on GitHub.

Audio com­po­nent library

Wide gamut Col­or 4 com­pli­ant CSS gra­di­ent builder.

A bit of his­to­ry on the opti­mal line length for text whether for cod­ing or read­ing.

We’re opti­mists build­ing brand and dig­i­tal for the most impact­ful com­pa­nies of today and the founders defin­ing tomor­row.

A con­trast algo­rithm func­tion for CSS.

Spectral.js is a light­weight JavaScript library for real­is­tic pig­ment mix­ing, using the Kubel­ka-Munk the­o­ry to sim­u­late how real paints absorb and scat­ter light.

A set of 8‑bit styled com­po­nents and a code dis­tri­b­u­tion plat­form. Works with your favorite frame­works.

Ram­p­en­Sau is light­weight, depen­den­cy free and fast JavaScript func­tion writ­ten in Type­Script. It gen­er­ates col­or ramps based on a curve with­in the HSL col­or mod­el. This page serves as pre­view for the vari­ety of options the func­tion takes.

Improve web typog­ra­phy with CSS text-wrap: pret­ty — learn brows­er sup­port, per­for­mance tips, and exam­ples for clean­er, more read­able text lay­outs.

Col­or is com­pli­cat­ed, but you can eas­i­ly learn the dif­fer­ence between a col­or mod­el, space, and gamut, and why they exist in the first place.

In two-col­umn lay­outs, ver­ti­cal­ly aligned images sup­port effi­cient scan­ning bet­ter than images that alter­nate place­ment with text.

Cre­ate har­mo­nious col­or pat­terns with Oklchro­ma, a pow­er­ful OKLCH-based col­or scale gen­er­a­tor for design­ers and devel­op­ers.

Vig­i­lant is a tool for aggre­gat­ing appli­ca­tion logs. Use the SDK to send logs and view them in a dash­board.

Free, open-source load­ing ani­ma­tions. Avail­able as copy/​paste HTML or drop-in web com­po­nents. Com­pat­i­ble with every mod­ern frame­work.

JavaScript and WebAssem­bly imple­men­ta­tions of the Held-Karp algo­rithm for solv­ing the trav­el­ling sales­man prob­lem — qnt­m/held-karp

Unsec­tion is a web­site that offers inspi­ra­tion for var­i­ous web­site sec­tions. It is a good resource for find­ing the best web­site sec­tion for your web­site.

Use gen­er­a­tive art for your place­hold­er images

A dive into mak­ing beau­ti­ful gray col­or palettes with CSS.

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.

Ani­cons is an exper­i­ment that com­bines two cut­ting-edge font tech­nolo­gies: vari­able fonts and col­or fonts.

Explore the time­line of mile­stones in the his­to­ry of web design from 1990 to the present day.

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.

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.

A font based on Voronoi algo­rithm