Posts

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

ryantownsend, to webdev
@ryantownsend@webperf.social avatar

Oliver Lingberg just published an interview with me about the #webperf industry and my upcoming talk at his conference Pixel Pioneers on June 14th: https://pixelpioneers.co/blog/speaker-spotlight-ryan-townsend

If you're considering coming you can get 10% off with the code 'Friends10', making the price just ~£140 ex VAT. Student tickets are also available for £60 – exceptional value! Full details 👉 https://pixelpioneers.co/

#webdev #webdesign #ux

A talking-head video with Ryan Townsend sat at a desk.

ryantownsend, to random
@ryantownsend@webperf.social avatar

Building on the already awesome scroll snap functionality in CSS, we're getting some super useful JavaScript events to help synchronise elements with snaps (such as indicators on carousels): https://groups.google.com/a/chromium.org/g/blink-dev/c/-naLTco_PEo/m/GwL4OA6dAQAJ?pli=1 ❤️

ryantownsend, to random
@ryantownsend@webperf.social avatar

Many executives I come across are under the misguided assumption that Scrum is some magical tool that conjures more productivity out of staff, rather than taking responsibility for removing obstacles their teams face.

Sound familiar? Check out my latest 'Lessons of a CTO' video 🎬

Full transcript: https://lessonsofacto.com/videos/027-the-most-important-part-of-scrum-isnt-the-responsibility-of-developers/

video/mp4

ryantownsend, to random
@ryantownsend@webperf.social avatar

Finally got myself a ‘new’ phone today, it’s an absolute banger.

No, it’s not an iPhone 15 Pro Max, it’s a Samsung A51 for testing and it scores less than half an iPhone 7 on Geekbench 😬 you can feel the input lag even during device setup!

Hat tip to @slightlyoff for the recommendation. Worth reading: https://infrequently.org/2024/01/performance-inequality-gap-2024/

ryantownsend,
@ryantownsend@webperf.social avatar

I’m not sure why it needed to know my age during setup but jeez, what brutal age ranges to use 😭

ryantownsend, to random
@ryantownsend@webperf.social avatar

@bramus reading through the Virtual Keyboard shenanigans and your name pops up a lot. Firstly, thank you for trying to make some sense of it all / standardise 🙏

Is there a reason there's no viewport unit for this? (kinda like a modified svh) or has that idea been proposed/rejected for some reason?

Unless I'm missing something, it seems overly complex to change how the viewport behaves across a whole site just for the occasional situation you need something to float above a keyboard?

Schepp,
@Schepp@mastodon.social avatar
bramus,
@bramus@front-end.social avatar
ryantownsend, to random
@ryantownsend@webperf.social avatar

MPA View Transitions are exiting the experimental stage on Chrome 🎉🎉🎉
https://botsin.space/@intenttoship/112361791762490199

ryantownsend, to webdev
@ryantownsend@webperf.social avatar

Looks like we're close to getting @starting-style in Firefox Nightly: https://bugzilla.mozilla.org/show_bug.cgi?id=1834876

If you're building animated dialogs/menus, you should be building them with this and transition-behavior: allow-discreet, workarounds/hacks should only be used where absolutely necessary as they will rapidly become deadweight.

Accept where we are today, but build with the near future in mind.

ryantownsend, to webdev
@ryantownsend@webperf.social avatar
ryantownsend, to random
@ryantownsend@webperf.social avatar

@keithamus FYI I've got a need for invokeaction=set on an input field.

I figured it may have already been considered but I can't see any prior discussion around this so I've opened an issue: https://github.com/openui/open-ui/issues/1038

Obviously I can patch it in manually by listening for invoke events, but I feel it could be useful platform-native behavior.

ryantownsend, to random
@ryantownsend@webperf.social avatar

Going to be interesting to see the WebKit/Safari/Apple position on this 🍿🍿🍿
https://botsin.space/@intenttoship/112258950961744422

duffeh,

@ryantownsend isn't the iOS update for the EU change out shortly aswell, allowing chrome to be chrome and not webkit ?

ryantownsend,
@ryantownsend@webperf.social avatar

@duffeh that went out in 17.4, didn’t it?

ryantownsend, to random
@ryantownsend@webperf.social avatar

CustomStateSet is going to be enabled in Firefox by default 1 – another great platform feature (basically custom CSS pseudo-classes) that'll be available in all browsers 🎉

duffeh,

@ryantownsend honestly could change a lot and be a big drive to web components.

I wonder if you could make a is flex wrapped with this.

ryantownsend,
@ryantownsend@webperf.social avatar

@duffeh do you mean to detect whether a flex container has had to wrap it's children or similarly detecting whether a child within a flex container has been wrapped (i.e. line 2+)? In either case, I'm sure you could, but you'd need Resize and Mutation observers so tread lightly with performance.

ryantownsend, to random
@ryantownsend@webperf.social avatar

@ksylor thanks for highlighting I’d sent a DM publicly 🤦‍♂️

That was the last part of a new talk summary I’m prepping for Smashing Conf / Front Conf.

My new title is “Our Websites Need a Lifestyle Change, Not a Diet”

It’ll be a similar focus on the Web Platform to my perfnow talk but I’m gonna go a little deeper on INP and convincing people perf is a problem, given the audience is more of a broad spread of specialisms.

ryantownsend,
@ryantownsend@webperf.social avatar

@ksylor …and I’ve done it again! 🤦‍♂️

Mastodon really needs a better UI than this ‘private mention’ malarkey.

Nevermind, the talk outline will be public shortly anyway 😅

PSA: don’t toot before coffee.

ryantownsend,
@ryantownsend@webperf.social avatar

@sangster @ksylor there are so many possible metaphors, I’m going to have to be careful not to take it too far 😅

ryantownsend, to random
@ryantownsend@webperf.social avatar

A nice little bug in @jordyscholing's RUMvision Core Web Vitals History Checker...

I love improving CLS by Infinity%! 😅

ryantownsend,
@ryantownsend@webperf.social avatar

@jordyscholing this should never be fixed.

Performance wins should be celebrated to the maximum.

jordyscholing,

@ryantownsend bet, removing the ticket again.

ryantownsend, to random
@ryantownsend@webperf.social avatar

@bramus sorry I'm consuming your time today, but you might be able to save me a day of research on Scroll-driven Animation:

Do you know if there's a way to effectively detect whether a position:sticky element is currently stuck? e.g. if I have the element half way down a page, I want the animation to start when it hits/nears the top of the viewport and finish Npx after that?

Kinda like your fixed header demo (https://scroll-driven-animations.style/demos/cover-to-fixed-header/css/) but with variable content above the header element.

bramus,
@bramus@front-end.social avatar

@ryantownsend Glad you found it 👏

Also see https://kizu.dev/scroll-driven-animations/#stuck-states-for-the-sticky-headers by @kizu who uses SDA to detect stickiness.

We’re also working on a stuck state query which you’ll be able to use some time in the future.

ryantownsend,
@ryantownsend@webperf.social avatar

@bramus @kizu I knew I'd seen it somewhere!

Huge +1 to having a :stuck state selector of some kind!

ryantownsend, to random
@ryantownsend@webperf.social avatar

"BigCode is an open scientific collaboration working on the responsible development and use of large language models for code" – so "responsible" it's opt-out 🙃 🙃 🙃

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