Trevor W. Healy
312 posts

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

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
Trevor W. Healy retweetledi

links:
> github - github.com/LucasHJin/reac…
> try it out - video-ascii-demo.vercel.app
> download - npmjs.com/package/react-…
> technical breakdown - lucasjin.substack.com/p/videoascii-b…
English

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
Trevor W. Healy retweetledi

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
Trevor W. Healy retweetledi

It's time to bring Haptics to the web 🫨
Create custom tactile patterns with strengths + durations for your web interactions.
Make your app feel as good as it looks ✨
→ haptics.lochie.me
English
Trevor W. Healy retweetledi
Trevor W. Healy retweetledi

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

@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
Trevor W. Healy retweetledi
Trevor W. Healy retweetledi

🔗It's all on the Marketing Directory. No gatekeeping here. ardenventures.com/directory
English
Trevor W. Healy retweetledi

@ 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

English

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

@leerob You set the gold standard for dev-ex, good luck in your next role! 👀
English
Trevor W. Healy retweetledi

🚀 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
Trevor W. Healy retweetledi

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

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

English







