Announcing our public preview of Chrome DevTools MCP! Experience the full power of DevTools in your AI coding agent→ goo.gle/4pDE6Tk With Chrome DevTools MCP, your AI agent can run performance traces, inspect the DOM, & perform real-time debugging of your web pages.

Sometimes you just need to clear your head, take a day off and spend time on your super cool hobby...

Well well well!

Google’s @jackf.io is speaking at the London MCP Dev Summit 🎤 Topic: Lessons learned building the Chrome DevTools MCP Server 👉 Don’t miss it: buff.ly/MwmiH5E (early bird pricing ends in 2 days!) #MCPservers #DevToolsAI

It is incredible to me that so many people say that they rely heavily on AI to generate tests. Having seen how reliable its code output is, I would never trust its tests. I've used it successfully to generate a list of test cases or spit out boilerplate, but any more and I'd be very wary.

The web industry is getting all excited about using AI to build complex apps and meanwhile I'm sat here on coffee shop wifi and the internet is barely usable.

Thought it was weird I hadn't had a DM reply from someone and then I realised I need to verify my age 🙄

“The reason SPAs became the default wasn’t because they were better. It was because, for a while, they were the only way to deliver something that felt fluid – something that didn’t flash white between pages or jank the scroll position.” www.jonoalderson.com/conjecture/i...

Really awesome blog post! The perf extensibility API is really cool (although I am biased...) and worth your time to add custom data to the performance traces on your sites. Also, the issue Harry mentions where marks don't show timestamps is absolutely a bug, and will be fixed in Chrome M140.

@csswizardry.com hey! Thanks for your blog post on the extensibility API :) One thing stood out - you mentioned that timestamps are not shown for markers, which I agree is unhelpful, so I've fixed it in crrev.com/c/6787872 and after that lands, timestamps are shown on hover + on click :)

Currently have two large 28" monitors, one landscape, one portrait, but quite close to going back to just one larger (32") monitor...but will I miss the extra space?!

UK Prime Minister needs to get off Twitter/X and stop stoking race hate. Instead focus on improving living standards for citizens. People working hard in precarious delivery roles are not depriving others of these aspirations! Christ

This thread is incredible.

Really embracing fatherhood, took a day off to spend clearing out the shed and going to the model railway shop 😂

The Steam summer sale is such a great chance to buy more games I'll never play.

Firefox shipping scheduler.postTask() and scheduler.yield() for all your long task-avoiding scheduling needs!!

Today I learned that the Thames Water office is based at a building called... Clearwater Court 🤦‍♂️🤦‍♂️🤦‍♂️🤦‍♂️

#PixelPioneers thank you for listening to me talk about performance! You can find the slides with all the links online: www.jackf.io

If anyone is hiring, I'm still looking for my next thing. Senior Frontend/Fullstack Developer. Skilled at HTML/CSS/JavaScript, React, UI/UX, A11Y, web performance, design systems, Web Components, and more. I'd love to work with you! gomakethings.com/resume

What are some really interesting podcasts you listen to? I think my list has gone a bit stale. I'm fairly open to any topics :)

1. Spend money to increase your internet speed from approx 50mb to 500mb 2. Take two months to realise your USB-C dock (that is 5+ years old and a bit unstable) is throttling your internet down to 80mb for no reason 🙄 3. Swap your work laptop to WiFi and get 500mb! (I've ordered a new USB-C dock 😂)

I wonder if, as the use of AIs in frontend development goes up, if the churn and breaking changes of frameworks will decrease. Cut off dates for training data mean new libraries after that date will be less reliably worked with.

Swapped to a new router (and made the WiFi name / password match the old one) and the only devices in the house that didn't deal with that were the Sonos speakers which isn't surprising given how bad their products and app is. Do yourself a favour and avoid!

👀 Coming to Chrome DevTools in Chrome 138: CSS Value Tracing When you hover a --custom-prop in a `var()`, DevTools currently shows you the computed value. From Chrome 138 onwards, you can hover the `var` part to see how CSS actually got to that value.

Hey friends, did you know you can make a modal <dialog> element dismissible by clicking outside (aka light dismiss) by adding `closedby=any` to it. That's it. That's all there is to it. <dialog closedby=any> developer.mozilla.org/en-US/docs/W... Chrome 134+, Firefox 140+, coming soon to Safari.

The Chrome DevTools Performance panel just leveled up! 🚀 Here's a 69-second taste of the new hotness.

Reason to use web components and platform features number 100000: they are stable, rarely change, and therefore I suspect can be reliably generated/edited/used by AI assistants. Unlike a rapidly changing framework that has major version bumps and breaking features.

I just asked Claude Code to migrate my (very straight forward) Svelte app to web components...and it did it pretty much perfectly with minor tweaks and feedback from me. I'm sure it would need more guidance on a complex system but it's pretty impressive; especially for the $1.65 it cost!

10 updates from Google I/O 2025: CSS carousels, AI-powered DevTools, Prompt API with multimodal capabilities, and more https://developer.chrome.com/blog/web-at-io25?hl=en

Ahhh nothing like a 2 year old frontend side project to make you wish you'd used web components.

⏳ @pixelpioneers.co Bristol is just 1 month away! Meet this year's core speakers: 👉 @hidde.blog 👉 @chrisgannon.bsky.social 👉 @ohhelloana.blog 👉 @nearestnabors.com 👉 @tink.uk 👉 Rachel Ilan Simpson 👉 @jackf.io And stay tuned for news on the two lightning talks! pixelpioneers.co/events/brist...

I was an AI skeptic - and to some extend, I still am! But I've embraced AI - its good and its bad - and found a way to make it work efficiently for me as a force multiplier. I wrote about my shift from resistance to augmentation and how I've incorporated it: www.jackfranklin.co.uk/blog/using-a...

If you can't do the work without Al, you can't check the Al. You don't know when it's hallucinating, and you don't know when what it's doing isn't the best or most appropriate way to do the work. And if you're totally reliant on Al, well, what do you bring to the table?

Do you have a great backpack for commuting that you love? I'm after recommendations please! - Approx 20L - Fits 16" MBP - At least one quick access pocket - Secure water bottle storage

I'm actually pretty confident something like this is going to exist, or at least people will make good money being consultants to fix AI codebases.

Giving an AI an audio transcript and asking it to tidy it up and format it is great. I use it a lot when walking the dog to list what's in my head or things I need to remember to do.

I was an AI skeptic - and to some extend, I still am! But I've embraced AI - its good and its bad - and found a way to make it work efficiently for me as a force multiplier. I wrote about my shift from resistance to augmentation and how I've incorporated it: www.jackfranklin.co.uk/blog/using-a...

New laptop day! 🥳

Get started debugging your website's performance: 👉 how to spot issues your users are having, 👉 how to replicate them locally 👉 and how to understand and resolve these issues Learn this and more from @jackf.io's talk at @pixelpioneers.co Bristol on 20 June: pixelpioneers.co/events/brist...

A hill I will die on is that what separates the best engineers is their communication; whether that be face to face, design docs, PR descriptions, comments in code, choices in code, etc. Hope to see lots of you in Bristol this June!

I can think of worse settings to learn about MCP @addyosmani.bsky.social 😁

I can now officially add "prompt engineering" to my CV

🎉 Chrome 134 is here! What's new in #ChromeDevTools 🔐 New: Privacy and security panel 📈 Calibrated CPU throttling for #webperf analysis 🥇 Dim 3rd-party scripts in performance traces ....and more! Update Chrome and try them out! developer.chrome.com/blog/new-in-...

I now have a shed that can fit a Hornby train set and I'm ready to embrace my old man in shed lifestyle at the age of 32

Pre-ordered a new @frame.work 13" laptop DIY edition and I'm very excited! Have always loved the company ethos and happy to buy into it.

Whilst I have some doubts about how much I'm willing to let AI write my code for me, it is incredibly helpful at building little bash scripts where I find the syntax and various tools (awk, sed) impossible to hold myself.

5 years at Google today!

This is such a nice feature! Really pleased to ship this one.

I remember when Monzo was a new bank and they had good customer support and now you ping them on chat and 45 minutes later you're still waiting.

⚡️ Chrome 132 is here! What's new in #ChromeDevTools 🤖 AI Assistance - Debug network, sources & performance with Gemini 📈 Performance - View interaction phrases in live metrics 💾 Manage Chrome extension storage ....and more! Update Chrome and try them out developer.chrome.com/blog/new-in-...