🦋david.click

Elon 👎🏻

[🦋david.click @davidwebca]

Account archived. See my posts on Bluesky at https://t.co/NEXraRmFHp 🦋

[jhey ʕ•ᴥ•ʔ @jh3yy]

Animated img carousel 🤙

Use CSS trig functions to get radius and layout images as a cylinder 🤓

Use scroll animation to rotate the cylinder 📜

:root {
--a: calc((360 / var(--total)) * 1deg);
--r: calc((var(--item-width) / sin(var(--a))) * -1);
}

Explained 👇

[🦋david.click @davidwebca]

@innerwebs Too late for me and my business. The damage has been done, I can’t recommend WordPress in good faith anymore.

[Lenis @LenisSmooth]

Lenis v2 is in development.

We're looking for sponsors to help fund the next chapters. In return: visibility on the Lenis website (25K+ monthly visitors) and GitHub readme (15k+ monthly visitors).

If you sell templates, tools, or services to developers and designers who care about scroll craft — this is a huge opportunity to get in front of that audience.

[🦋david.click @davidwebca]

@jaffathecake Marvellous, keep it up! 🤘

[Una 🇺🇦 @Una]

OoooOOooh! Guess what! As of Chrome 149, shape() works in shape-outside!

So you can really *shape* your UI's 😉*

rect() and xywh() are also supported for shape-outside in Chrome 149

*(just let me have my Mom joke)

[🦋david.click @davidwebca]

@jaffathecake The small one that annoys me lately is scroll-driven animations. But I think that’s coming soon right?

[🦋david.click @davidwebca]

@retlehs The bloat is calling from the inside.

[joshpuckett @joshpuckett]

Pica is a fully native app for managing your fonts on MacOS.

Organize into collections, test color themes and logos, watch folders, manage what's installed, and much more.

Available for free at https://t.co/8CqZi0hyIO

[roots.io @rootswp]

🚨 WooCommerce Subscriptions has been silently breaking renewals since 2017. This is a must-read if you use the plugin.

@SybreWaaijer found $43k in lost revenue
@adampreiser estimates $100k lost on one of his smallest stores

Check the thread for queries to run on your own site

[🦋david.click @davidwebca]

@samhenrigold Love the shakeup for Sketch and Figma at the end. We’re definitely at a turning point of some form… still hard to mentally map the future, but one thing for sure: both design tools need to re-affirm their stance and double down on what makes them different and precious.

[sam henri gold @samhenrigold]

https://t.co/7ECK57pDUS

[Karri Saarinen @karrisaarinen]

https://t.co/srw9NQMkH2

[Rasmus Andersson @rsms]

This is really neat but it’s not a design tool as much as it’s a design _production_ tool.

The practice of design is mostly about what comes before production.

There’s no doubt in my mind that all parts of software production will become automated very soon. Writing code, making web pages, putting pieces of a design system together etc.

And that’s fine. I think few people actually enjoy this kind of production work. Wouldn’t it be better if we spent our precious time in life on what is more meaningful?!

At the core, the practice of design is methodical; like architecture, not like art. In a nutshell: We find constraints, form comprehension of the whole and propose solutions that honor those constraints. First after that do we enter some form of production phase, usually prototypes first, learn about some constraints that were hidden before, loop back, prototype and then build the production-grade “final” artifact.

These last few tasks are quickly losing value because AI tools can do it much faster (not yet better though) than humans. It’s simply just what has the best RoI for a business.

Some companies and individuals will continue to spend human time on certain parts of the “production line” as a market differentiator, but it will cost them a relatively high price compared to competitors.

Anyhow, I still haven’t seen a tool better than Figma that supports the actually-interesting part of the design process.

I wouldn’t be surprised if Figma focused their products on that, maybe separating “products for production” of “products for ideation & exploration.” The latter would obviously still leverage AI, but not to do the work for me but rather to support my efforts the way a therapist helps me live a better life (not living my life for me.)

[🦋david.click @davidwebca]

@sanjaygpts @figma Tried the tool and to me it’s just good at generating variations of a design, respects a brand guide, but specifically good at handing off to dev (claude code or not). Don’t think it replaces anything, ppl should buy Figma stocks right now, it’s definitely going to go back up.

[Una 🇺🇦 @Una]

Neat! I can see this being very useful for shape() related things (think clipping masks and border-shape)

[🦋david.click @davidwebca]

@transitapp Well nervermind, consider me confused! It had been a few days that I couldn’t see anything but today it seems to be back to normal. The Get support link was crashing the app hence why I messaged here. Clearly something was wrong on my end!

[🦋david.click @davidwebca]

@transitapp Seems like Quebec City hasn’t been displaying realtime infos for a while anymore. Normal?

[🦋david.click @davidwebca]

@Una I haven’t followed this spec since the beginning. Was it ever considered to do this in reverse by instead bringing canvas-like abilities directly in the normal dom (maybe using the canvas renderer to draw the dom by default)? If so, what are the advantages to do it like this?

[sui ☄️ @birdabo]

🚨SOMEONE REINVENTED HOW TEXT RENDERS ON THE WEB AND ITS ABSOLUTELY INSANE.

the goated dev behind react, reasonML, and midjourney’s frontend, just dropped Pretext. a tiny typescript library that measures and lays out text 500x faster than the DOM.

he trained models against real browser rendering for weeks until the output matched safari, chrome, and firefox exactly.

the demos are insane!! hundreds of thousands of text boxes at 120fps. magazine layouts and chat bubbles that actually wrap right.

engineers from Vercel, Remix, Figma, and shadcn all cosigned. this is the kind of open source that makes you want to be a better dev.

here are some cool demos in the past 24hrs👇

[Cheng Lou @_chenglou]

My dear front-end developers (and anyone who’s interested in the future of interfaces):

I have crawled through depths of hell to bring you, for the foreseeable years, one of the more important foundational pieces of UI engineering (if not in implementation then certainly at least in concept):
Fast, accurate and comprehensive userland text measurement algorithm in pure TypeScript, usable for laying out entire web pages without CSS, bypassing DOM measurements and reflow