Addy Osmani
@addyosmani.bsky.social
Engineering lead working on Google Chrome.
I want you to win :) For more on what I'm up to, I'm at addyosmani.com
I want you to win :) For more on what I'm up to, I'm at addyosmani.com
Pinned
Addy Osmani
@addyosmani.bsky.social
· Dec 5
✍️ "Hard truths about AI-assisted coding" tips & tricks in my latest article: bit.ly/ai-assisted
While AI-Assisted coding can get you 70% of the way there (great for prototypes or MVPs), the final 30% requires significant human intervention for quality and maintainability.
While AI-Assisted coding can get you 70% of the way there (great for prototypes or MVPs), the final 30% requires significant human intervention for quality and maintainability.
Reposted by Addy Osmani
Why does "vibe coding" usually not lead to anything productive? A great person to answer is @addyosmani.bsky.social: working on Chrome for 10+ years, and is the author of the book Beyond Vibe Coding.
Watch or listen:
• YouTube: youtu.be/dHIppEqwi0g
• Spotify: open.spotify.com/episode/12dW...
Watch or listen:
• YouTube: youtu.be/dHIppEqwi0g
• Spotify: open.spotify.com/episode/12dW...
October 29, 2025 at 8:40 PM
Why does "vibe coding" usually not lead to anything productive? A great person to answer is @addyosmani.bsky.social: working on Chrome for 10+ years, and is the author of the book Beyond Vibe Coding.
Watch or listen:
• YouTube: youtu.be/dHIppEqwi0g
• Spotify: open.spotify.com/episode/12dW...
Watch or listen:
• YouTube: youtu.be/dHIppEqwi0g
• Spotify: open.spotify.com/episode/12dW...
Reposted by Addy Osmani
I dug into progressive image rendering and found a bunch of common assumptions aren't quite true.
➡️ JPEG & WebP progressive-renders worse in Safari
➡️ AVIF _does_ support progressive
➡️ But JPEG XL in Safari doesn't
➡️ JPEG XL decodes much slower than AVIF
⬇️ and more
jakearchibald.com/2025/present...
➡️ JPEG & WebP progressive-renders worse in Safari
➡️ AVIF _does_ support progressive
➡️ But JPEG XL in Safari doesn't
➡️ JPEG XL decodes much slower than AVIF
⬇️ and more
jakearchibald.com/2025/present...
The present and potential future of progressive image rendering
Exploring progressive image rendering across JPEG, PNG, WebP, AVIF, and JPEG XL.
jakearchibald.com
October 16, 2025 at 10:16 AM
I dug into progressive image rendering and found a bunch of common assumptions aren't quite true.
➡️ JPEG & WebP progressive-renders worse in Safari
➡️ AVIF _does_ support progressive
➡️ But JPEG XL in Safari doesn't
➡️ JPEG XL decodes much slower than AVIF
⬇️ and more
jakearchibald.com/2025/present...
➡️ JPEG & WebP progressive-renders worse in Safari
➡️ AVIF _does_ support progressive
➡️ But JPEG XL in Safari doesn't
➡️ JPEG XL decodes much slower than AVIF
⬇️ and more
jakearchibald.com/2025/present...
View Transitions are now in all browsers! They also landed in React! developer.chrome.com/blog/view-tr...
October 23, 2025 at 5:50 AM
View Transitions are now in all browsers! They also landed in React! developer.chrome.com/blog/view-tr...
Reposted by Addy Osmani
This history of Core Web Vitals by @addyosmani.bsky.social is a great read. addyosmani.com/blog/core-we...
The History of Core Web Vitals
This write-up is a history of how Core Web Vitals came to be based on my recollections from our work on it at Google from 2014 onwards
addyosmani.com
October 13, 2025 at 7:11 PM
This history of Core Web Vitals by @addyosmani.bsky.social is a great read. addyosmani.com/blog/core-we...
Announcing Chrome DevTools MCP! 🚀
Connect your AI coding agent to Chrome's powerful automation & debugging capabilities with ease.
Learn more: developer.chrome.com/blog/chrome-...
Connect your AI coding agent to Chrome's powerful automation & debugging capabilities with ease.
Learn more: developer.chrome.com/blog/chrome-...
September 23, 2025 at 3:25 PM
Announcing Chrome DevTools MCP! 🚀
Connect your AI coding agent to Chrome's powerful automation & debugging capabilities with ease.
Learn more: developer.chrome.com/blog/chrome-...
Connect your AI coding agent to Chrome's powerful automation & debugging capabilities with ease.
Learn more: developer.chrome.com/blog/chrome-...
Reposted by Addy Osmani
This great piece by @addyosmani.bsky.social resonates strongly with my recent experience using AI coding agents
The 70% problem: Hard truths about AI-assisted coding
A field guide and why we need to rethink our expectations
addyo.substack.com
September 16, 2025 at 2:17 PM
This great piece by @addyosmani.bsky.social resonates strongly with my recent experience using AI coding agents
✍️ How modern browsers work addyo.substack.com/p/how-modern... - my write-up on browser internals for web developers
How modern browsers work
A web developers guide to browser internals
addyo.substack.com
September 13, 2025 at 7:05 PM
✍️ How modern browsers work addyo.substack.com/p/how-modern... - my write-up on browser internals for web developers
Reposted by Addy Osmani
Thank you @addyosmani.bsky.social for being the one to call out the distinction between vibe coding and AI assisted engineering. What a good read: open.substack.com/pub/addyo/p/...
Vibe coding is not the same as AI-Assisted engineering.
Can you really 'vibe' your way to production-ready software?
open.substack.com
September 5, 2025 at 9:31 PM
Thank you @addyosmani.bsky.social for being the one to call out the distinction between vibe coding and AI assisted engineering. What a good read: open.substack.com/pub/addyo/p/...
Reposted by Addy Osmani
I spotted that @addyosmani.bsky.social's book on Vibe Coding is now re-titled to "Beyond Vibe Coding" - I think the new title is a huge improvement, really excited to read it when it comes out on 24th September simonwillison.net/2025/Sep/4/b...
Beyond Vibe Coding
Back in May I wrote Two publishers and three authors fail to understand what “vibe coding” means where I called out the authors of two forthcoming books on "vibe coding" …
simonwillison.net
September 4, 2025 at 9:03 PM
I spotted that @addyosmani.bsky.social's book on Vibe Coding is now re-titled to "Beyond Vibe Coding" - I think the new title is a huge improvement, really excited to read it when it comes out on 24th September simonwillison.net/2025/Sep/4/b...
Reposted by Addy Osmani
For a some backgrounds on development of Google Chrome, see this excellent post by @addyosmani.bsky.social : addyosmani.com/blog/chrome-...
Google Chrome at 17 - A history of our browser
Chrome turns 17 this week, and it feels like a good time to reflect on how far we have come in terms of Chromes guiding principles
addyosmani.com
September 4, 2025 at 1:19 PM
For a some backgrounds on development of Google Chrome, see this excellent post by @addyosmani.bsky.social : addyosmani.com/blog/chrome-...
Reposted by Addy Osmani
Patterns.dev — A free, 435+ page book and site on design, rendering, and performance patterns for modern web apps (vanilla JS and frameworks like React), by @lydiahallie.com and @addyosmani.bsky.social .
Patterns.dev
Learn JavaScript design and performance patterns for building more powerful web applications.
www.patterns.dev
August 31, 2025 at 8:04 AM
Patterns.dev — A free, 435+ page book and site on design, rendering, and performance patterns for modern web apps (vanilla JS and frameworks like React), by @lydiahallie.com and @addyosmani.bsky.social .
New in Chrome DevTools: Instantly check CSS feature compatibility with Baseline!
Chrome DevTools now displays the Baseline status for CSS properties right in the Elements panel - Baseline gives you clear info about which web features are ready to use today.
Chrome DevTools now displays the Baseline status for CSS properties right in the Elements panel - Baseline gives you clear info about which web features are ready to use today.
August 22, 2025 at 6:04 PM
New in Chrome DevTools: Instantly check CSS feature compatibility with Baseline!
Chrome DevTools now displays the Baseline status for CSS properties right in the Elements panel - Baseline gives you clear info about which web features are ready to use today.
Chrome DevTools now displays the Baseline status for CSS properties right in the Elements panel - Baseline gives you clear info about which web features are ready to use today.
What would you like me to talk about more on here?
🛠️ Chrome DevTools and tooling
🕸️ Web Platform and new APIs
🤖 AI and AI-assisted Engineering
⛰️ Leadership and teams
...or all the above 😂
Let me know and I'll keep it in mind.
🛠️ Chrome DevTools and tooling
🕸️ Web Platform and new APIs
🤖 AI and AI-assisted Engineering
⛰️ Leadership and teams
...or all the above 😂
Let me know and I'll keep it in mind.
July 26, 2025 at 10:34 PM
What would you like me to talk about more on here?
🛠️ Chrome DevTools and tooling
🕸️ Web Platform and new APIs
🤖 AI and AI-assisted Engineering
⛰️ Leadership and teams
...or all the above 😂
Let me know and I'll keep it in mind.
🛠️ Chrome DevTools and tooling
🕸️ Web Platform and new APIs
🤖 AI and AI-assisted Engineering
⛰️ Leadership and teams
...or all the above 😂
Let me know and I'll keep it in mind.
New in ChromeDevTools: Debug complex CSS values more easily! 🎉
The Elements > Styles tab now shows a tooltip on hover with:
1. A step-by-step evaluation of complex CSS calculations to trace values back to their origin!
2. The full definition chain of CSS variables!
The Elements > Styles tab now shows a tooltip on hover with:
1. A step-by-step evaluation of complex CSS calculations to trace values back to their origin!
2. The full definition chain of CSS variables!
July 14, 2025 at 4:43 PM
New in ChromeDevTools: Debug complex CSS values more easily! 🎉
The Elements > Styles tab now shows a tooltip on hover with:
1. A step-by-step evaluation of complex CSS calculations to trace values back to their origin!
2. The full definition chain of CSS variables!
The Elements > Styles tab now shows a tooltip on hover with:
1. A step-by-step evaluation of complex CSS calculations to trace values back to their origin!
2. The full definition chain of CSS variables!
New in Chrome DevTools: Gemini can modify and save CSS changes directly to your source!
✨ Modify and fix CSS within the Elements panel.
🧪 Instantly test changes live.
💾 Save changes back to your source files with a connected workspace folder.
Learn more: developer.chrome.com/blog/new-in-...
✨ Modify and fix CSS within the Elements panel.
🧪 Instantly test changes live.
💾 Save changes back to your source files with a connected workspace folder.
Learn more: developer.chrome.com/blog/new-in-...
June 8, 2025 at 11:11 PM
New in Chrome DevTools: Gemini can modify and save CSS changes directly to your source!
✨ Modify and fix CSS within the Elements panel.
🧪 Instantly test changes live.
💾 Save changes back to your source files with a connected workspace folder.
Learn more: developer.chrome.com/blog/new-in-...
✨ Modify and fix CSS within the Elements panel.
🧪 Instantly test changes live.
💾 Save changes back to your source files with a connected workspace folder.
Learn more: developer.chrome.com/blog/new-in-...
Just published: "The Prompt Engineering Playbook for Programmers"
My latest free write-up: addyo.substack.com/p/the-prompt... ✍️
My latest free write-up: addyo.substack.com/p/the-prompt... ✍️
The Prompt Engineering Playbook for Programmers
Turn AI coding assistants into more reliable development partners
addyo.substack.com
May 31, 2025 at 8:38 AM
Just published: "The Prompt Engineering Playbook for Programmers"
My latest free write-up: addyo.substack.com/p/the-prompt... ✍️
My latest free write-up: addyo.substack.com/p/the-prompt... ✍️
Vibe Coding is not an excuse for low-quality work - my latest write-up: addyo.substack.com/p/vibe-codin... ✍️
Vibe Coding is not an excuse for low-quality work
A field guide to responsible AI-assisted development
addyo.substack.com
April 18, 2025 at 6:00 AM
Vibe Coding is not an excuse for low-quality work - my latest write-up: addyo.substack.com/p/vibe-codin... ✍️
Advanced React: Production case studies from ambitious web projects: largeapps.dev/case-studies... - our latest write-up!
April 15, 2025 at 10:22 AM
Advanced React: Production case studies from ambitious web projects: largeapps.dev/case-studies... - our latest write-up!
Reposted by Addy Osmani
CSS Weekly #609
💙 UIs for humans
💬 Nackgrounds that follows inline text
🏁 Styling counters
🔢 Style Legend
Featuring @wattenberger.com, @anatudor.bsky.social, @monknow.bsky.social, @adactio.com, @stefanjudis.com, @kevinpowell.co, @addyosmani.bsky.social, @twogrey.bsky.social. 🙏
cssw.io/issue-609
💙 UIs for humans
💬 Nackgrounds that follows inline text
🏁 Styling counters
🔢 Style Legend
Featuring @wattenberger.com, @anatudor.bsky.social, @monknow.bsky.social, @adactio.com, @stefanjudis.com, @kevinpowell.co, @addyosmani.bsky.social, @twogrey.bsky.social. 🙏
cssw.io/issue-609
CSS Weekly Issue #609
Learn how our interfaces have lost their senses, how to get a semitransparent background following inline text, different approaches to style counters, and more.
cssw.io
April 10, 2025 at 12:24 PM
CSS Weekly #609
💙 UIs for humans
💬 Nackgrounds that follows inline text
🏁 Styling counters
🔢 Style Legend
Featuring @wattenberger.com, @anatudor.bsky.social, @monknow.bsky.social, @adactio.com, @stefanjudis.com, @kevinpowell.co, @addyosmani.bsky.social, @twogrey.bsky.social. 🙏
cssw.io/issue-609
💙 UIs for humans
💬 Nackgrounds that follows inline text
🏁 Styling counters
🔢 Style Legend
Featuring @wattenberger.com, @anatudor.bsky.social, @monknow.bsky.social, @adactio.com, @stefanjudis.com, @kevinpowell.co, @addyosmani.bsky.social, @twogrey.bsky.social. 🙏
cssw.io/issue-609
Reposted by Addy Osmani
Efficiency is doing things right.
Effectiveness is doing the right things.
~ @addyosmani.bsky.social in Leading Effective Engineering Teams
Effectiveness is doing the right things.
~ @addyosmani.bsky.social in Leading Effective Engineering Teams
April 8, 2025 at 2:16 PM
Efficiency is doing things right.
Effectiveness is doing the right things.
~ @addyosmani.bsky.social in Leading Effective Engineering Teams
Effectiveness is doing the right things.
~ @addyosmani.bsky.social in Leading Effective Engineering Teams
Reposted by Addy Osmani
Great post by @addyosmani.bsky.social, my co-chair on @oreilly.bsky.social's upcoming May 8 online event about the future of software development. I've been writing about what AI needs to learn from internet protocols, and Addy makes it real with concrete examples of how MCP is doing that.
MCP: What It Is and Why It Matters
The standard creating a common language between AI and apps
addyo.substack.com
March 28, 2025 at 2:43 PM
Great post by @addyosmani.bsky.social, my co-chair on @oreilly.bsky.social's upcoming May 8 online event about the future of software development. I've been writing about what AI needs to learn from internet protocols, and Addy makes it real with concrete examples of how MCP is doing that.
Using AI in software development is not about writing more code faster - it's about building better software.
I wrote a free ~60m read on leading effective teams through the age of GenAI: bit.ly/leet-ai ✍️
I wrote a free ~60m read on leading effective teams through the age of GenAI: bit.ly/leet-ai ✍️
March 24, 2025 at 6:36 PM
Using AI in software development is not about writing more code faster - it's about building better software.
I wrote a free ~60m read on leading effective teams through the age of GenAI: bit.ly/leet-ai ✍️
I wrote a free ~60m read on leading effective teams through the age of GenAI: bit.ly/leet-ai ✍️
We released Canvas in Gemini this week, allowing you to code and preview React/JS components quickly. Here's a one-shot Stock market component 👀
Try it out: gemini.google.com
Try it out: gemini.google.com
March 22, 2025 at 7:08 PM
We released Canvas in Gemini this week, allowing you to code and preview React/JS components quickly. Here's a one-shot Stock market component 👀
Try it out: gemini.google.com
Try it out: gemini.google.com
Reposted by Addy Osmani
"10 Google engineering practices your team can adopt"
Free to read: addyo.substack.com/p/applied-so...
My new post breaks down our software engineering practices into actionable steps you can implement in your own team. From smaller teams to larger orgs, there are key takeaways here for everyone.
Free to read: addyo.substack.com/p/applied-so...
My new post breaks down our software engineering practices into actionable steps you can implement in your own team. From smaller teams to larger orgs, there are key takeaways here for everyone.
Applied "Software Engineering at Google"
Practices worth adopting for other organizations
addyo.substack.com
March 6, 2025 at 6:44 PM
"10 Google engineering practices your team can adopt"
Free to read: addyo.substack.com/p/applied-so...
My new post breaks down our software engineering practices into actionable steps you can implement in your own team. From smaller teams to larger orgs, there are key takeaways here for everyone.
Free to read: addyo.substack.com/p/applied-so...
My new post breaks down our software engineering practices into actionable steps you can implement in your own team. From smaller teams to larger orgs, there are key takeaways here for everyone.