Profile avatar
jackf.io
Googler focusing on web performance and performance tools. Find me online at https://jackf.io
186 posts 952 followers 370 following
Regular Contributor
Active Commenter

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

Can confirm that parenting when you're both ill and your child is 1 is... intense 😴😭