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

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

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.

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:

codepen.ioalign fields (subgrid!)...
Ana Tudor@anatudor.bsky.social

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

Nick Breaton reposted

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

Nick Breaton reposted

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

Nick Breaton reposted

Implement from scratch. Feel the pain of complexity. Understand where the pain comes from. Finally... install that helper package

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

how to fix 80% of bugs 1. find unnecessary accumulating state 2. derive it from existing stuff on the fly