Link List

This util­i­ty ana­lyzes a GIF ani­ma­tion. It shows the file size, dimen­sions, dura­tion, num­ber of frames, loop count, col­ors, and oth­er GIF prop­er­ties. It’s free and entire­ly brows­er-based. Gifab­u­lous!

Replace the share sheet with a more rich and user friend­ly expe­ri­ence

The open source Zapi­er alter­na­tive. Build work­flow automa­tion with­out spend­ing time and mon­ey.

Your friend­liest open-source automa­tion tool. Work­flow automa­tion tool / Enter­prise automa­tion tool / Busi­ness automa­tion tool / Zapi­er Alter­na­tive

Ruck­ing is effec­tive, acces­si­ble, and requires lit­tle equip­ment. That means you can start right now, change your body

Mak­ing your Type­Script npm pack­ages acces­si­ble and usable by a wider audi­ence.

Who will design the next gen­er­a­tion of read­able, writer­ly web lay­outs? Who will design them? Lay­outs for sites that are most­ly writ­ing. Designed by peo­ple who love writ­ing. Where text can be engag­ing even if it isn’t off­set by art or pho­tog­ra­phy. Where text is the point. With well-con­sid­ered flex­i­ble type­set­ting, mod­u­lar scal­ing, and read­able mea­sures across a full range…

It is dif­fi­cult for a user to under­stand a date when they are not aware of the con­ven­tion. The most obvi­ous exam­ple is, for instance, 05/04/2021 —the US cit­i­zen will read it as the 4^th of May, but for cit­i­zens of oth­er coun­tries, it means the 5^th of April (when I was a child in my coun­try, the same date would be writ­ten as 5IV2021).

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

Devel­op­ers and Open Source authors now have a mas­sive amount of ser­vices offer­ing free tiers, but it can be hard to find them all to make informed deci­sions.

Free and lib­er­at­ed ebooks, care­ful­ly pro­duced for the true book lover. Down­load free ebooks with pro­fes­sion­al-qual­i­ty for­mat­ting and typog­ra­phy, in for­mats com­pat­i­ble with your eread­er.

A faster youtube embed. Con­tribute to paulirish/lite-youtube-embed devel­op­ment by cre­at­ing an account on GitHub.

In the ever-evolv­ing land­scape of JavaScript, stay­ing up-to-date with its lat­est fea­tures is cru­cial… Tagged with javascript, iter­a­tors, async.

A Tail­wind CSS plu­g­in to gen­er­ate util­i­ty class­es for inter­po­lat­ed flu­id type and space scales based off utopia.fyi — cws­dig­i­tal/­tail­wind-utopia: A Tail­wind CSS plu­g­in to gen­er­ate util­i­ty class­es for inter­po­lat­ed flu­id type and space scales based off utopia.fyi

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.