Harry Theodoulou

NRK, Norway's public broadcaster, is using scroll-driven animations to tell stories in a whole new way! See how they're doing it ➡️ goo.gle/43ebwi4

Google Publisher Tag Ads Library just released an INP specific improvement Yielding on out of viewport ad slots insertions via SRA. Publishers can also decide to yield on every slot including the in-viewport ones by using the adYield Config option.

The secret to a smoother streaming experience? Reducing Interaction to Next Paint (INP). Discover how @DisneyPlusHS boosted user engagement for their app in this article by @imsaurabhrajpal and @bhuvanesh_audi: goo.gle/3L6Ob8j

In this last tweet Rick mentioned the concept of long tasks which you might hear a lot when it comes to measure and improve INP. Let's talk about this today and try to break it down to understand why long tasks affect #INP as well.

A better way to measure interaction responsiveness is coming to Core Web Vitals! On March 12 Interaction to Next Paint (INP) will become one of the three essential metrics to delivering great UX on the web Start here to learn more and get prepared 👇 web.dev/blog/inp-cwv-m…

@localhost_droid @mousstra1512 @lakhassane @stevejarrett @saniyusuf hey @mousstra1512 happy to have a quick coffee chat 😃

@mousstra1512 @lakhassane You should definitely have a coffee chat with these folks if they are around @stevejarrett @saniyusuf @harryTheo_ So sad that I’m still at Dakar but next time in sha allah.

@localhost_droid @gilberto_cocchi @tunetheweb near impossible talking about INP in my language, it's all Greek to me 🤣

Today I did the exercise of presenting INP optimization methods in French but I had terrible difficulty explaining it as simply as in English. I couldn’t yield on my main language easily. Who did the same thing in another language @gilberto_cocchi @tunetheweb @harryTheo_ 😀

Still using unload handlers on your web sites/web apps? You really need to look at moving away from them because they are extremely unreliable and will stop firing even more in the near future. Check out this post for more information: developer.chrome.com/blog/deprecati…

My favourite browser and my favourite F1 team came together and two back to back P2's by Lando over the last two races. Happy days!! 🤩

@GMEKing9001 hi @GMEKing9001 thank you for your question! Reading from the clipboard is not supported on web content but only in extensions in Firefox. It can be enabled with the dom.events.asyncClipboard.readText flag. See more here: developer.mozilla.org/en-US/docs/Web…

Looks like your guide doesn’t actually work on Firefox! What can I do? @harryTheo_

We've updated the Web Vitals extension to provide more useful debugging information to help you optimise your Core Web Vitals. Read all about the new console logs here: web.dev/debug-cwvs-wit…

Add a Skip Navigation link so that keyboard-only users can navigate the main content of your website faster. Implementation time: 10 minutes (not kidding) #webaccessibility #accessibility #webdevelopment harrytheo.com/blog/2023/04/h…

Unload events are quite unreliable across browsers & platforms, and they break the back/forward cache 😥 We are looking at changing how Chrome fires unload events to unlock more instant back navigations 🚅📈 Details & call for feedback: groups.google.com/a/chromium.org…

Join me this Friday, 31st of March, when I will be talking live about Accessibility best practises and demoing how to build Accessible UI elements on the web! 👉 RSVP link: gdsc.community.dev/e/m5habe/ See you then! #accessibility #webdevelopment #webdev

`text-wrap: balance` in action 🎬

A few people have asked how to use view transitions in React. It's not totally straight-forward due to how React abstracts DOM changes, but the complexity can be hidden away in a hook. Here's a demo: codesandbox.io/s/nervous-mcla… (requires Chrome Beta/Canary for the transitions)

The final modules of Learn Accessibility, created by @cariefisher, are now live. Learn how to make your forms more accessible and how to test your sites and web apps for accessibility. web.dev/learn-accessib…

We believe that everyone should have access to the world’s information and opportunities. That's why we're opening the UK’s first Accessibility Discovery Centre, as we strive to drive innovation in helpful, accessible technology. Learn more here: bit.ly/3VwOXhP

Accessibility is crucial in ensuring that everyone can interact with the web in a meaningful way. This week, we’re highlighting accessibility resources to help you build for everyone. 🖱️ Follow along with #A11yWeek.

Four new modules are available in Learn Accessibility! Read about accessible content structure, keyboard focus, the Document, and more: web.dev/learn/accessib…