Link List

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.

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

City­wide is a sans-serif fam­i­ly inspired by mid-1900s bus and train des­ti­na­tion roll signs.

How to add a direc­to­ry to your PATH

The world’s largest open-source open-data library. Mir­rors Sci-Hub, Library Gen­e­sis, Z‑Library, and more.

Use the View Tran­si­tions API to cre­ate smooth ani­ma­tions between DOM states with min­i­mal CSS and JavaScript, replac­ing heavy ani­ma­tion libraries.

The Word­Press project is at a cross­roads, a per­son­al per­spec­tive on the cur­rent Word­Press con­tro­ver­sy and the impact this may have on the indus­try as a whole.

Gen­er­ate and cus­tomize CSS eas­ing func­tions with ease and mag­i­cal pre­ci­sion using Eas­ing Wiz­ard 🧙

What I use them for and what I don’t

Rec­om­mend­ed stick­er print­er

CSS library based on Counter Strike 1.6 UI.

One web page using every HTML ele­ment.