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-...

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

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/...

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...

For a some backgrounds on development of Google Chrome, see this excellent post by @addyosmani.bsky.social : addyosmani.com/blog/chrome-...

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.

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.

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!

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-...

Just published: "The Prompt Engineering Playbook for Programmers" 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... ✍️

Advanced React: Production case studies from ambitious web projects: largeapps.dev/case-studies... - our latest write-up!

What are AI Agents? why do they matter? ✍️ My latest write-up: addyo.substack.com/p/what-are-a...

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

Efficiency is doing things right. Effectiveness is doing the right things. ~ @addyosmani.bsky.social in Leading Effective Engineering Teams

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 ✍️

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

"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.

Speech-to-text got pretty good the last few years. I'm using voice to dictate prompts for coding and notes. Some tips: ✍️ addyo.substack.com/p/speech-to-...

Coding with AI? LLMs help with the first 70% of grunt work, but human skills remain critical for that last 30%: system design, maintainability & more. I cover this in my new article "Maximizing the human 30% of AI-assisted coding": ✍️ bit.ly/ai-coding-30

"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.

New in Chrome DevTools: Accurately emulate CPU performance of a low/mid tier phone with Automatic CPU throttling calibration! 📲 This feature calculates slow-downs for your specific device. Wanted this for years! We just shipped it.

Tip: Chrome DevTools can emulate a focused page! Great for debugging elements that disappear when they lose focus.

✍️ Personal Software is moving us from "buy what you need" to "generate what you need" bit.ly/personal-sof...

🕵️‍♂️ Revealed: React's experimental animations API. Yes, React is getting its first native animations component. Discover <ViewTransition /> in my new post, with live demos, copy/pasteable code, and a full examples minisite. 🔗 Read all about it: motion.dev/blog/reacts-...

New in Chrome DevTools: Skip irrelevant scripts in the Flame Chart! Debugging is faster and more actionable 🙏

Building a great product is about understanding your user's pain points so well your solution feels like magic.

Introducing "Copy console" in Chrome DevTools: one-click copy all console messages. Useful for pasting into LLMs / AI Code Editors for better fixes.

"Your UI doesn't need to map one-to-one with your data's fields and values". Great thinking on simplicity from Steve Schoger

Must reads for web developers - how modern browsers work: 1️⃣ bit.ly/browsers-pt1 2️⃣ bit.ly/browsers-pt2 3️⃣ bit.ly/browsers-pt3 4️⃣ bit.ly/browsers-pt4 and browser.engineering a free to read book on the topic

"DOOM: The Gallery Experience" on the web. Try it: bobatealee.itch.io/doom-the-gal...

How AI-assisted coding will change software engineering: hard truths. About how these AI tools really work and how they could be the start of the return of software, as a craft. Based on a guest post by @addyosmani.bsky.social. Read it here: newsletter.pragmaticengineer.com/p/how-ai-wil...

🎊 Happy New Year! I discovered a lot of very cool dev stuff in 2024, from libraries to devtools to educational resources. Thought it’d be fun to share them all, to help kickstart your 2025! Let’s go through the list. 🧵

Want fireworks in your terminal? ❤️ Try `npx firew0rks` Source: github.com/addyosmani/f...

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

"How do you future-proof your software engineering career?" The best engineers have always been problem solvers who understand *both* technical constraints and human needs. As AI reduces the friction of implementation, a holistic understanding becomes valuable. addyo.substack.com/p/future-pro...

Quickly turn a GitHub repository into text for LLMs with Gitingest ⚡️ Replace "hub" with "ingest" in any GitHub URL for a text version of the codebase. gitingest.com github.com/cyclotruc/gi...

Build things with curiosity. Build things that interest you, even if they seem silly. Every build is a step towards growth.

"The reality is that #AI is like having a very eager junior developer on your team. They can write code quickly, but they need constant supervision and correction. The more you know, the better you can guide them." @addyosmani.bsky.social addyo.substack.com/p/the-70-pro...

Google's #Veo2 video generation model impresses. "SF drone footage. Hyperlapse during the night. Golden Gate bridge."

It’s never too late to start.

"Free background-image remover in the browser!" ⚡️ Excited to announce bg.addy.ie, a free little app that removes backgrounds from images directly in your browser! Privacy-friendly. Uses Transformers.js, RMBG-1.4 & MODNet.

✍️ "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.

Learn to learn well. Adapt. Repeat. Remain a curious student, and tech will never leave you behind.

Tip: In Chrome DevTools, we added a new AI Assistance panel. Debug & tweak CSS using natural language prompts!

Vite 6.0 is out ⚡️ vite.dev/blog/announc...

"Soft skill books that will make you a better developer" open.substack.com/pub/addyo/p/... Takeaways from some favorite books that have helped me grow over time.