Link List

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.

📄 A curat­ed list of awe­some .cur­sor­rules files. Con­tribute to Patrick­JS/awe­some-cur­sor­rules devel­op­ment by cre­at­ing an account on GitHub.

A com­pre­hen­sive Tail­wind CSS cheat sheet to instant­ly find all util­i­ty class­es and their CSS prop­er­ties in one place.

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.

Grady Hen­drix rereads every Stephen King book.

AI for­gets things between chats. Cur­sor Rules fix this. Learn why you need them and a trick to make writ­ing them easy.

We have reached a tip­ping point in the for­mat wars, with UHD poised to over­take stan­dard def­i­n­i­tion DVDs for first place. Now, there’s a new species of repl …

Pro­vides secu­ri­ty patch­es for out-of-date Craft CMS installs — craftcm­s/se­cu­ri­ty-patch­es

We’ve final­ly crossed an inflec­tion point of mod­el util­i­ty where the out­put is actu­al­ly worth more than the cost for real dev work. It’s start­ing to make sense to throw lots of mon­ey towards infer­ence.

A type­face for cre­at­ing sparklines in text with­out code. — aftertheflood/​sparks

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.

The instant on-demand Atom­ic CSS engine

Cus­tom ele­ments (web com­po­nents) for mak­ing audio and video play­er con­trols that look great in your web­site or app. — mux­inc/­me­dia-chrome

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 a share­able pre­view link of your web­site that works out of the box with­out chang­ing your Hosts file. You can cre­ate a site with team mem­bers with­out hav­ing to merge the changes lat­er.

A sto­ry of a 150-year-old font you have nev­er heard of – and one you prob­a­bly saw ear­li­er today.

A fun CSS-only exper­i­men­ta­tion to cre­ate a jump­ing dot between radio inputs

How to add smooth tran­si­tions to lazy-loaded images with­out exter­nal libraries.

Use CSS Flexbox to make a time­line.

Iosev­ka is an open-source, sans-serif + slab-serif, mono­space + quasi‑proportional type­face fam­i­ly, designed for writ­ing code, using in ter­mi­nals, and prepar­ing tech­ni­cal doc­u­ments.

One more thing…

The com­plete archive of Info­com game arti­facts and his­to­ry, includ­ing game infor­ma­tion, Invisi­clues, his­tor­i­cal arti­cles, and more! All pre­sent­ed in an enter­tain­ing, nos­tal­gic way.

The search ele­ment rep­re­sents a doc­u­ment or appli­ca­tion con­tain­ing a set of form con­trols or oth­er con­tent relat­ed to per­form­ing a search or fil­ter­ing oper­a­tion. This could be a search of the web­site or appli­ca­tion, search­ing or fil­ter­ing search results on the cur­rent web page, or a glob­al or Inter­net-wide search func­tion.

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.

Fix CORS in DDEV devel­op­ment by adjust­ing vite.config.js.

Using Craft CMS to feed a cus­tom TRMNL plu­g­in.

Alter­na­tive ebook read for a jail­bro­ken Kin­dle.

Doc­u­men­ta­tion on the Kin­dle and Mes­qui­to

End­less Wikipedia arti­cles.

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.