Sign in

Nick Breaton

@nickbreaton.com
181 followers 720 following 81 posts

web dev doing web things 👨🏻‍💻 Asheville, NC • Web Eng at Cash App 🌐 nickbreaton.com

PostsRepliesMedia
Nick Breaton @nickbreaton.com · 12/10/2026
Built a quick site to search top-level domains as a way to play around with Jev.
100
Reposted by Nick Breaton
Shaw @shaw.city · 12/09/2026
Oops. I invented a new CSS shrink-wrap technique and blogged about it. blog.codepen.io/2026/09/11/s...
blog.codepen.io
Shrink-wrap Text with `position-anchor`
Normal text wrapping can leave big gaps in your container, which can become even more exaggerated with the new-ish CSS values of text-wrap: balance and text-wrap: pretty. You almost certainly want …
69116
Nick Breaton @nickbreaton.com · 21/06/2026
I built a Pi extension that can interact with WebMCP tools! Check it out:
200
Nick Breaton @nickbreaton.com · 09/06/2026
Hey @jensimmons.bsky.social, really great to hear about all the new stability improvements in Safari 27. Would that potentially open up the door to 120 fps rendering being enabled by default?
100
Nick Breaton @nickbreaton.com · 06/06/2026
Everyone please manifest Safari enabling 120fps rendering in iOS 27.
100
Nick Breaton @nickbreaton.com · 22/03/2026
The best way I could think to honor her was through my craft
nickbreaton.com
Pippy
000
Nick Breaton @nickbreaton.com · 08/11/2025
👀
github.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
010
Nick Breaton @nickbreaton.com · 29/10/2025
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.
020
Nick Breaton @nickbreaton.com · 22/09/2025
This made HSL click for me
joshwcomeau.com
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...
010
Nick Breaton @nickbreaton.com · 20/09/2025
Oh my god you can finally record a single window in macOS!
000
Reposted by Nick Breaton
Jen Simmons @jensimmons.bsky.social · 15/09/2025
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
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.
0234
Nick Breaton @nickbreaton.com · 11/08/2025
Love SvelteKit's new remote functions
120
Reposted by Nick Breaton
Svelte @svelte.dev · 31/07/2025
SvelteKit remote functions are now available under an experimental flag. Docs here: svelte.dev/docs/kit/rem...
svelte.dev
Remote functions • Docs • Svelte
Remote functions • Svelte documentation
17914
Nick Breaton @nickbreaton.com · 20/07/2025
Some really neat unlocks coming to Svelte
youtu.be
promise.then(...), by Rich Harris
YouTube video by Svelte Society
030
Nick Breaton @nickbreaton.com · 05/06/2025
If your deploy doesn’t cause a CSP violation, you shipped too late.
100
Reposted by Nick Breaton
easrng  @easrng.net · 02/06/2025
console.log('this is ' + (Array<0>(0) ? 'typescript' : 'javascript'))
46816
Nick Breaton @nickbreaton.com · 26/05/2025
I don’t use Svelte that heavily but never miss an opportunity to listen to Rich speak
youtu.be
What Svelte Promises, Rich Harris — Svelte Summit Spring 2025
YouTube video by Svelte Society
130
Reposted by Nick Breaton
Ben Lesh @benlesh.bsky.social · 21/02/2025
✨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 😅)
1321447
Nick Breaton @nickbreaton.com · 20/02/2025
A strategy I’ve also found useful for aligning form inputs with varying length labels and error messages. Less pretty example:
codepen.io
align fields (subgrid!)
...
020
Reposted by Nick Breaton
Bramus @bram.us · 18/02/2025
🤩 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
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...
310715
Reposted by Nick Breaton
Alex (アレックス) @alexwilson.bsky.social · 13/02/2025
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...
brutecat.com
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
1174
Nick Breaton @nickbreaton.com · 12/02/2025
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.
govtnz.github.io
Cards — Web Accessibility Guide — NZ Government
Understand how to create and test for accessible cards.
000
Reposted by Nick Breaton
David Darnes @darn.es · 03/02/2025
The design system team meeting implementors for the first time
Still from Severance. People stood along the crest of a hill, goats everywhere, looking down at 3 people stood by a desk
512717
Nick Breaton @nickbreaton.com · 18/01/2025
Got my first passkey auth working on a side project thanks to @millerti.me’s SimpleWebAuthn!
simplewebauthn.dev
SimpleWebAuthn
A collection of TypeScript-first libraries for simpler WebAuthn integration. Supports modern browsers and Node.
030
Reposted by Nick Breaton
Sarah Drasner @sarahedo.bsky.social · 18/01/2025
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
1232315
Reposted by Nick Breaton
Brandon Dail @brandondail.com · 21/11/2024
Being able to re-parent an iframe without losing state is going to be huge
041
Reposted by Nick Breaton
Nick Breaton @nickbreaton.com · 19/12/2024
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"
zed.dev
Zed - The editor for what's next
Zed is a high-performance, multiplayer code editor from the creators of Atom and Tree-sitter.
011
Nick Breaton @nickbreaton.com · 09/12/2024
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.
130
Reposted by Nick Breaton
Ben Holmes @bholmes.dev · 06/12/2024
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 👍
Cleanup functions for refs 

We now support returning a cleanup function from ref callbacks
1117311
Nick Breaton @nickbreaton.com · 04/12/2024
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
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
130
Reposted by Nick Breaton
Max Böck @mxb.dev · 19/11/2024
Hi new web dev followers! Here's the best tweet I've managed in 12 years, just so you know where the ceiling is on this account
A comic. First panel: someone labeled "Designer" passes a note labeled "SVG" to a person labeled "Developer".

Second panel: Developer opens the note to find a long unreadable string starting with "data:image/png"
2589089
Reposted by Nick Breaton
Ben Holmes @bholmes.dev · 18/11/2024
Implement from scratch. Feel the pain of complexity. Understand where the pain comes from. Finally... install that helper package
129210
Reposted by Nick Breaton
Filip Sobol @filipsobol.com · 08/11/2024
Soon you will be able to see the code that ended up in the bundle directly from `sonda`. Debugging tree-shaking issues will be so much easier. This is the feature that made me create this package in the first place, and I'm so happy to have it working. www.npmjs.com/package/sonda
3427
Nick Breaton @nickbreaton.com · 09/11/2024
Anybody have recs for a good LLM you can throw links to docs at?
100
Reposted by Nick Breaton
dan @danabra.mov · 08/11/2024
how to fix 80% of bugs 1. find unnecessary accumulating state 2. derive it from existing stuff on the fly
31149279
Nick Breaton @nickbreaton.com · 06/11/2024
66 million people voted against him. While not the majority, we are not alone.
010
Reposted by Nick Breaton
Andrew Walpole @walpolea.andrewwalpole.com · 06/11/2024
I declare today the doomscrollstice, the longest doomscrolling day of the year.
0337
Nick Breaton @nickbreaton.com · 05/11/2024
I feel like I have a lot of “intuitive” CSS knowledge from experience – but don’t really understand the why behind so much. Really need to make more of a conscious effort to dive deeper.
100
Reposted by Nick Breaton
Tyler Williams @coolsoftware.dev · 05/11/2024
After a long day of screens, I am stoked to be looking at different screens
191
Nick Breaton @nickbreaton.com · 03/11/2024
It’s funny I’d never reach for jQuery these days, but I still love to pull in Cheerio anytime I’m doing HTML parsing on a Node server. The API’s just so fun to use.
100
Reposted by Nick Breaton
Beau Jackal @beaujackal.bsky.social · 26/10/2024
The paperclip assistant from Microsoft Word is asking "Hey, it looks like you're waiting for ideal conditions to do that thing you've been wanting to do. Need I remind you that ideal conditions do not exist and will never happen?"
88101164336
Reposted by Nick Breaton
Jason Lengstorf @jason.energy · 18/10/2024
did the web dev folks move over here? can we get a megathread going so it’s easier to find folks we were following elsewhere?
22632234
Reposted by Nick Breaton
Ricky @ricky.fm · 22/10/2024
the timeline is healing
2552
Nick Breaton @nickbreaton.com · 11/09/2024
New macOS Sequoia window controls are worth the upgrade 100%
110
Nick Breaton @nickbreaton.com · 10/09/2024
It’s hard to not take the MDN docs for granted. They sometimes the only reliable source on very esoteric information about the web.
000
Nick Breaton @nickbreaton.com · 08/09/2024
The dev experience of Astro is really just top notch.
110
Reposted by Nick Breaton
Adam Argyle @nerdy.dev · 04/09/2024
learn so much more about anchor() from @tabatkins.com and their talk at CSS Day Conf www.youtube.com/watch?v=p18L...
youtube.com
Anchor Positioning | Tab Atkins-Bittner | CSS Day 2024
YouTube video by Web Conferences Amsterdam
143
Reposted by Nick Breaton
Andy Bell @bell.bz · 31/08/2024
Welcome go bluesky, friends that work in the web. Pro tip: feeds are good for finding stuff and people ur interested in. Starter packs are great too, so we’ve set up a web folks feed @piccalil.li and a starter pack. feed: bsky.app/profile/did:... starter pack: bsky.app/starter-pack...
64818
Reposted by Nick Breaton
David Darnes @darn.es · 31/08/2024
Bluesky has returned to my Home Screen 📱
0121