Found this pattern useful for a couple personal projects, figured I'd take the opportunity to publish as the first post on my site. nickbreaton.com/posts/passke...
Nick Breaton
Nick Breaton
@nickbreaton.com
web dev doing web things 👨🏻💻 Asheville, NC • Web Eng at Cash App 🌐 https://nickbreaton.com
182 followers720 following82 posts
Nick Breaton reposted
Oops. I invented a new CSS shrink-wrap technique and blogged about it. blog.codepen.io/2026/09/11/s...
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?
Nick Breaton reposted
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...
Also love that they're using Standard Schema as their param definition
Nick Breaton reposted
SvelteKit remote functions are now available under an experimental flag. Docs here: svelte.dev/docs/kit/rem...
Some really neat unlocks coming to Svelte
Nick Breaton reposted
I don’t use Svelte that heavily but never miss an opportunity to listen to Rich speak
Nick Breaton reposted
✨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:
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
Nick Breaton reposted
🤩 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
Nick Breaton reposted
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.
Nick Breaton reposted
Got my first passkey auth working on a side project thanks to @millerti.me’s SimpleWebAuthn!
Nick Breaton reposted
Nick Breaton reposted
Nick Breaton reposted
Replying to @nickbreaton.com
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"
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...
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"
Nick Breaton reposted
Nick Breaton reposted
Nick Breaton reposted
Nick Breaton reposted
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
Nick Breaton reposted
Nick Breaton reposted