Nick Breaton
@nickbreaton.com
👀
GitHub - Snapchat/Valdi: Valdi is a cross-platform UI framework that delivers native performance without sacrificing developer velocity.
Valdi is a cross-platform UI framework that delivers native performance without sacrificing developer velocity. - Snapchat/Valdi
github.com
November 8, 2025 at 2:06 PM
👀
Okay Effect Atom is freaking 🔥
So many state management solutions out there, but none of them achieve the pit of success for a large team on a non-trivial SPA. Atom feels like it might, but still early days.
So many state management solutions out there, but none of them achieve the pit of success for a large team on a non-trivial SPA. Atom feels like it might, but still early days.
October 29, 2025 at 1:10 AM
Okay Effect Atom is freaking 🔥
So many state management solutions out there, but none of them achieve the pit of success for a large team on a non-trivial SPA. Atom feels like it might, but still early days.
So many state management solutions out there, but none of them achieve the pit of success for a large team on a non-trivial SPA. Atom feels like it might, but still early days.
This made HSL click for me
Color Shifting in CSS • Josh W. Comeau
A little while ago, I was trying to animate an element’s background color, so that it cycled through the rainbow. Seems easy, but it turns out, browsers have a surprisingly big limitation when it come...
www.joshwcomeau.com
September 22, 2025 at 2:10 AM
This made HSL click for me
Oh my god you can finally record a single window in macOS!
September 20, 2025 at 1:11 AM
Oh my god you can finally record a single window in macOS!
Reposted by Nick Breaton
Have you been meaning to learn how to use CSS Subgrid? Here’s a very practical and straightforward how-to from @saron.bsky.social!
webkit.org/blog/17339/s...
webkit.org/blog/17339/s...
Subgrid: how to line up elements to your heart’s content
When Grid became widely available across browsers in 2017, it was an absolute game changer.
webkit.org
September 15, 2025 at 4:51 PM
Have you been meaning to learn how to use CSS Subgrid? Here’s a very practical and straightforward how-to from @saron.bsky.social!
webkit.org/blog/17339/s...
webkit.org/blog/17339/s...
Love SvelteKit's new remote functions
August 11, 2025 at 4:44 PM
Love SvelteKit's new remote functions
Reposted by Nick Breaton
SvelteKit remote functions are now available under an experimental flag. Docs here: svelte.dev/docs/kit/rem...
Remote functions • Docs • Svelte
Remote functions • Svelte documentation
svelte.dev
July 31, 2025 at 9:13 PM
SvelteKit remote functions are now available under an experimental flag. Docs here: svelte.dev/docs/kit/rem...
Some really neat unlocks coming to Svelte
promise.then(...), by Rich Harris
YouTube video by Svelte Society
youtu.be
July 20, 2025 at 7:44 PM
Some really neat unlocks coming to Svelte
If your deploy doesn’t cause a CSP violation, you shipped too late.
June 5, 2025 at 12:16 AM
If your deploy doesn’t cause a CSP violation, you shipped too late.
Reposted by Nick Breaton
console.log('this is ' + (Array<0>(0) ? 'typescript' : 'javascript'))
June 2, 2025 at 2:34 AM
console.log('this is ' + (Array<0>(0) ? 'typescript' : 'javascript'))
I don’t use Svelte that heavily but never miss an opportunity to listen to Rich speak
What Svelte Promises, Rich Harris — Svelte Summit Spring 2025
YouTube video by Svelte Society
youtu.be
May 26, 2025 at 6:36 PM
I don’t use Svelte that heavily but never miss an opportunity to listen to Rich speak
Reposted by Nick Breaton
✨Heads up! Observables are shipping natively to a browser near you soon!
Huge thank you and congrats to @domfarolino.com ❤️
I've helped / worked on / watched this through different standards bodies for more than 10 years now. ☠️
(I'm going to have a lot of work now to adapt RxJS to this 😅)
Huge thank you and congrats to @domfarolino.com ❤️
I've helped / worked on / watched this through different standards bodies for more than 10 years now. ☠️
(I'm going to have a lot of work now to adapt RxJS to this 😅)
February 21, 2025 at 10:59 PM
✨Heads up! Observables are shipping natively to a browser near you soon!
Huge thank you and congrats to @domfarolino.com ❤️
I've helped / worked on / watched this through different standards bodies for more than 10 years now. ☠️
(I'm going to have a lot of work now to adapt RxJS to this 😅)
Huge thank you and congrats to @domfarolino.com ❤️
I've helped / worked on / watched this through different standards bodies for more than 10 years now. ☠️
(I'm going to have a lot of work now to adapt RxJS to this 😅)
A strategy I’ve also found useful for aligning form inputs with varying length labels and error messages.
Less pretty example:
Less pretty example:
February 20, 2025 at 1:21 PM
A strategy I’ve also found useful for aligning form inputs with varying length labels and error messages.
Less pretty example:
Less pretty example:
Reposted by Nick Breaton
🤩 Scroll-Driven Animations got switched on by default in WebKit!
github.com/WebKit/WebKi...
This means that the next Safari Technolgy Preview release should have it, and that a stable release might follow soon 🤤
ℹ️ Learn all about SDA over at scroll-driven-animations.style
github.com/WebKit/WebKi...
This means that the next Safari Technolgy Preview release should have it, and that a stable release might follow soon 🤤
ℹ️ Learn all about SDA over at scroll-driven-animations.style
Turn on Scroll Driven Animations by default by nmoucht · Pull Request #40646 · WebKit/WebKit
c5b7f26
Turn on Scroll Driven Animations by default
https://bugs.webkit.org/show_bug.cgi?id=287733
rdar://144887859
Reviewed by Antoine Quint.
Turn on Scroll Driven Animations by default.
* Sour...
github.com
February 18, 2025 at 9:25 AM
🤩 Scroll-Driven Animations got switched on by default in WebKit!
github.com/WebKit/WebKi...
This means that the next Safari Technolgy Preview release should have it, and that a stable release might follow soon 🤤
ℹ️ Learn all about SDA over at scroll-driven-animations.style
github.com/WebKit/WebKi...
This means that the next Safari Technolgy Preview release should have it, and that a stable release might follow soon 🤤
ℹ️ Learn all about SDA over at scroll-driven-animations.style
Reposted by Nick Breaton
This is a phenomenal attack chain by @brutecat.com, to get the PII of any individual YouTube user (patched before publication through responsible disclosure): brutecat.com/articles/lea...
Leaking the email of any YouTube user for $10,000
What could've been the largest data breach in the world - an attack chain on Google services to leak the email address of any YouTube channel
brutecat.com
February 13, 2025 at 12:35 AM
This is a phenomenal attack chain by @brutecat.com, to get the PII of any individual YouTube user (patched before publication through responsible disclosure): brutecat.com/articles/lea...
Neat way to make an interactive element with a ton of content accessible.
The label being really long felt off. The strategy they take here is essentially to render an clickable element and stretch it across the other content.
The label being really long felt off. The strategy they take here is essentially to render an clickable element and stretch it across the other content.
Cards — Web Accessibility Guide — NZ Government
Understand how to create and test for accessible cards.
govtnz.github.io
February 12, 2025 at 10:57 PM
Neat way to make an interactive element with a ton of content accessible.
The label being really long felt off. The strategy they take here is essentially to render an clickable element and stretch it across the other content.
The label being really long felt off. The strategy they take here is essentially to render an clickable element and stretch it across the other content.
Reposted by Nick Breaton
The design system team meeting implementors for the first time
February 3, 2025 at 3:50 PM
The design system team meeting implementors for the first time
Got my first passkey auth working on a side project thanks to @millerti.me’s SimpleWebAuthn!
SimpleWebAuthn
A collection of TypeScript-first libraries for simpler WebAuthn integration. Supports modern browsers and Node.
simplewebauthn.dev
January 18, 2025 at 6:13 PM
Got my first passkey auth working on a side project thanks to @millerti.me’s SimpleWebAuthn!
Reposted by Nick Breaton
Platforms should take inspiration from one another. As a web dev working in SwiftUI, check this out:
Here's a navigation transition accomplished by leveraging a combination of withAnimation and .matchedGeometryEffect() to transition between shared objects
Here's a navigation transition accomplished by leveraging a combination of withAnimation and .matchedGeometryEffect() to transition between shared objects
January 18, 2025 at 2:53 PM
Platforms should take inspiration from one another. As a web dev working in SwiftUI, check this out:
Here's a navigation transition accomplished by leveraging a combination of withAnimation and .matchedGeometryEffect() to transition between shared objects
Here's a navigation transition accomplished by leveraging a combination of withAnimation and .matchedGeometryEffect() to transition between shared objects
Reposted by Nick Breaton
Being able to re-parent an iframe without losing state is going to be huge
November 21, 2024 at 1:08 PM
Being able to re-parent an iframe without losing state is going to be huge
Reposted by Nick Breaton
And just like that, I’ve written my first production lines of Rust!
> Fixed detection of git remotes when using SSH and username is not "git"
> Fixed detection of git remotes when using SSH and username is not "git"
Zed - The editor for what's next
Zed is a high-performance, multiplayer code editor from the creators of Atom and Tree-sitter.
https://zed.dev/releases/stable/0.166.1#:~:text=Fixed%20detection%20of%20git%20remotes%20when%20using%20SSH%20and%20username%20is%20not%20%22git%22%20(#21508;%20thanks%20nickbreaton)
December 19, 2024 at 3:14 AM
And just like that, I’ve written my first production lines of Rust!
> Fixed detection of git remotes when using SSH and username is not "git"
> Fixed detection of git remotes when using SSH and username is not "git"
Found out today Safari is still capped at 60 fps on high refresh displays.
There’s a feature flag to disable the cap, but it’s not on by default.
There’s a feature flag to disable the cap, but it’s not on by default.
December 9, 2024 at 11:02 PM
Found out today Safari is still capped at 60 fps on high refresh displays.
There’s a feature flag to disable the cap, but it’s not on by default.
There’s a feature flag to disable the cap, but it’s not on by default.
Reposted by Nick Breaton
Woah, `ref` as a function is secretly so powerful.
No more `undefined` checks and useEffects just to add some document event listeners. Handle everything with a function in-line 👍
No more `undefined` checks and useEffects just to add some document event listeners. Handle everything with a function in-line 👍
December 6, 2024 at 1:13 PM
Woah, `ref` as a function is secretly so powerful.
No more `undefined` checks and useEffects just to add some document event listeners. Handle everything with a function in-line 👍
No more `undefined` checks and useEffects just to add some document event listeners. Handle everything with a function in-line 👍
Opened my first Rust PR ever to fix a minor issue with @zed.dev! Hopefully I didn't do anything too dumb. 😅
github.com/zed-industri...
github.com/zed-industri...
Detect wider variety of usernames for SSH-based remotes by nickbreaton · Pull Request #21508 · zed-industries/zed
Closes #21507
Release Notes:
Fixed detection git remotes when using SSH and username was not git
github.com
December 4, 2024 at 5:05 AM
Opened my first Rust PR ever to fix a minor issue with @zed.dev! Hopefully I didn't do anything too dumb. 😅
github.com/zed-industri...
github.com/zed-industri...