Link List

save this tip for your next job appli­ca­tion

Bun is sta­ble and ready for pro­duc­tion.

Exten­sion for Visu­al Stu­dio Code — High­light web col­ors in your edi­tor

Tram-Lite is a lite javascript and HTML library that helps devel­op­ers build native web com­po­nents and makes build­ing sim­ple native web appli­ca­tions eas­i­er and more ele­gant.

A light­weight emo­ji pick­er web com­po­nent for the mod­ern web.

A javascript scroll­bar plu­g­in that hides native scroll­bars, pro­vides cus­tom styleable over­lay scroll­bars and keeps the native func­tion­al­i­ty and feel­ing.

Enter an SVG path data (the string inside the d attribute) to visu­al­ize it and dis­cov­er all its dif­fer­ent com­mands.

Encode SVGs eas­i­ly to more eas­i­ly style them with CSS and JS.

Exten­sion for Visu­al Stu­dio Code — Dis­play import/​require pack­age size in the edi­tor

Flu­id respon­sive design. Utopia is not a prod­uct, a plu­g­in, or a frame­work. It’s a set of free tools to sup­port your next Utopi­an project.

Fontjoy helps design­ers choose the best font com­bi­na­tions. Mix and match dif­fer­ent fonts for the per­fect pair­ing.

The era of cus­tom ele­ments SSR is upon us. Let’s take a look at how to spin up a sim­ple Node serv­er and use cus­tom ele­ments as tem­plates in three pop­u­lar for­mats, and what this means for the future of web com­po­nents.

Learn how to migrate a fron­tend app from Web­pack to Vite, includ­ing why you should do it, and how to install Vite and update plu­g­ins.

A curat­ed list of snip­pets to get Web Per­for­mance met­rics to use in the brows­er con­sole or as snip­pets on Chrome Dev­Tools.

An open-source imple­men­ta­tion of Microsoft­’s VALL‑E X zero-shot TTS mod­el. The demo is avail­able at https://​plach​taa​.github​.io

Screen record­ing soft­ware for Mac. Although I have Cam­ta­sia already, this is one I want to look into.

A repo of a ​“fan­cy” GitHub pro­file.

A few inter­est­ing CSS find­ings from the threads app by Meta.

Com­link makes Web­Work­ers enjoy­able. Con­tribute to GoogleChromeLabs/​comlink devel­op­ment by cre­at­ing an account on GitHub.

Async await wrap­per for easy error han­dling with­out try-catch — scop­sy/await-to-js: Async await wrap­per for easy error han­dling with­out try-catch

Every time I invite a new per­son to Bluesky, I feel like I have to explain a lot of things about what it is, its cul­ture, and how to use it, so in order to cir­cum­vent some of that, I’ve writ­ten this…

Email clients have quirks that force you to use

A check­list for pub­lish­ing web com­po­nents to npm. This check­list attempts to max­i­mize com­pat­i­bil­i­ty, stan­dards com­pli­ance, flex­i­bil­i­ty, and use­ful­ness to your users.

Bring your favourite Mastodon apps and use them with Bluesky!

A cheat sheet for learn­ing the basics of Lit, the JavaScript library for build­ing web com­po­nents.

Bluesky data on users and fol­low­ers.

Add addi­tion­al val­ue to your data with the pow­er of Ope­nAI embed­ded in your data­base. Eas­i­ly build a Q&A bot to answer ques­tions in your web­site, appli­ca­tion, doc­u­men­ta­tion or knowl­edge base.

Learn the key dif­fer­ences between inter­faces and type alias­es in Type­Script, includ­ing their use cas­es and impor­tant fea­tures to con­sid­er.

Real-time client for Bluesky.