jhey.dev
⚡️ You bring ideas, I show you how to build them
👨🍳 Staff Design Engineer @ ??? (ex @google, @vercel 🫡)
📚 Making a UI course craftofui.dev
📰 Blog: craftofui.substack.com
❤️ @seaotta.dev
694 posts
9,415 followers
29 following
Getting Started
Active Commenter
comment in response to
post
it's way off — but if it helps someone grok what displacement maps do, i'll be happy 🫶
comment in response to
post
and it's one of the best things i ever did
comment in response to
post
sometimes there are signs that british humour doesn't always get through still via text 🥲
comment in response to
post
dreaming about returning home to me isn't that unhinged imo
comment in response to
post
thank you sir 🙏
comment in response to
post
thanks - oh I'm sure of it 😅
comment in response to
post
it kinda worked out though – looks like a nice poem haha
comment in response to
post
thanks Luke 🙏 sure it'll have me proddin' you with some standards questions here and there haha
comment in response to
post
really wasn't on the bingo card but super happy it came about 💯
comment in response to
post
thanks Jon 🙏
comment in response to
post
i'm sorry – i did the thing 😅
even though all my paperwork is signed off, it won't feel real until i've started ha
comment in response to
post
honestly real excited for this one – it kinda came out of the blue when it was least expected 😅
comment in response to
post
that's never a bad thing 💯
also looking forward to more opportunities in that space for the new role - better aligned for sure 🙌
comment in response to
post
🫣🥹❤️
comment in response to
post
thanks adam 🙏 real lookin' forward to it
hope you're doin' well, still check in to see what you're up to on the ole 'pen 😁
comment in response to
post
thank you sir – lookin' forward to it
got a nice little break to pamper @seaotta.dev now 😅
comment in response to
post
get searchin' 😁
source.chromium.org
comment in response to
post
p.s although i love the novelty of creating the actual toggle, the actual process of avoiding FOUC, etc. always feels "meh"
comment in response to
post
always user choice IME/IMO – that said, almost lean towards not even having theme toggles in sites and jus' letting it lean into color-scheme these days
if someone needs "reader mode" - can provide that as a different option with better legibility (sometimes people prefer light mode for reading)
comment in response to
post
Ha - HBO baseline
comment in response to
post
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)
}
comment in response to
post
one current thing i like to do is rubber-duck a11y implementation ideas back and forth to see what it comes up with in terms of nuances etc.
was having this conversation earlier with someone about how it is still very much on the driver
the danger of AI is it can amplify habits, good or bad
comment in response to
post
I don't use an AI powered IDE or anything
but I like the idea of AI powered design collab tools to get ideas off the ground if that makes sense
comment in response to
post
think we have the same sentiments - with AI, it's great for assisting me on things I can do but want to save time (data manipulation scripts, etc.) where there are binary right/wrong results
but when there's nuance, I'm not keen
comment in response to
post
haha - it's a super power when you think about it though? 😉
humility in design is golden – have you tried any AI tools to help out with things?
comment in response to
post
for real – find this level of design super fascinating
it makes me question things every time I'm putting together an icon or something
comment in response to
post
yeah - it's like the O being larger on purpose, right?
thing I don't get here is that the B alignment is so minuscule that it could almost be believably unintentional 😅
comment in response to
post
suppose i'll start working on a vc backed SAAS revolving around worldwide pickle distribution 💀
comment in response to
post
i'm here for it – this on a card 😅
comment in response to
post
hahaha - via one of my sporadic check-ins on BlueSky... whoah! daddy!
comment in response to
post
p.p.s i had to go look up Maury as they didn't take off quite as much as Jerry this side of the pond ha
comment in response to
post
p.s thanks 🙏
comment in response to
post
haha – i'll save the web development related replies for later down the line 🤞
comment in response to
post
honestly, i sat thinking about what i could reply with. and this, in the end, was the best i could come up with
comment in response to
post
whoah 🌱
comment in response to
post
i believe
comment in response to
post
here's the @codepen.io 🚀
codepen.io/jh3y/pen/vEE...
comment in response to
post
what are you deep diving on this time? 🤓
yeah, lowering the perspective down to closer the card size will increase that depth but if you want more jump, the z-axis is where it will be 💯
know those feels, been copywriting the course landing page and keep iterating 🧑🍳
comment in response to
post
depth could purely be a matter of perspective or yo-yoing the z axis whilst using individual transform properties or animation-composition 🤙 - got a bunch of animated card demos like this in the demo repo
comment in response to
post
"chuffed" - it's official lads... one of us.
comment in response to
post
if you're not consuming some Percy merch before leaving the premises, do you even Percy?
comment in response to
post
we already drank some in the M&S car park last year 💀😅
comment in response to
post
i have lots of nice photos of you 👀