jhey ʕ•ᴥ•ʔ
@jh3yy
Followers
135K
Following
47K
Media
6K
Statuses
45K
⚡️ you bring the ideas, I show you how to make them 👨🍳 Staff Design Engineer @shopify (ex @google, @vercel) 📚 course waitlist 👉 https://t.co/DtDQ0KAxsi
Null Island
Joined March 2014
"The Impossible Checkbox 🐻" Now with sound! 🔊 ⚒️ @reactjs && @greensock 💻 https://t.co/qkPJD84h8S via @CodePen
222
1K
9K
I have a great team
I have a great team
2
1
31
preview 👇 https://t.co/Wgz6CtTg4u
@Dayhaysoos not 100% sure how useful it will be 😬 it's basically HTML files all the way, and because there are 1000s of them, it's tricky to go in and be like "add links to source on all of them", etc. 🤔 might make for a cool random iframe viewer window though 🧑🍳
1
1
42
wild to see how things evolve in a short space of time checkin' demos from like 2022, etc. and some are very "rough", before that, all sorts of colors, etc. 😅 gonna be cool to browse, but also so many opportunities for refreshing old demos ✨
3
0
35
It’s Time to Lead: America Needs to Get Serious About Plastic Recycling "Will the United States fall behind in recycling innovation or lead the world in transforming plastic waste into economic opportunity?"
8
5
41
current status: migrating 1000s of demos so you can browse them on my site 🧑🍳
16
6
542
this one was a request/challenge from @ridd_design that i talked myself into 🙏😅
1
0
19
Please click onto the image to hear news and commentaries
0
4
14
essentially this is what you can do for a scroll-triggered animation 🧑🏫 either: ��� use the container query for "stuck" and trigger a transition – fallback to a think "sentinel" element and trigger the transition with IntersectionObserver 👨🍳 https://t.co/Lez4CDyGU2
no support? use a thin "sentinel" element that you watch with IntersectionObserver to toggle attribute styling 🤙 if (!CSS.supports('container-type: scroll-state')) { new IntersectionObserver(([e]) => { root.dataset.stuck = !e.isIntersecting }).observe(sentinel) }
0
0
30
interactions like these will become even easier when CSS scroll-driven animations land cross browser 👨🍳 until then — few lines of JS and a well-timed transition can do everything you need ✨ https://t.co/EBWvmFgisQ
9
40
730
Amboy’s own Alvin Cailan just dropped a “Touchdown Chicken Dip” that goes crazy on a Wheat Thin. Pull up to Family Style Food Fest LA on 9/13 to try this and four more custom recipes. Sponsored by @WheatThins
3
1
14
honestly – went searching for an old post of mine on here and ended up going down an archive of all sorts of demos i'd completely forgotten about 😅 (like this one above 🤦♂️) some could make for great lessons 💯
0
0
10
p.s jus' thought this was an interesting one to share because whenever someone brings up will-change, i never have a good example of it causing issues instead of helping them 🥲 for this example, everything worked in Chrome and Firefox but Safari was the one that played up 🤙
1
0
11
Builders first. ☝🏼 Startup Central is your shop floor: CNC, electronics, welding, real production.
6
22
35
and this is still a last resort 🙏 a lot of the time you can avoid issues by restructuring your solution and thinking it through for this one above 👆 i went back on my idea and hoisted the effect onto a different element in different stack and it fixed it all 🙌👨🍳
1
0
21
CSS "will-change" is not always the answer – sometimes it can make things worse reach for "transform: translateZ(0)" and give that a try if you're having issues with motion 👨🍳
16
35
772
you do not need to buy a course to build great UI 🫣 (that includes mine)
13
7
304
