Jhey ʕ·ᴥ· ʔ's Avatar

Jhey ʕ·ᴥ· ʔ

@jhey.dev.bsky.social

⚡️ You bring ideas, I show you how to build them 👨‍🍳 Staff Design Engineer @shopify (ex @google, @vercel 🫡) 📚 Making a UI course craftofui.dev 📰 Blog: craftofui.substack.com ❤️ @seaotta.dev

9,673 Followers  |  28 Following  |  722 Posts  |  Joined: 25.04.2023  |  2.2314

Latest posts by jhey.dev on Bluesky

yeah, you can take complete control of the popover positioning and manipulate it how you want to 🤙

06.08.2025 17:03 — 👍 0    🔁 0    💬 0    📌 0
Video thumbnail

🚨💚🤙 BREAKING: Jhey Tompkins to Shopify, here we go! Agreement in place between all parties involved

25.07.2025 23:56 — 👍 135    🔁 0    💬 10    📌 0

"tour du bebe" must go on

11.07.2025 20:23 — 👍 4    🔁 0    💬 2    📌 0
Video thumbnail

little details: hold to confirm signature ✍️

signature playback mirrors the timing of your strokes

not just what you drew, but how you drew it, retaining the feel and personality

11.07.2025 19:54 — 👍 59    🔁 2    💬 2    📌 0

Think the mini would be too small imo, it would get frustrating having to multi tap to get to things

Like, my editing workflow would go beyond the mini buttons tbh

10.07.2025 21:55 — 👍 0    🔁 0    💬 1    📌 0

jus the standard one - does the trick
mainly use it for:
- kaomoji board
- lights
- stream scenes
- video editing

it's like a physical Raycast 😅

10.07.2025 20:49 — 👍 1    🔁 0    💬 1    📌 0

no problem 🤙 it's a good one to browse and get ideas from

10.07.2025 04:05 — 👍 2    🔁 0    💬 0    📌 0

deadsimplesites.com

10.07.2025 03:17 — 👍 2    🔁 0    💬 1    📌 0
Video thumbnail

SVG filters provide a basic lighting system you can sync with a little JavaScript and use in your web apps 💡

... not as powerful as MacOS implementation but pretty cool

08.07.2025 20:46 — 👍 532    🔁 47    💬 13    📌 9

this 💯 brew then run script then profit 😅

08.07.2025 20:40 — 👍 1    🔁 0    💬 0    📌 0

touché – it's actually brew that gets installed first, then Raycast to run the scripts lol

08.07.2025 19:04 — 👍 1    🔁 0    💬 0    📌 0
Video thumbnail

you can just <select> things 🧑‍🍳

custom select with CSS (progressively enhanced)

select {
&,
&::picker(select) { appearance: base-select; }
}

08.07.2025 18:11 — 👍 83    🔁 4    💬 4    📌 0
New Macbook Pro box sitting on Jhey's desk

New Macbook Pro box sitting on Jhey's desk

obligatory "new role, new macbook" post

wHAt dO i inSTaLl fiRsT?
i jus' run a node script and it does it all for me 🧑‍🍳

08.07.2025 18:10 — 👍 26    🔁 0    💬 7    📌 0

it was implemented but the caveat was that it doesn't support the display property (not overlay by assumption) which is arguably the most critical property to support

05.07.2025 15:15 — 👍 0    🔁 0    💬 0    📌 0

dam – the crbug was Mar 30th 2023 🥲
time moves

03.07.2025 19:43 — 👍 4    🔁 0    💬 0    📌 0
Video thumbnail

css cyber[popover] 2025 w/ sfx

jus' javascript for the audio and keyboard shortcuts — [popover], starting-style, linear(), and mask for the rest 🤙

03.07.2025 19:42 — 👍 70    🔁 7    💬 1    📌 0

chat, i'm the "extra" things 🥲

03.07.2025 19:40 — 👍 4    🔁 0    💬 0    📌 0

was one of the first things i wanted to do with Anchor Positioning when we started experimenting with it

glad i raised that transition issue early days because it's cool seeing people discover this use case

bsky.app/profile/jhey...

03.07.2025 19:34 — 👍 16    🔁 0    💬 2    📌 1

not a bug per se, but would love to see Firefox implement starting-style for display

unlocking entry/exit animation for popover on all the major engines would be fantastic

sure I have a bunch of other requests too ha

03.07.2025 11:46 — 👍 4    🔁 0    💬 1    📌 0

Thank you Dean, I hope so too ❤️🙏

27.06.2025 14:46 — 👍 2    🔁 0    💬 1    📌 0
Post image Post image Post image Post image

happy birthday to my absolute world @seaotta.dev 🫶

~3 years ago, went to speak at a conference in leeds, the rest is history

27.06.2025 13:49 — 👍 60    🔁 1    💬 1    📌 0

❤️

23.06.2025 18:59 — 👍 0    🔁 0    💬 0    📌 0
A card element on the CodePen site shows the header of Jhey's CodePen profile. The text on the card reads "Jhey Tompkins, Most Hearted Member. The inimitable master of front-end whimsy, Jhey Tompkins, has the highest total heart count of all CodePen members. An absolute treasure of the web development community, Jhey has been "Bringing ideas to life with code!" on CodePen since 2016.

A card element on the CodePen site shows the header of Jhey's CodePen profile. The text on the card reads "Jhey Tompkins, Most Hearted Member. The inimitable master of front-end whimsy, Jhey Tompkins, has the highest total heart count of all CodePen members. An absolute treasure of the web development community, Jhey has been "Bringing ideas to life with code!" on CodePen since 2016.

thank you all – building on CodePen has truly changed my life and shaped my career in ways never imagined

23.06.2025 17:43 — 👍 91    🔁 2    💬 4    📌 1
Video thumbnail

had to try CSS filter + SVG glass displacement on webcam input – crank saturation for cheap gold ✨

23.06.2025 11:59 — 👍 112    🔁 9    💬 3    📌 1

got a bunch of these on CodePen in different styles - if you have a design, would be happy to whip up a prototype 🤙

19.06.2025 16:29 — 👍 1    🔁 0    💬 1    📌 0
Video thumbnail

spray paintin' in figma 🤙

18.06.2025 22:02 — 👍 19    🔁 0    💬 0    📌 0

the gradients 😍

18.06.2025 11:52 — 👍 4    🔁 0    💬 0    📌 0

configurable chromatic aberration with SVG ✨

16.06.2025 00:14 — 👍 85    🔁 8    💬 1    📌 0

it's way off — but if it helps someone grok what displacement maps do, i'll be happy 🫶

12.06.2025 02:51 — 👍 3    🔁 0    💬 0    📌 0
Video thumbnail

havin' a play with: backdrop-filter: url(#glass);

Gecko/Webkit 🙏

12.06.2025 01:47 — 👍 182    🔁 20    💬 5    📌 4

@jhey.dev is following 20 prominent accounts