View Transitions are now in all browsers! They also landed in React! developer.chrome.com/blog/view-tr...

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

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

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

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

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

"DOOM: The Gallery Experience" on the web.

Try it: bobatealee.itch.io/doom-the-gal...

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

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

Google's #Veo2 video generation model impresses.

"SF drone footage. Hyperlapse during the night. Golden Gate bridge."

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

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

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