Harry Theodoulou

Web Ecosystem Consultant @ Google 👨‍💻 | footy ⚽ | cars & racing 🏎️
-
The opinions stated here are my own.

[Chrome for Developers @ChromiumDev]

NRK, Norway's public broadcaster, is using scroll-driven animations to tell stories in a whole new way! See how they're doing it ➡️ https://t.co/5pQcwYsm9h

[Gilberto Cocchi @gilberto_cocchi]

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.

[Chrome for Developers @ChromiumDev]

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: https://t.co/5z8cSNAy5v

[Thierno Thiam @localhost_droid]

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.

[Chrome for Developers @ChromiumDev]

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 👇
https://t.co/wtmVzhHP0l

[Harry Theodoulou @harryTheo_]

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

[Harry Theodoulou @harryTheo_]

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

[Barry Pollard @tunetheweb]

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:
https://t.co/oRQhQUaGRX

[Harry Theodoulou @harryTheo_]

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!! 🤩

[Chrome @googlechrome]

.@McLarenF1 takes us behind the design to see how the updated Chrome livery came to be. #BritishGP

[Harry Theodoulou @harryTheo_]

@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 https://t.co/8FR6FeyXM0.asyncClipboard.readText flag. See more here: https://t.co/XDvNAJfyw3

[Barry Pollard @tunetheweb]

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:
https://t.co/BBqstmY6Oy

[Harry Theodoulou @harryTheo_]

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

https://t.co/Nr9LQCEw86

[Chrome for Developers @ChromiumDev]

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: https://t.co/XIUOgRUFgs

[Harry Theodoulou @harryTheo_]

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: https://t.co/SMG75Ipynv

See you then!

#accessibility #webdevelopment #webdev

[Una 🇺🇦 @Una]

`text-wrap: balance` in action 🎬

[Jake Archibald @jaffathecake]

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: https://t.co/HsWJNW7Ngt (requires Chrome Beta/Canary for the transitions)

[Chrome for Developers @ChromiumDev]

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.

https://t.co/VmxY22MCE4

[Google UK @GoogleUK]

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: https://t.co/wJcWv2vAvj

[Chrome for Developers @ChromiumDev]

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.

[Chrome for Developers @ChromiumDev]

Four new modules are available in Learn Accessibility! Read about accessible content structure, keyboard focus, the Document, and more:
https://t.co/RWFJPnZ3iM