Max Yinger

166 posts

Max Yinger banner
Max Yinger

Max Yinger

@maxyinger

UI Engineer who dips his toes in Realtime 3D ° Interaction ° Perf ↳ DENG @shopify (ex @_hex_tech)

Colorado, USA Katılım Eylül 2019
742 Takip Edilen317 Takipçiler
jhey ʕ•ᴥ•ʔ
jhey ʕ•ᴥ•ʔ@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)
English
35
109
2.1K
114.9K
Andy Allen
Andy Allen@asallen·
@Gavmn Yes! Apps slowly catching up to 1990's video game tech ;)
English
1
0
3
506
Andy Allen
Andy Allen@asallen·
Tech would be a better place if we all used a lot more N64 references.
English
10
4
65
6.2K
JohnPhamous
JohnPhamous@JohnPhamous·
emphasize deep-linked section on load - css-only, uses `:target` and `:has`
English
5
1
192
13.2K
Max Yinger
Max Yinger@maxyinger·
@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?
English
0
0
0
39
JohnPhamous
JohnPhamous@JohnPhamous·
optically align icon
JohnPhamous tweet media
English
10
10
279
18.3K
JohnPhamous
JohnPhamous@JohnPhamous·
inspired by @colebemis, gonna fix a papercut a day to get familiar with the codebase day 1
JohnPhamous tweet media
English
11
4
242
40.3K
Joe Bell
Joe Bell@joebell_·
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
Joe Bell tweet mediaJoe Bell tweet media
English
8
2
111
25.1K
ty
ty@tjcages·
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.
English
15
7
284
28.7K
ty
ty@tjcages·
i mean how could you not love doing custom svg animations for everything
English
23
22
904
28.2K
James McDonald
James McDonald@jamesm·
🔥 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 😮‍💨😮‍💨😮‍💨
English
31
7
338
26.4K
Max Yinger
Max Yinger@maxyinger·
@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
English
0
0
2
140
Ridd 🤿
Ridd 🤿@ridd_design·
Alright these Dia footer is pretty awesome 😍
English
24
22
865
47.2K
Emil Kowalski
Emil Kowalski@emilkowalski·
Did some `rotateX()` animations for the latest agents page at Linear
English
15
17
740
32.1K
Davo
Davo@pixelbeat·
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.
English
4
1
54
1.9K
rauno
rauno@raunofreiberg·
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.
English
5
5
169
21K
Max Yinger
Max Yinger@maxyinger·
@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?
English
1
0
1
206
Max Yinger
Max Yinger@maxyinger·
@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
English
1
0
3
228
ᴇᴅᴀɴ ᴋᴡᴀɴ
ᴇᴅᴀɴ ᴋᴡᴀɴ@edankwan·
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…
English
3
4
73
4.3K
Jacob
Jacob@fat·
@maxyinger lmfao – my primary goal is to blow up, and get tim to cameo one of these videos
English
1
0
1
115
Jacob
Jacob@fat·
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.
English
31
25
237
61K