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@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
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🚨💚🤙 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 📌 0little 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
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
jus the standard one - does the trick
mainly use it for:
- kaomoji board
- lights
- stream scenes
- video editing
it's like a physical Raycast 😅
no problem 🤙 it's a good one to browse and get ideas from
10.07.2025 04:05 — 👍 2 🔁 0 💬 0 📌 0deadsimplesites.com
10.07.2025 03:17 — 👍 2 🔁 0 💬 1 📌 0SVG 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
this 💯 brew then run script then profit 😅
08.07.2025 20:40 — 👍 1 🔁 0 💬 0 📌 0touché – it's actually brew that gets installed first, then Raycast to run the scripts lol
08.07.2025 19:04 — 👍 1 🔁 0 💬 0 📌 0you can just <select> things 🧑🍳
custom select with CSS (progressively enhanced)
select {
&,
&::picker(select) { appearance: base-select; }
}
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 🧑🍳
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 📌 0dam – the crbug was Mar 30th 2023 🥲
time moves
css cyber[popover] 2025 w/ sfx
jus' javascript for the audio and keyboard shortcuts — [popover], starting-style, linear(), and mask for the rest 🤙
chat, i'm the "extra" things 🥲
03.07.2025 19:40 — 👍 4 🔁 0 💬 0 📌 0was 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...
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
Thank you Dean, I hope so too ❤️🙏
27.06.2025 14:46 — 👍 2 🔁 0 💬 1 📌 0happy birthday to my absolute world @seaotta.dev 🫶
~3 years ago, went to speak at a conference in leeds, the rest is history
❤️
23.06.2025 18:59 — 👍 0 🔁 0 💬 0 📌 0A 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 📌 1had to try CSS filter + SVG glass displacement on webcam input – crank saturation for cheap gold ✨
23.06.2025 11:59 — 👍 112 🔁 9 💬 3 📌 1got 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 📌 0spray paintin' in figma 🤙
18.06.2025 22:02 — 👍 19 🔁 0 💬 0 📌 0the gradients 😍
18.06.2025 11:52 — 👍 4 🔁 0 💬 0 📌 0configurable chromatic aberration with SVG ✨
16.06.2025 00:14 — 👍 85 🔁 8 💬 1 📌 0it'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 📌 0havin' a play with: backdrop-filter: url(#glass);
Gecko/Webkit 🙏