Link List

Test­ing a Craft CMS web­site might be less dif­fi­cult than you think. In this on the for­tra­b­bit blog, learn about fron­tend test­ing Craft CMS web­sites.

Remy Sharp shows how he auto­mat­i­cal­ly uploads screen­shots using his own tools on his Mac.

Pri­va­cy-focused drop-in replace­ment for Google Fonts.

This tool will help you mas­ter mul­ti-hued, mul­ti-stops col­or scales. What is that? ​“While a (lin­ear) vari­a­tion in light­ness is the most impor­tant qual­i­ty of a sequen­tial col­or scale, vary­ing the hue can bring fur­ther sig­nif­i­cant improve­ments. Hue vari­a­tion pro­vides a bet­ter col­or con­trast and thus makes the col­ors eas­i­er to dif­fer­en­ti­ate.” — Learn more here.

Pull con­tent from any­where and serve it fast with Astro’s next-gen island archi­tec­ture. Astro is the web frame­work that you’ll enjoy using.

The Mastodon instance I’ve been using, mastodon.technology, is shut­ting down in a few months, so I’ve migrat­ed my Mastodon account to a new serv­er. I want­ed to share the steps I went through in case the details are help­ful to any­one, espe­cial­ly oth­ers migrat­ing off that instance – espe­cial­ly a warn­ing about when you lose access to your old account. I don’t know if these are the best steps to fol­low, but they worked for me.

The Spell­cast­er, a WebGL expe­ri­ence using Three.js

Includ­ing user research plan, user inter­view ques­tions, user inter­view scripts, usabil­i­ty test­ing script, and more. Whether you’re an aspir­ing or expe­ri­enced UX designer/​researcher, I hope these tem­plates can make your work eas­i­er and more effec­tive!

Truth Labs for Edu­ca­tion is a col­lab­o­ra­tion between Cam­bridge Uni­ver­si­ty, the Uni­ver­si­ty of Bris­tol, and Google Jig­saw.

Excitable mus­ings about front-end devel­op­ment from Cassie Evans.

This is a fun blog ded­i­cat­ed to pop cul­ture and nos­tal­gia.

Freek Van der Herten’s blog on PHP, Lar­avel, and JavaScript posts about who to fol­low on Mastodon

ArrowJS is an exper­i­men­tal tool for reac­tive pro­gram­ming inter­faces using native JavaScript. It’s not real­ly a frame­work, but not less pow­er­ful than a frame­work either. At its core — ArrowJS is an admis­sion that while we devel­op­ers were falling in love with UI frame­works — JavaScript itself got good, real­ly good.

Inter is a type­face fam­i­ly opti­mized for user inter­faces and com­put­er screens

DM Sans is a low-con­trast geo­met­ric sans serif design, intend­ed for use at small­er text sizes. DM Sans sup­ports a Latin Extend­ed glyph set, enabling type­set­ting

Figtree is a clean yet friend­ly geo­met­ric sans serif font for usage in web and mobile apps. It’s light-heart­ed and crisp when used for text, yet still retains s

Fontshare is a free fonts ser­vice from the Indi­an Type Foundry (ITF), mak­ing qual­i­ty fonts acces­si­ble to all.

Based on Libre Franklin, Pub­lic Sans is a strong, neu­tral type­face for inter­faces, text, and head­ings. It was Devel­oped by the Unit­ed States Web Design Sys­tem.

Fontshare is a free fonts ser­vice from the Indi­an Type Foundry (ITF), mak­ing qual­i­ty fonts acces­si­ble to all.

Work Sans is a type­face fam­i­ly based loose­ly on ear­ly Grotesques, such as those by Stephen­son Blake, Miller & Richard and Bauer­schen Giesserei. The Reg­u­lar weig

Fontshare is a free fonts ser­vice from the Indi­an Type Foundry (ITF), mak­ing qual­i­ty fonts acces­si­ble to all.

Hind is an Open Source type­face sup­port­ing the Devana­gari and Latin scripts. Devel­oped explic­it­ly for use in User Inter­face design, the Hind font fam­i­ly include

A beau­ti­ful geo­met­ric sans: The offi­cial type­face for brand automa­tion com­pa­ny out​fit​.io. Inspired by the lig­a­ture-rich out­fit word­mark, Out​fit​.io is delight­ed

Geo­met­ric sans serif type­faces have been a pop­u­lar design tool ever since these actors took to the world’s stage. Pop­pins is one of the new com­ers to this long

Open Sans is a human­ist sans serif type­face designed by Steve Mat­te­son, Type Direc­tor of Ascen­der Corp. This ver­sion con­tains the com­plete 897 char­ac­ter set, wh

Man­rope is an open-source mod­ern sans-serif font fam­i­ly, designed by Mikhail Sha­ran­da in 2018. In 2019, Mirko Velimirovic worked with Mikhail Sha­ran­da to con­ver

Be Viet­nam Pro is a Neo Grotesk well suit­ed to tech com­pa­nies and star­tups. The design­ers refined Viet­namese let­ter­forms with dia­crit­ics adap­tive forms for spe­cif­ic use cas­es and engi­neered them for bet­ter read­abil­i­ty.

Lex­end fonts are intend­ed to reduce visu­al stress and so improve read­ing per­for­mance. Ini­tial­ly they were designed with dyslex­ia and strug­gling read­ers in mind.

Cre­ate fil­ter wid­gets for your con­trol pan­el ele­ment index lists.

You can start with one of the main pop­u­lar instances of Mastodon but, if you want to make it fun, you need to find an instance that match­es your inter­ests.