Link List

Youtube embed code to min­i­mize data leak­age.

Namelix uses gen­er­a­tive AI to cre­ate a short, brand­able busi­ness name. Search for domain avail­abil­i­ty, and instant­ly gen­er­ate a logo for your new busi­ness

A post dis­cussing why you’d save links on your own site instead of a ser­vice you don’t con­trol.

text-wrap: bal­ance ele­vates respon­sive design by auto-bal­anc­ing text lines. Learn its lim­i­ta­tions, brows­er sup­port, and meet its new sib­ling, text-wrap: pret­ty.

The Per­for­mance API is a set of stan­dards for mea­sur­ing and eval­u­at­ing per­for­mance met­rics with JavaScript. This arti­cle demon­strates how to use the Per­for­mance API to gen­er­ate per­for­mance met­rics direct­ly in the DOM to cre­ate your own report­ing.

Make sec­tions of Craft 5 ele­ment index­es col­lapsi­ble — CollapseSidebarAsset.php

A bet­ter npm publish. Con­tribute to sindresorhus/​np devel­op­ment by cre­at­ing an account on GitHub.

Vel­vette is a library that allows you to spec­i­fy in a declar­a­tive way how your tran­si­tions should behave, in iso­la­tion or as a response to a nav­i­ga­tion, and then apply the dec­la­ra­tion to a par­tic­u­lar View­Tran­si­tion, Nav­i­ga­teEvent, or use it to han­dle cross-doc­u­ment (“MPA”) nav­i­ga­tions.

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

Some­times, improv­ing your appli­ca­tion CSS just takes a one-line upgrade or enhance­ment! Learn about 12 prop­er­ties to start incor­po­rat­ing into your projects, and enjoy reduc­ing tech­ni­cal debt, remov­ing JavaScript, and scor­ing easy wins for user expe­ri­ence.

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.

Online tool to con­vert HDRI maps to a cube map.

Learn and Test DMARC

Learn and Test DMARC

Acces­si­bil­i­ty arti­cle for devel­op­ers to bet­ter under­stand text-to-speech and screen read­ers.

Gen­tle step-by-step guide through the abstract and com­plex uni­verse of Frag­ment Shaders.

Think of nails on a board with a rub­ber band encir­cling them.

This arti­cle is a JavaScript adap­ta­tion of a sim­i­lar arti­cle I wrote ear­li­er for Bul­let Physics and Urho3D game engine (which can be found here). It also serves as the first part to my Javascript 3D…

Some­times, improv­ing your appli­ca­tion CSS just takes a one-line upgrade or enhance­ment! Learn about 12 prop­er­ties to start incor­po­rat­ing into your projects, and enjoy reduc­ing tech­ni­cal debt, remov­ing JavaScript, and scor­ing easy wins for user expe­ri­ence.

Wire­frame debug­ger for use with can­non-es https://​github​.com/​p​m​n​d​r​s​/​c​a​n​n​on-es. Lat­est ver­sion: 1.0.0, last pub­lished: 2 years ago. Start using can­non-es-debug­ger in your project by run­ning npm i cannon-es-debugger. There are 17 oth­er projects in the npm reg­istry using can­non-es-debug­ger.

stats-gl is a com­pre­hen­sive tool to mon­i­tor WebGL per­for­mance. The Stats class pro­vides meth­ods to cre­ate per­for­mance pan­els, log per­for­mance met­rics, and man­age the dis­play and lay­out of these pan­els.

There are many dif­fer­ent ways to cal­cu­late delta time val­ue for game physics, each with its own strengths and weak­ness­es.

JavaScript 2D physics library. Con­tribute to schteppe/p2.js devel­op­ment by cre­at­ing an account on GitHub.

Matter.js is 2D rigid body JavaScript physics engine for the web

3D physics engine for the web.

Demo appli­ca­tion-based class and 3D physics demos based on ammo.js. Sup­port for sev­er­al scene­graphs, includ­ing Three.js and Scene­JS.

A light­weight and sim­ple 3D physics engine for the web. See https://​github​.com/​p​m​n​d​r​s​/​c​a​n​n​on-es for an updat­ed ver­sion.

Fast and cross-plat­form physics engine