jhey ʕ·ᴥ·ʔ :verified:

⚡️ Showing you how to bring ideas to life with code
💼 Senior DX Engineer @Vercel

jhey ʕ·ᴥ·ʔ :verified:jhey@front-end.social
2025-01-22

@tl hey 👋 not really and not for a long time

struggle to post in more than one place 💀

jhey ʕ·ᴥ·ʔ :verified:jhey@front-end.social
2024-12-08

@freddy instead of any comment about the post content, we decided to leave a nit about a typo in the very last paragraph..😔

jhey ʕ·ᴥ·ʔ :verified:jhey@front-end.social
2024-07-10

@Cylis Ahh - Thank you so much! 🤙 Glad we found a way to get all those things on the stage 😁

jhey ʕ·ᴥ·ʔ :verified:jhey@front-end.social
2024-06-10

@cobra_winfrey 4 years ago 🥲 Needs updating for sure 😅

jhey ʕ·ᴥ·ʔ :verified:jhey@front-end.social
2024-06-10

@cobra_winfrey Gosh - This takes me back! 😅

Was the 1st thing I wanted to build with ScrollTrigger. Doesn't hold up great but was a fun proof of concept at the time!

codepen.io/jh3y/pen/RwraKYZ

jhey ʕ·ᴥ·ʔ :verified:jhey@front-end.social
2024-05-26

@nickcolley @murtuzaalisurti

This 💯 You could use an anchor to scroll back to a skip link and rely on scroll-behavior: smooth. Then you won't need a script and it works for everyone. Can even do the reveal style with CSS alone 🤙

margin-top: 110vh;
position: sticky;
bottom: 2rem;

jhey ʕ·ᴥ·ʔ :verified:jhey@front-end.social
2024-05-24

@rachsmith love it 😅

Only recently started watching Seinfeld. Part of me envisions a line of Seinfeld and then you bump them to sine layout and the image changes to waving 😅

Thank you for this. Put a smile on my face!

jhey ʕ·ᴥ·ʔ :verified:jhey@front-end.social
2024-03-20

@Kilian @michelle One of the selectors I presented last year 🙃

:root:has([id*=from]:checked):has([id*=to]:checked):has(td:is(:hover, :focus-within))
tr:hover:has([id*=from]:checked)
td:is(:hover, :focus-within):has(~ td > [id*=from]:checked) ~
td:has(~ td > [id*=from]:checked)

jhey ʕ·ᴥ·ʔ :verified:jhey@front-end.social
2024-01-19

@seaotta Make another one with the Tailwind Config for it 😎

jhey ʕ·ᴥ·ʔ :verified:jhey@front-end.social
2023-10-12

@mattwilcox @andy @seaotta You're welcome to your opinion of course.

However un-nested styles and their legibility are subjective. Depends on how you author them 😉

Fwiw – Nesting has popped up a few times in Andy's replies.

jhey ʕ·ᴥ·ʔ :verified:jhey@front-end.social
2023-10-12

@mattwilcox @andy @seaotta

Haha – You do you! To me, SCSS nesting is a different thing.

I was a long-time SCSS/Stylus nester. Only gotta look at some of my old CodePens. But, when I went to Google, and whenever I'd create articles, etc. the vanilla unnested CSS is what people want as it's easier to understand without making assumptions about the audience. So I shifted away from it and haven't missed it. In fact, it makes me think about my choices more.

jhey ʕ·ᴥ·ʔ :verified:jhey@front-end.social
2023-10-12

@andy @seaotta Nesting? Yeah, still baffles me how much blood, sweat, and tears have gone into that. I'm honestly not sure I'll use it much. And when I see snippets with it, I almost think it causes more confusion 😅

jhey ʕ·ᴥ·ʔ :verified:jhey@front-end.social
2023-10-12

@seaotta @andy

For me, the amount of effort that has gone into nesting vs the amount of value it brings... Whereas a property like form/input/field-sizing: content provides a solution to a historical problem.

Layers not having an elegant fallback feels off. If they fail, no styles.

Do we think people will use @ scope a bunch? Not sure.

Open UI stuff is good. Focus on things that have big value. Wish more time was spent on improving things that exist. Still can't style a resize handle.

jhey ʕ·ᴥ·ʔ :verified:jhey@front-end.social
2023-10-07

Little update. This week was my first week at Vercel ▲

Joined as a Senior DX Engineer 🖤

This was the type of role and company I was looking for. Feeling very grateful for getting to work with a super talented && inspiring bunch of people. Couldn't be happier.

Side note: Managed to get 4 PRs in for my first week 🙌

p.s I do still drop in here occasionally

jhey ʕ·ᴥ·ʔ :verified:jhey@front-end.social
2023-09-28

@brianleroux

Great write up! 🤙

I do enjoy the double iframe technique 💯

So overlooked. Was talking about it earlier for doing MPA overlays for my slide deck. Easy to forget all the things we have available to us on the platform some times.

jhey ʕ·ᴥ·ʔ :verified:jhey@front-end.social
2023-09-28

@simevidas @hi_mayank

That's how I would think of it. Personally a fan of @heydon's take on Tabbed UI 👏

inclusive-components.design/ta

jhey ʕ·ᴥ·ʔ :verified: boosted:
2023-08-04

dev.to/jh3y/parallax-powered-b - #CSS properties that follow cursor movement to create awesome 3D #parallax effects. Great CodePens @jhey.

jhey ʕ·ᴥ·ʔ :verified: boosted:
2023-06-10

Proudly presented by Bitterballen™, the official snack of CSS developers #csscafe #cssday

A plate of bitterballen, the lobotomized owl selector sticker in front
jhey ʕ·ᴥ·ʔ :verified:jhey@front-end.social
2023-06-10

@andy @heydon He was a gentleman for our first date 😅

jhey ʕ·ᴥ·ʔ :verified:jhey@front-end.social
2023-06-10

@mxbck Great to meet you Max! 💙

Client Info

Server: https://mastodon.social
Version: 2025.04
Repository: https://github.com/cyevgeniy/lmst