Addy Osmani
@addyosmani.bsky.social
19K followers 390 following 440 posts
Engineering lead working on Google Chrome. I want you to win :) For more on what I'm up to, I'm at addyosmani.com
Posts Media Videos Starter Packs
Pinned
✍️ "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.
The 70% problem - hard truths about AI-Assisted Coding
Our pleasure! We hope it's helpful!
Hope folks find DevTools MCP helpful!
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-...
Adulthood honestly looks great. Congrats on the solid reviews! Looking forward to watching
Reposted by Addy Osmani
Reposted by Addy Osmani
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
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.
baseline status now inline on hover for css properties
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.
Thanks for the really kind words on the book, Luke! It's really validating to hear the content resonates.
super happy if it will be useful!
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!
css value debugging
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-...
Thanks for the feedback! We can expand on the text to cover the indirect / userland aspects of Redux's influence here rather than suggesting it on its own is large.
Advanced React: Production case studies from ambitious web projects: largeapps.dev/case-studies... - our latest write-up!