Nick Breaton @nickbreaton.com · 12/10/2026Ironically, hosted on a subdomain tld-search.nickbreaton.com 100
Nick Breaton @nickbreaton.com · 12/10/2026Built a quick site to search top-level domains as a way to play around with Jev. 100
Reposted by Nick BreatonShaw @shaw.city · 12/09/2026Oops. I invented a new CSS shrink-wrap technique and blogged about it. blog.codepen.io/2026/09/11/s...blog.codepen.ioShrink-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 · 13/07/2026Just in case you don’t know, you can make this stop by setting “Location” to “Allow” in the per website settings for google.com. I think this was added a couple iOS versions ago. 020
Nick Breaton @nickbreaton.com · 21/06/2026github.comGitHub - nickbreaton/pi-webmcp: A Pi extension that connects Pi to webpages that register WebMCP tools.A Pi extension that connects Pi to webpages that register WebMCP tools. - nickbreaton/pi-webmcp 000
Nick Breaton @nickbreaton.com · 21/06/2026I built a Pi extension that can interact with WebMCP tools! Check it out: 200
Nick Breaton @nickbreaton.com · 09/06/2026In recent years this has really held back direct manipulation interactions and has been a big pain point. Maybe if not by default on every site, it would be amazing to have a non-private flag in WKWebView to enable this for rendering in apps. Installed PWAs would really benefit from this too. 000
Nick Breaton @nickbreaton.com · 09/06/2026Hey @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/2026I'll even settle for just installed PWAs and a flag in WKWebView. 100
Nick Breaton @nickbreaton.com · 06/06/2026Everyone please manifest Safari enabling 120fps rendering in iOS 27. 100
Nick Breaton @nickbreaton.com · 22/03/2026The best way I could think to honor her was through my craftnickbreaton.comPippy 000
Nick Breaton @nickbreaton.com · 08/11/2025👀github.comGitHub - 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/2025Okay 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/2025This made HSL click for mejoshwcomeau.comColor Shifting in CSS • Josh W. ComeauA 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/2025Oh my god you can finally record a single window in macOS! 000
Reposted by Nick BreatonJen Simmons @jensimmons.bsky.social · 15/09/2025Have 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.orgSubgrid: how to line up elements to your heart’s contentWhen Grid became widely available across browsers in 2017, it was an absolute game changer. 0234
Nick Breaton @nickbreaton.com · 11/08/2025Also love that they're using Standard Schema as their param definitionstandardschema.devStandard SchemaA common interface for TypeScript validation libraries 000
Reposted by Nick BreatonSvelte @svelte.dev · 31/07/2025SvelteKit remote functions are now available under an experimental flag. Docs here: svelte.dev/docs/kit/rem...svelte.devRemote functions • Docs • SvelteRemote functions • Svelte documentation 17914
Nick Breaton @nickbreaton.com · 20/07/2025Some really neat unlocks coming to Svelteyoutu.bepromise.then(...), by Rich HarrisYouTube video by Svelte Society 030
Nick Breaton @nickbreaton.com · 05/06/2025If your deploy doesn’t cause a CSP violation, you shipped too late. 100
Reposted by Nick Breatoneasrng @easrng.net · 02/06/2025console.log('this is ' + (Array<0>(0) ? 'typescript' : 'javascript')) 46816
Nick Breaton @nickbreaton.com · 26/05/2025I don’t use Svelte that heavily but never miss an opportunity to listen to Rich speakyoutu.beWhat Svelte Promises, Rich Harris — Svelte Summit Spring 2025YouTube video by Svelte Society 130
Nick Breaton @nickbreaton.com · 01/04/2025One 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: 150
Reposted by Nick BreatonBen 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/2025A strategy I’ve also found useful for aligning form inputs with varying length labels and error messages. Less pretty example:codepen.ioalign fields (subgrid!)... 020
Reposted by Nick BreatonBramus @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.stylegithub.comTurn on Scroll Driven Animations by default by nmoucht · Pull Request #40646 · WebKit/WebKitc5b7f26 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 BreatonAlex (ｱﾚｯｸｽ) @alexwilson.bsky.social · 13/02/2025This 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.comLeaking the email of any YouTube user for $10,000What 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/2025Neat 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.ioCards — Web Accessibility Guide — NZ GovernmentUnderstand how to create and test for accessible cards. 000
Reposted by Nick BreatonDavid Darnes @darn.es · 03/02/2025The design system team meeting implementors for the first time 512717
Nick Breaton @nickbreaton.com · 18/01/2025Got my first passkey auth working on a side project thanks to @millerti.me’s SimpleWebAuthn!simplewebauthn.devSimpleWebAuthnA collection of TypeScript-first libraries for simpler WebAuthn integration. Supports modern browsers and Node. 030
Reposted by Nick BreatonSarah Drasner @sarahedo.bsky.social · 18/01/2025Platforms 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 1232215
Reposted by Nick BreatonBrandon Dail @brandondail.com · 21/11/2024Being able to re-parent an iframe without losing state is going to be huge 041
Reposted by Nick BreatonNick Breaton @nickbreaton.com · 19/12/2024And 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.devZed - The editor for what's nextZed is a high-performance, multiplayer code editor from the creators of Atom and Tree-sitter. 011
Nick Breaton @nickbreaton.com · 19/12/2024And 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.devZed - The editor for what's nextZed is a high-performance, multiplayer code editor from the creators of Atom and Tree-sitter. 011
Nick Breaton @nickbreaton.com · 09/12/2024Really wish this flag could be set on an instance of WKWebView. 000
Nick Breaton @nickbreaton.com · 09/12/2024Found 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 BreatonBen Holmes @bholmes.dev · 06/12/2024Woah, `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 👍 1117311
Nick Breaton @nickbreaton.com · 04/12/2024Kudos to the Zed team, cloning and setting up the project to run unit tests was super easy – even as someone generally unfamiliar with Rust. 100
Nick Breaton @nickbreaton.com · 04/12/2024Opened 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.comDetect wider variety of usernames for SSH-based remotes by nickbreaton · Pull Request #21508 · zed-industries/zedCloses #21507 Release Notes: Fixed detection git remotes when using SSH and username was not git 130
Nick Breaton @nickbreaton.com · 26/11/2024Made the switch for all my personal projects. Some rough edges but slowly improving. 160
Reposted by Nick BreatonMax Böck @mxb.dev · 19/11/2024Hi 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 2589089
