Matthew Lein

Welp *slaps knee* better get on my way now. 🦋 really hit a critical mass recently, come join us, it's really nice! bsky.app/profile/matthe…

@RoyDigerhund 15ish years ago, these were known as Penner easing, created by Robert Penner. The mathematical source of truth is here robertpenner.com/easing/ They were a staple in the flash days and then into JS. For CSS I tried to match sampled output and visuals. Good Enough but not perfect

Does anyone know where the definition of bezier easing curves is coming from? A lot of easing curve generators are using the same or similar values for curves like Cubic, Expo, Circular and Back but I couldn't find a source of truth. For example, the curve Circular is often described as "a quarter of a circle" but looking at the curves from common easing generators, it doesn't look like a quarter of a circle at all. And more importantly, the curve is not the same for ease in and ease out, as seen in the picture. @merittthomas @lochieaxon @matthewlein does one of you (as creator of some of the easing curve generators) know where the values are coming from? Or someone else?

@rauchg @nextjs @Shopify Try updating your checkout to the now required one-page checkout/extensibility checkout. The UX for headless stores is significantly worse

This is a fully dynamic, server-rendered @nextjs app router + headless @shopify storefront. Zero client / CDN page caches, fully personalized, feels as though it was local-first. Try it for yourself!

After months of training, Copilot finally understands how I write classes.

I’m discussing code changes in my pull request with a robot. I love 2023

Wow, ChatGPT makes hiring much much more difficult and time consuming.

TIL safari does not like top: -99999% in some weird cases It’s ok with -59999% though so we’re cool

@ronderksen “It does exactly what it says, it used to be a, now its b”

My vote for most absurd JS method name: atob() Close second for btoa() developer.mozilla.org/en-US/docs/Web…

TIL js has or equals (||=) and nullish equals (??=) operators. developer.mozilla.org/en-US/docs/Web…

Around this time, 20 years ago, I published my first website—a band page on a free cjb.net subdomain, awful flash animation and all.

@snorklTV the braid design system uses :before and :after with neg margins to trim all whitespace above and below text using some crazy calculations. For a single font scenario you can hack something together using a similar approach codepen.io/matthewlein/pe… twitter.com/markdalgleish/…

Dearest #frontEnd Specialists I need some #css help. Do you know of a flexible solution to get the parent's height to visually match the height of the child characters? Need red border tight around letters. Thanks! Demo: codepen.io/snorkltv/pen/r… #webdeveloper #100daysOfCode

YIL: On m1 macs, you need to install older versions of node (<15) using shell sessions(?) that are launched in rosetta, or they will be crazy slow. Here's helped me: jurnalanas.com/node-js-mac-m1/

@desandro Will this settle the Mahrio maryio debate?

Will a billion dollar industrial complex understand the core tenet of a 40y/o video game franchise — that characters and storylines are window-dressing in service of the ultimate quality, gameplay — or will they cast big movie leading man as a mustachioed Italian plumber?

And now reflecting on how dev has changed in 10 years...its so good now! Sure I have issues like everyone, but overall its amazing. All the browsers are evergreen. I barely ever have to check cross browser issues. CSS layout is so so much better. So good.

10 years ago today, I opened my first PR on a public open source library (adding touch events to a jQuery plugin). Sadly, it sat without author comment for all 10 years of its life. I did help at least 1 person, so I guess it was mission accomplished.

@davatron5000 Would 1 or 2 uniq indexes based those ids work? Not sure if uniq indexes are would care about order or not but you could find out

@danrodneytweets @Adobe @Photoshop 🤡

I just noticed the latest Photoshop update really dumbed down the “Export As” JPEG quality. As pro software, @Adobe @Photoshop should offer us pro control, not consumer grade basics. Add your thoughts here feedback.photoshop.com/conversations/…

@desandro Is your compile time really 2 minutes?

Every layer of abstraction adds to the overhead. For example, you may gain 1 min catching type errors, but you lose 2 min waiting for compilation

Writing TypeScript is like brushing your teeth with a broom

@desandro Dreamweaver was an image map boss

Have you ever created an image map?