Link List

Deploy Sta­t­ic, Node­JS, Svelte, React, Vue, Next, Nuxt, Astro, PHP, Rust, and more types of appli­ca­tions has­sle-free with auto­mat­ic reverse proxy and free SSL cer­tifi­cates.

A side-effect when show­ing scroll­bars on the web is that the lay­out of the con­tent might change depend­ing on the type of scroll­bar. The scroll­bar-gut­ter CSS prop­er­ty aims to give us devel­op­ers more con­trol over that. Works in Chrome and Fire­fox. No sup­port in Safari yet.

Cal­cu­lat­ing a flu­id font size can be tricky. This is the tool I use to make pre­cise flu­id typog­ra­phy with the clamp CSS func­tion.

Ben Cro­ker mea­sures the per­for­mance of a Craft CMS demo site and the impact of using Blitz.

Did you miss Dot All in 2022 in Brook­lyn? Now you can catch up on the ses­sions you missed. You can’t replace meet­ing the peo­ple, unfor­tu­nate­ly.

Adam Argyle has a post on using the View Tran­si­tion API, which is still a canary fea­ture now, to pow­er text tran­si­tion with CSS.

Intro­duc­tion to Web Com­po­nents. This is a paid course, but check out the ​“get­ting start­ed” doc­u­men­ta­tion. It’s a good doc­u­ment all on its own and will teach you a lot about web com­po­nents.

The ZimaBoard is a small hack­able x86 serv­er, but is its ver­sa­til­i­ty a strength or a weak­ness, com­pared to many pur­pose built alter­na­tives?

Cre­ate, edit and save Tail­wind CSS col­or shades based on a giv­en hex­code or pick a col­or from an image.

I wish I could share some addi­tion­al info about this site, but I’ve got noth­ing for you.

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

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

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.

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