Addy Osmani(@addyosmani) 's Twitter Profileg
Addy Osmani

@addyosmani

Engineering leader, @GoogleChrome • Author • Great user & developer experiences • @ChromiumDev @ChromeDevTools • @____lighthouse • @ChromeUXReport

ID:35432643

linkhttps://addyosmani.com calendar_today26-04-2009 08:40:11

26,1K Tweets

339,3K Followers

1,9K Following

Follow People
Addy Osmani(@addyosmani) 's Twitter Profile Photo

Tip: Want to load your (LCP) hero image sooner? Try <img fetchpriority=high> to boost its priority ⚡️

Chrome DevTools now also shows the initial and final priority of requests in the Performance & Network panels 🙌

Tip: Want to load your (LCP) hero image sooner? Try <img fetchpriority=high> to boost its priority ⚡️ @ChromeDevTools now also shows the initial and final priority of requests in the Performance & Network panels 🙌
account_circle
Marc Grabanski(@1Marc) 's Twitter Profile Photo

Here it is! Patterns for Reactivity (~18 of them!) with Modern Vanilla JavaScript frontendmasters.com/blog/vanilla-j…

account_circle
Addy Osmani(@addyosmani) 's Twitter Profile Photo

Tip: Chrome DevTools can now override the content of Fetch/XHR requests! Great for mocking APIs without waiting on backend changes!

This and lots more in Chrome 117: bit.ly/wnd117

account_circle
Addy Osmani(@addyosmani) 's Twitter Profile Photo

Like Vue.js? Happy to share Lydia Hallie ✨ and I are teaming up with Hassan Djirdeh (author of Fullstack Vue) to bring a free Vue design patterns guide to Patterns.dev 🥳

Excited to share more updates soon. Stay tuned!

Like @vuejs? Happy to share @lydiahallie and I are teaming up with @djirdehh (author of Fullstack Vue) to bring a free Vue design patterns guide to Patterns.dev 🥳 Excited to share more updates soon. Stay tuned!
account_circle
Addy Osmani(@addyosmani) 's Twitter Profile Photo

Write about what you learn. It pushes you to understand topics better. Sometimes knowledge gaps only become clear when explaining things to others.

account_circle
Jecelyn Yeen 🐟(@jecfish) 's Twitter Profile Photo

🤩 [1/4] Coming soon in Chrome DevTools - You can overrides API response (Fetch/XHR) and more!

Imagine you can mock APIs in frontend without waiting for the backend changes!

Not only that...

🤩 [1/4] Coming soon in @ChromeDevTools - You can overrides API response (Fetch/XHR) and more! Imagine you can mock APIs in frontend without waiting for the backend changes! Not only that...
account_circle
Chrome DevTools(@ChromeDevTools) 's Twitter Profile Photo

Devs: How can I debug beyond console.log()? 🤔
Jecelyn Yeen 🐟 : Here you go, new about breakpoints, logpoints, debugger and more!
👉🏽 youtu.be/JyHjoaUhAus

Devs: How can I debug beyond console.log()? 🤔 @jecfish : Here you go, new #DevToolsTips about breakpoints, logpoints, debugger and more! 👉🏽 youtu.be/JyHjoaUhAus
account_circle
Roman Nurik 🇺🇦(@romannurik) 's Twitter Profile Photo

💜[1/10] Hey folks — I’m so excited to finally be able to talk about what I’ve been working on this past year — Project IDX (idx.dev) …

developers.googleblog.com/2023/08/introd…

🧵

account_circle
Addy Osmani(@addyosmani) 's Twitter Profile Photo

Excited to share idx.dev 🚀 - Google's new browser-based code environment.

It has AI assistance for code-generation, code-completion and explaining code built-in. Also supports modern JavaScript frameworks out of the box.

Join the waitlist today 🙏

Excited to share idx.dev 🚀 - @Google's new browser-based code environment. It has AI assistance for code-generation, code-completion and explaining code built-in. Also supports modern JavaScript frameworks out of the box. Join the waitlist today 🙏
account_circle
Scott Hanselman 🌮(@shanselman) 's Twitter Profile Photo

Beware the Prosperity Gospel of Tech Twitter.

This whole system is algorithmically designed to make you feel bad about yourself and your progress. Measure only against your previous self.

Don’t worry about people’s cars or houses, focus on you, then send the ladder back down.

account_circle
Addy Osmani(@addyosmani) 's Twitter Profile Photo

Tip: Chrome DevTools has an Easing editor to tweak animation and transition timings 💨 We recently added linear timing support too: bit.ly/easing-editor

account_circle
Addy Osmani(@addyosmani) 's Twitter Profile Photo

When you suffer from imposter syndrome, remember that everyone had to learn new things at some point.

e.g. Google’s Larry Page w/web dev:

When you suffer from imposter syndrome, remember that everyone had to learn new things at some point. e.g. Google’s Larry Page w/web dev:
account_circle
Addy Osmani(@addyosmani) 's Twitter Profile Photo

✍️ The key to understanding complex systems is patience: addyosmani.com/blog/patience/

Systems are often a mix of many components with unique properties and roles. To understand the whole, it's vital to comprehend each component and how they interact with others. This takes time ⌚️

account_circle
Addy Osmani(@addyosmani) 's Twitter Profile Photo

A beautiful View Transitions demo: astro-spa.netlify.app made even faster thanks to the work in Astro 2.1 astro.build/blog/astro-210…

account_circle
Addy Osmani(@addyosmani) 's Twitter Profile Photo

Tip: Chrome DevTools has an Easing editor to tweak animation and transition timings 💨 We recently added linear timing support too: bit.ly/easing-editor

account_circle