I built a Pi extension that can interact with WebMCP tools! Check it out:
Nick Breaton
@nickbreaton.com
web dev doing web things 👨🏻💻 Asheville, NC • Web Eng at Cash App 🌐 https://nickbreaton.com
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?
Everyone please manifest Safari enabling 120fps rendering in iOS 27.
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.
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...
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
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
Some really neat unlocks coming to Svelte
promise.then(...), by Rich Harris
YouTube video by Svelte Society
youtu.be
If your deploy doesn’t cause a CSP violation, you shipped too late.
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
✨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 😅)
A strategy I’ve also found useful for aligning form inputs with varying length labels and error messages. Less pretty example:
align fields (subgrid!)
...
codepen.io
Because this keeps getting asked over and over... subgrid is how you get such cards whose grids align even with varying component heights. www.reddit.com/r/css/commen... Both the card wrapper and the cards get `display: grid` and the rest you can see in the Styles panel in DevTools below. #CSS
🤩 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
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
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
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.
Cards — Web Accessibility Guide — NZ Government
Understand how to create and test for accessible cards.
govtnz.github.io
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
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
Being able to re-parent an iframe without losing state is going to be huge
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 - The editor for what's next
Zed is a high-performance, multiplayer code editor from the creators of Atom and Tree-sitter.
zed.dev
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.
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 👍
React v19 is now stable! react.dev/blog/2024/12...
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...
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
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