Trevor W. Healy

312 posts

Trevor W. Healy

Trevor W. Healy

@trevorwhealy

Software Engineer

San Francisco, Bay Area Katılım Mayıs 2017
45 Takip Edilen27 Takipçiler
Trevor W. Healy retweetledi
Manu Arora
Manu Arora@mannupaaji·
You can pin a chat scroller to the bottom with CSS 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚊𝚗𝚌𝚑𝚘𝚛, without having to use MutationObserver or 𝚜𝚌𝚛𝚘𝚕𝚕𝚃𝚘() functions <𝚍𝚒𝚟 𝚒𝚍="𝚜𝚌𝚛𝚘𝚕𝚕𝚎𝚛"> ... ... <𝚍𝚒𝚟 𝚒𝚍="𝚊𝚗𝚌𝚑𝚘𝚛"> #𝚜𝚌𝚛𝚘𝚕𝚕𝚎𝚛 * { 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚊𝚗𝚌𝚑𝚘𝚛: 𝚗𝚘𝚗𝚎; } #𝚊𝚗𝚌𝚑𝚘𝚛 { 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚊𝚗𝚌𝚑𝚘𝚛: 𝚊𝚞𝚝𝚘; 𝚑𝚎𝚒𝚐𝚑𝚝: 𝟷𝚙𝚡; } Browsers run scroll anchoring by default to prevent layout shifts Disable it on children, re-enable it on a 1px anchor at the end and the scroll follows new content down on its own
English
11
89
1.5K
62.9K
Trevor W. Healy
Trevor W. Healy@trevorwhealy·
Hey @vercel can you add an ability to pin the hovered day on-click for the /~/usage pages or sort by highest to least in the rows? Hard to find the top offenders on a particular day since you need to unhover when you scroll away
English
0
0
0
19
Trevor W. Healy retweetledi
Guillermo Rauch
Guillermo Rauch@rauchg·
Google has shipped a CLI for Google Workspace (Drive, Gmail, Calendar, Sheets, Docs, …) Huge! Written in Rust, distributed through npm & skills.sh $ npm i -g @⁠googleworkspace/cli $ npx skills add github:googleworkspace/cli 2026 is the year of Skills & CLIs github.com/googleworkspac…
English
213
499
6.4K
556.9K
Gergely Orosz
Gergely Orosz@GergelyOrosz·
Meetups around AI hit different. Incredible turnout and everyone I talk to is building cool stuff. Reminds me of iOS meetups in the early 2010s in the energy (but those were smaller)
Gergely Orosz tweet media
English
10
2
158
14.6K
Trevor W. Healy retweetledi
Kacper Kapuściak
Kacper Kapuściak@kacperkapusciak·
No need to add another dependency to implement a native bottom sheet in React Native💡 Just use presentation: "formSheet" from Native Stack 👇
English
39
52
776
72.7K
Trevor W. Healy retweetledi
Chrome for Developers
Chrome for Developers@ChromiumDev·
Carousels just got a major glow up 💅 New CSS primitives let you build carousels that are interactive at first paint. Easily add native scroll buttons, scroll markers, & scroll snap effects to turn a simple layout into a full story → goo.gle/3MMvDhK
English
9
49
505
46.4K
Trevor W. Healy
Trevor W. Healy@trevorwhealy·
@Teo_Goulois @intentui Your app is really cool! I thought it would be interesting to interpolate between two of the gradients to create a lava-lamp effect. Thanks for sharing your creation!
English
1
0
1
46
Téo
Téo@Teo_Goulois·
Introducing Better Gradient, a simple app to create unique advanced gradient, use it for your website, blogs or anything. And tell me what you want next. Enjoy :) Built with: - TanStack Start :) - @intentui (React Aria under the hood) - And a lot of love ❤️
English
30
34
594
45.9K
Trevor W. Healy retweetledi
Aiden Bai
Aiden Bai@aidenybai·
TIL about git worktrees
Aiden Bai tweet media
English
20
15
363
36.1K
Trevor W. Healy retweetledi
Michael Feldstein
Michael Feldstein@msfeldstein·
@ branch is my #1 favorite feature of cursor, so easy to start a new chat and tell it this is what we've done so far
Michael Feldstein tweet media
English
14
4
107
16.5K
Trevor W. Healy
Trevor W. Healy@trevorwhealy·
I had an idea for an old repo while on a walk. I opened @cursor_ai on mobile web and told it my idea. It created the PR and @vercel generated a preview build. Merged it from my phone on @GitHub’s mobile app. Feels like I’m living in the future
English
0
0
0
65
Trevor W. Healy
Trevor W. Healy@trevorwhealy·
@leerob You set the gold standard for dev-ex, good luck in your next role! 👀
English
0
0
1
15
Lee Robinson
Lee Robinson@leerob·
After 5 years, I just finished my last week at Vercel 🥲 What a ride. I'm grateful for this community and proud to have helped people learn to code with React/Next. Many tweets sent and friends made. I guess I don't have to wear all black now!? Gotta switch up my wardrobe...
English
725
165
7K
1.2M
Trevor W. Healy retweetledi
Max Rovensky
Max Rovensky@MaxRovensky·
🚀 Use Liquid Glass in your React apps NOW! npm install liquid-glass-react (nicer pkg names squatted by @Baconbrix sry) Supports ✨ correct ✨ edge bending, arbitrary children, chromatic aberration and more! Live Demo: liquid-glass.maxrovensky.com Code: github.com/rdev/liquid-gl…
Max Rovensky@MaxRovensky

probably the best implementation of liquid glass you're gonna see on the web tbh (I am very humble) should I release this as a React package? the hover/click glow even adjusts to background color, man, I'm so good at this

English
49
99
1.1K
3.9M
Trevor W. Healy retweetledi
jhey ʕ•ᴥ•ʔ
jhey ʕ•ᴥ•ʔ@jh3yy·
you can create this dynamic mask using a progressive CSS scroll-driven animation 🧑‍🍳 the gist 👇 input { animation: in; animation-timeline: scroll(self inline); animation-range: 0 6ch; mask-position: 0 0; } @​keyframes in { 0% { mask-position: -6ch 0; }}
Sam Becker@sambecker

Looks simple but this took so much coordination between JS + CSS—uses registered @ properties, which introduce a lot of dynamism to the spec. So fun hoisting state up to CSS and watching modern browsers render it so beautifully.

English
8
66
1.2K
125.9K
Trevor W. Healy
Trevor W. Healy@trevorwhealy·
Bullish on a team that dogfoods their own product this much. Here's a fun little @spawn leaderboard I made. 30 apps / day from one person is wild. This would be un-imaginable output a few years ago. Maybe the future of the Web is a walled garden of curated personal apps
Trevor W. Healy tweet media
English
0
0
0
57
Trevor W. Healy
Trevor W. Healy@trevorwhealy·
@jsnnsa hey @jsnnsa, this looks great, congrats! I'd love to try it out - have a creator pass code to share?
English
0
0
0
17
jacob
jacob@jsnnsa·
style & substance
English
1
0
5
785