Max Yinger

Hodgepodged this 🤏lil lander together with boogers & hotdogs. Built on top of: - @pmndrs - @lygia_xyz - @N8Programs - @threejs - @nextjs Typefaces: - Arbeit Pro & Arbeit Technic → @studio_few - Inline → @lettersfromswe 👇👇👇 Link below

@jh3yy 🔥

cursor tracking on 3D CSS surfaces 👨‍🍳 inverse projection mappin' to calculate proximity in 3D space and apply an eased 0-1 value 🤙 the key: measuring the 4 corners, check the reveal 👇 (ideal for 2D canvas w/ 3D transforms)

@asallen @Gavmn here's some awesome cloth simulation content from @Anemolito if you haven't already checked it out offscreencanvas.com/issues/interac… offscreencanvas.com/issues/cloth-s… love the elastic morty adult swim reference in there too adultswim.com/etcetera/elast…

@Gavmn Yes! Apps slowly catching up to 1990's video game tech ;)

Tech would be a better place if we all used a lot more N64 references.

@JohnPhamous 🔥

emphasize deep-linked section on load - css-only, uses `:target` and `:has`

@JohnPhamous @oguzyagizkara I normally try to find the center of gravity, then center that point. I think it actually gets you the same positioning as you have here, I wonder how border-radii effect the cg tho?

@oguzyagizkara do you think it's cause of the lockup with the other ones?

optically align icon

@JohnPhamous @typicalmitul lol that one took me a second to find. nice 😎

@typicalmitul day 8

inspired by @colebemis, gonna fix a papercut a day to get familiar with the codebase day 1

stoked.

@joebell_ @PixelJanitor @jamesm 🙇

Graduated from the @PixelJanitor and @jamesm school of `background-clip: padding-box`

We just started the Give a Damn™ initiative at operate.so — dedicated time to sweat the details Kicking things off by making our borders ˗ˏˋ pop ˎˊ- before → after

@tjcages Just teasing us with the script behind lol Also saw this the other day if it helps with syntax highlighting on that script: x.com/shuding_/statu…

my least favorite thing in the world is making sites responsive for short screen sizes (usually macbook airs or chunky chrome tabs) so instead I created a script that automatically zooms the window out looks way better than vertically scaling content, losing whitespace, etc.

@tjcages 🔥

i mean how could you not love doing custom svg animations for everything

@jamesm @clerk @bradlc so good. 🤤

🔥 One of the last projects I worked on @clerk was to redesign the components section on the homepage. I absolutely love how this turned out! Big props to @bradlc you nailed it with this 😮‍💨😮‍💨😮‍💨

@ridd_design so dope. same technique as the light to dark transition under the social proof on superpower: superpower.com Love seeing a new take on it

Alright these Dia footer is pretty awesome 😍

@emilkowalski 🔥

Did some `rotateX()` animations for the latest agents page at Linear

@pixelbeat Awesome talk 🙌

In a few hours I'll be going on stage 2 @ #Config2025 My talk "The Endless Canvas: Figma, 2D pixels & 3D shaders" is about my journey building a bridge between 2D & 3D, using the Figma Rest API, Cloudflare & building WIP experiments with Geometry using #threejs. It's a reflection about how I learn to trust an open-ended process w/code journaling and giving myself permission to explore.

@MaximeHeckel with the happiest vUvs in the biz 🫶 #config25

@raunofreiberg @lochieaxon 🙇‍♂️. Lol. Thank you!

@maxyinger @lochieaxon motion.dev/docs/css

I know we have linear() in the browser now for spring animations, but sadly the API is not ergonomic at all and the motion is not truly fluid. Springs from motion/react work a lot better because they don't use a fixed duration and can smoothly arc to another position.

@raunofreiberg @lochieaxon I wonder if there's already some built in support for this in motion that's just not exposed in the documentation. Like it's gotta be in there with the WAAPI support right?

@raunofreiberg @lochieaxon +1 I end up going back and forth a lot too. end up using this one sometimes too to be able to generate with perceptual duration and bounce. But yea I've been looking for a js based linear easing generator but haven't found one. kvin.me/css-springs

@edankwan woah.

Now you can generate a documentation-like wiki page of your github repo in one click with DeepWiki. And you can ask Devin about the repo. 👌 Here is an example of the WebGL Scroll Sync Repo we released not long ago: deepwiki.com/lusionltd/WebG…

@maxyinger lmfao – my primary goal is to blow up, and get tim to cameo one of these videos

ALRIGHT. WHAT IS PIERRE [dot] CO??!??! One of our users in discord asked me to make a video they could share with their colleagues……… turns out im still either the best or worst at video.