Nick Breaton's Avatar

Nick Breaton

@nickbreaton.com

web dev doing web things πŸ‘¨πŸ»β€πŸ’» Asheville, NC β€’ Web Eng at Cash App 🌐 https://nickbreaton.com

168
Followers
677
Following
69
Posts
01.07.2023
Joined
Posts Following

Latest posts by Nick Breaton @nickbreaton.com

Preview
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

πŸ‘€

08.11.2025 14:06 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

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.

29.10.2025 01:10 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
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...

This made HSL click for me

22.09.2025 02:10 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Oh my god you can finally record a single window in macOS!

20.09.2025 01:11 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
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.

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...

15.09.2025 16:51 πŸ‘ 23 πŸ” 4 πŸ’¬ 0 πŸ“Œ 0
Preview
Standard Schema A common interface for TypeScript validation libraries

Also love that they're using Standard Schema as their param definition

11.08.2025 16:45 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Love SvelteKit's new remote functions

11.08.2025 16:44 πŸ‘ 2 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
Remote functions β€’ Docs β€’ Svelte Remote functions β€’ Svelte documentation

SvelteKit remote functions are now available under an experimental flag. Docs here: svelte.dev/docs/kit/rem...

31.07.2025 21:13 πŸ‘ 78 πŸ” 14 πŸ’¬ 1 πŸ“Œ 2
promise.then(...), by Rich Harris
promise.then(...), by Rich Harris YouTube video by Svelte Society

Some really neat unlocks coming to Svelte

20.07.2025 19:44 πŸ‘ 4 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

The grind is real these days πŸ™ƒ

05.06.2025 00:38 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

If your deploy doesn’t cause a CSP violation, you shipped too late.

05.06.2025 00:16 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

console.log('this is ' + (Array<0>(0) ? 'typescript' : 'javascript'))

02.06.2025 02:34 πŸ‘ 72 πŸ” 17 πŸ’¬ 5 πŸ“Œ 0
What Svelte Promises, Rich Harris β€” Svelte Summit Spring 2025
What Svelte Promises, Rich Harris β€” Svelte Summit Spring 2025 YouTube video by Svelte Society

I don’t use Svelte that heavily but never miss an opportunity to listen to Rich speak

26.05.2025 18:36 πŸ‘ 3 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Video thumbnail

One thing I'm unclear about thus far, is it possible to interrupt the animation? Or is this just a limitation of view transitions?

I bumped up the animation duration in this example to show what I'm talking about:

01.04.2025 22:12 πŸ‘ 6 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

php

23.03.2025 22:30 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Oh good to know

14.03.2025 23:13 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Post image Post image Post image Post image

✨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 πŸ˜…)

21.02.2025 22:58 πŸ‘ 214 πŸ” 48 πŸ’¬ 13 πŸ“Œ 4

A strategy I’ve also found useful for aligning form inputs with varying length labels and error messages.

Less pretty example:

20.02.2025 13:21 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
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...

🀩 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

18.02.2025 09:25 πŸ‘ 107 πŸ” 16 πŸ’¬ 3 πŸ“Œ 6

f

15.02.2025 03:07 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
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

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...

13.02.2025 00:35 πŸ‘ 18 πŸ” 4 πŸ’¬ 1 πŸ“Œ 0
Cards β€” Web Accessibility Guide β€” NZ Government Understand how to create and test for accessible cards.

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.

12.02.2025 22:57 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Still from Severance. People stood along the crest of a hill, goats everywhere, looking down at 3 people stood by a desk

Still from Severance. People stood along the crest of a hill, goats everywhere, looking down at 3 people stood by a desk

The design system team meeting implementors for the first time

03.02.2025 15:50 πŸ‘ 126 πŸ” 18 πŸ’¬ 5 πŸ“Œ 4
SimpleWebAuthn A collection of TypeScript-first libraries for simpler WebAuthn integration. Supports modern browsers and Node.

Got my first passkey auth working on a side project thanks to @millerti.me’s SimpleWebAuthn!

18.01.2025 18:13 πŸ‘ 3 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

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

18.01.2025 14:53 πŸ‘ 328 πŸ” 15 πŸ’¬ 12 πŸ“Œ 1

Being able to re-parent an iframe without losing state is going to be huge

21.11.2024 13:08 πŸ‘ 4 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0
Preview
Zed - The editor for what's next Zed is a high-performance, multiplayer code editor from the creators of Atom and Tree-sitter.

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"

19.12.2024 03:14 πŸ‘ 1 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0
Preview
Zed - The editor for what's next Zed is a high-performance, multiplayer code editor from the creators of Atom and Tree-sitter.

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"

19.12.2024 03:14 πŸ‘ 1 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0

That’s a staggering number wow

16.12.2024 03:41 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0