@slightlyoff@toot.cafe
@slightlyoff@toot.cafe avatar

slightlyoff

@slightlyoff@toot.cafe

Trying to make the web work for everyone.

https://infrequently.org/about-me/

Still not speaking for my employer, lo these many years.

This profile is from a federated server and may be incomplete. Browse more on the original instance.

slightlyoff, to random
@slightlyoff@toot.cafe avatar

One of the teams I've been working with to climb the performance management maturity ladder is...Edge!?!

We build a lot of the browser out of web "stuff" these days (think bookmarks, history, downloads, settings, new-tab-page, etc.), and moving away from React to a modern Web Components + HTML-first architecture has had a huge benefit for users, particularly folks on low-end hardware:

https://blogs.windows.com/msedgedev/2024/05/28/an-even-faster-microsoft-edge/

#webcomponents #webperf #usetheplatform #sorrynotsorry

slightlyoff,
@slightlyoff@toot.cafe avatar

This is building on the same open source, FAST-based design system ("Fluent Web Components v3"):

https://github.com/microsoft/fluentui/tree/master/packages/web-components

But the framework isn't what makes the difference; actually looking and caring about the performance is what has enabled this work to deliver 40-75% wins.

slightlyoff, to random
@slightlyoff@toot.cafe avatar

I'd missed this post, but it's a great encapsulation of why I spent so much time on web packaging, Isolated Web Apps, and PWAs. The web isn't worse, even for complex scenarios; in many cases all that's missing is understanding and a little bit of imagination:

https://emilymstark.com/2024/02/09/e2ee-on-the-web-is-the-web-really-that-bad.html

slightlyoff, to random
@slightlyoff@toot.cafe avatar

This might be Peak $work Posting (complete with LI link!), but it really is exciting: Microsoft just launched the Fabric design system that works across Angular and React apps...because it's Web Components underneath!

https://www.linkedin.com/posts/jasonfalk_fabricux-microsoftfabric-designsystem-activity-7199802763717853185-nnTV

Fabric is building on Fluent Web Components v3, which is the same set of FAST-based web components that we're rebuilding Edge's WebUIs on too. Legacy React and Angular apps get many of the benefits and we all get to share. Hot damn!

slightlyoff,
@slightlyoff@toot.cafe avatar

Teams that adopt these components in Angular and React apps get a lot of the runtime performance benefits of moving to Web Components: style isolation via Shadow DOM, shallower Light DOM, and cheaper styling via Constructable Stylesheets. At the size of our apps, this is a BFD.

This isn't the whole enchilada, perf-wise -- for that, teams need to move to an HTML-first approach + "raw" Web Components, like we're doing in Edge -- but one investment is now delivering wins for all consumers.

slightlyoff,
@slightlyoff@toot.cafe avatar

The Fabric preview site is here:

https://aka.ms/fabricux

And you can poke at the underlying FWCv3 components (which are compatible with the Fluent v2 design language) here:

https://github.com/microsoft/fluentui/tree/master/packages/web-components

They're marked as being in Beta, but we're rolling them out in Edge today. YMMV.

slightlyoff,
@slightlyoff@toot.cafe avatar

@paulrobertlloyd A few weeks back I spent ~30 minutes trying to explain the relationships between the frontend technologies technologies, design systems, and versions thereof to folks who are actively using some of them.

It took three whiteboards. Had to use panorama mode to capture a photo.

slightlyoff, to random
@slightlyoff@toot.cafe avatar

Late-stage tech has sorted a basket of otherwise equally talented nerds by who could talk to people with money, not by who could talk to people that have problems that need solving.

slightlyoff, to random
@slightlyoff@toot.cafe avatar

Tremendous news out of the UK!

https://techcrunch.com/2024/05/23/pro-competition-rules-for-big-tech-make-it-through-uks-pre-election-wash-up/

Wouldn't have happened if not for the continuing efforts of @owa and in-kind contributions from Apple's legal team. Nothing pulls people together like a megacorp acting like an absolute bully:

https://open-web-advocacy.org/blog/apple-loses-on-appeal/

slightlyoff,
@slightlyoff@toot.cafe avatar

@owa Please, nobody tell Cupertino that acting like smug, entitled, dissembling, legalistic pricks to every developer and regulator has consequences.

slightlyoff, to random
@slightlyoff@toot.cafe avatar

A lot is going around right now about how we can achieve a better web, and I'm here for all of it.

What the optimists are not doing is enunciating how we got to the Bad Place. In addition to calls for thoughtful folks to rededicate themselves to fundamentals, I think we need a lexicon to describe, identify, and eliminate the shysterism of the JS-industrial-complex decade.

We're lacking in language for what failed, which makes me fear that what works will be co-opted all over again.

slightlyoff, to random
@slightlyoff@toot.cafe avatar

If it's part of your build process or shipped bundle, no part of those dependencies are ever "unowned"; they're only temporarily disavowed.

IOW, all the code that can hand you a bad day is yours, no matter the up-front price.

slightlyoff, to random
@slightlyoff@toot.cafe avatar

Setting up a new Samsung TV that @phae liked, and the horror show that is the privacy UI cannot be overstated. There's no on-device way to opt-out of collection. None.

Instead, you get told to visit a URL (but not taken to it in the built-in Samsung Internet browser) for CCPA requests. That website is here:

https://www.samsung.com/us/privacy/rights/

And as a CA resident, it makes me apoplectic that it simply *fails *at a required login step. This cannot be spirit, or letter, of the law compliant:

slightlyoff,
@slightlyoff@toot.cafe avatar

@phae Hey @Samsung; y'all know this is unacceptable and likely illegal, right?

slightlyoff,
@slightlyoff@toot.cafe avatar

@phae @Samsung Today in "websites that work better than the Samsung CCPA opt-out flow": California's Secretary of State page for filing a compaint:

https://oag.ca.gov/contact/consumer-complaint-against-business-or-company

slightlyoff, to random
@slightlyoff@toot.cafe avatar

Out with the old, in with the new. Couldn't believe how seamless the Home Assistant OS transition was from a backup. Flawless, including HACS integrations!

scottjehl, to random
@scottjehl@mstdn.social avatar

In watching talks this week about all that has recently landed or is on the way right now, I don't recall a time when useful features were standardizing and landing in browsers at anything near the speed we're seeing now. So many JS workarounds are being replaced with simple, often elegant declarative alternatives. Great to see

slightlyoff,
@slightlyoff@toot.cafe avatar

@scottjehl This is the pace we should always have expected. It's happening now because of @owa and friends.

slightlyoff, to random
@slightlyoff@toot.cafe avatar

I'd ask the last ecosystem thinker to turn off the lights when they leave Mt. View, but most of them were already laid off:

https://www.platformer.news/google-io-ai-search-sundar-pichai/

slightlyoff, to random
@slightlyoff@toot.cafe avatar

This is shockingly on point re: React.

https://www.baldurbjarnason.com/2024/react-electron-llms-labour-arbitrage/

/via @baldur

slightlyoff, to random
@slightlyoff@toot.cafe avatar

MSFT words I have to unpack in every meeting:

  • "ask" == "request"
  • "inbox" == "include"
  • "double click" == "discuss in detail"
  • "learnings" == "lessons"
  • "delighter" == "feature" (apologies to Kano)
slightlyoff,
@slightlyoff@toot.cafe avatar

@dotproto "One of X team's asks was that we inbox their code in our next release."

Absolutely cursed.

slightlyoff,
@slightlyoff@toot.cafe avatar

@zachleat May I ask why?

slightlyoff,
@slightlyoff@toot.cafe avatar

@zachleat Great, I'll follow up offline.

slightlyoff, to random
@slightlyoff@toot.cafe avatar

Very cool:

https://github.com/ProgressiveWebComponents/pwa-install

slightlyoff, to random
@slightlyoff@toot.cafe avatar

IDK, man. Maybe testing on representative devices is actually too hard hard? But if you're gonna produce a "numbers every web developer should know" clout-farming thinkfluence feelpiece, maybe disambiguate compressed vs. uncompressed file sizes.

  • All
  • Subscribed
  • Moderated
  • Favorites
  • •
  • provamag3
  • rosin
  • mdbf
  • osvaldo12
  • ethstaker
  • tacticalgear
  • DreamBathrooms
  • thenastyranch
  • magazineikmin
  • modclub
  • Youngstown
  • everett
  • slotface
  • kavyap
  • JUstTest
  • GTA5RPClips
  • khanakhh
  • cisconetworking
  • tester
  • ngwrru68w68
  • normalnudes
  • Durango
  • InstantRegret
  • cubers
  • megavids
  • Leos
  • anitta
  • lostlight
  • All magazines
    •