🦋 PSA: I will stop posting here. Find me on Bluesky: https://bsky.app/profile/jec.fish!

Performance you say? Join Captain Speedy to learn how to pinpoint & fix performance issues with cool insights in #ChromeDevTools. Let’s dive in! 📺 https://youtu.be/7A70hBrPL4I

@tunetheweb #DevToolsTips #webperf

CSS Wrapped 2024 is here!

Just like last year, we – the Chrome DevRel team – have published CSS Wrapped, our end of year overview covering many of the new #CSS and Web UI features that landed in Chrome and The Web Platform in 2024.

👉 https://chrome.dev/css-wrapped-2024/ is the place to be!

🐌 Is your LCP dragging down your page speed? Learn how to use Chrome DevTools to find it! New video in 2 days with a full fixing guide.
@tunetheweb #webperf #ChromeDevTools

Mayday! Mayday! We need a CSS hero to save our flight! 🛩️ (Spoiler: it involves a lot of frustrated yelling 😂) Watch and find out: https://youtube.com/shorts/E_3wmTjsHjc?feature=share

#codinglife #CSS #DevToolsAI

🤨 How to filter & copy only listed CSS & JS URLs in Network panel? Hold the Cmd/Ctrl key and …. #ChromeDevTools

New YouTube Short! 🔥 Matthias and I are up to something... 👀https://youtube.com/shorts/LqBgsL6CgNg?feature=shared

Here are some photos showing the behind the scenes!

#DevToolsAI #ChromeDevTools #CSS #webdev

Well, it works (fast) on your machine, not mine! @tunetheweb 😆

Watch our latest video to learn how to monitor Core Web Vitals with #ChromeDevTools.

📺 https://youtu.be/M5oe010pYbA?feature=shared

2 neat features to improve network debugging in the Performance panel. #ChromeDevTools

💈 Hover to view critical network information upfront
🕵‍♀️ Click Cmd + F to search

Less context switching, better focus. @tunetheweb

⚡️ Chrome 131 is rolling out! What's new in DevTools

✨ AI Assistance - Debug CSS with Gemini
📍 Annotate & share performance
🏃🏼‍♂️ Spot layout shifts easier

....and more! Update your browser and try them out! Learn more
https://developer.chrome.com/blog/new-in-devtools-131

👋 Servus, Munich devs! See you at the upcoming Frontend Munich meetup on Nov 13th!
Our engineers - Nik and Kateryna will be sharing some recent #ChromeDevTools updates and learnings on AI and design systems.
Come learn and connect! RSVP: https://www.meetup.com/munich-frontend-developers/events/304124734

#webdev #AI #webdesign

Debug CSS scroll snaps events with these two new event listener breakpoints in #ChromeDevTools.

Learn more from @argyleink https://developer.chrome.com/blog/scroll-snap-events

Is speed your thing too? 🚀 Join Captain Speedy @tunetheweb and me for another episode of #DevToolsTips, where we learn how to monitor Core Web Vitals live.

Watch the full video 📺 https://youtu.be/M5oe010pYbA

#webperf #chromedevtools

📢 Hola, Madrid devs! Join us on Nov 5th to explore DevTools, Built-in AI and Extensions! #GDGMadrid 👋
Come learn, chat and connect! RSVP: https://bit.ly/madrid-chrome-nov-2024

@tomayac #AI #ChromeDevTools #webdev

🔗 Anchor's away! ⚓ #ChromeDevTools now makes it easier to work with CSS anchor positioning! The Styles tab now visually links anchor identifiers to their corresponding nodes, helping you to navigate and debug them quicker. #CSS #webdev #devtools

Learn more with these helpful resources from @Una
Demo: https://chrome.dev/anchor-tool/
Blog post: https://developer.chrome.com/blog/anchor-positioning-api
DevTools: https://developer.chrome.com/blog/new-in-devtools-127?hl=en#elements-links

It's out! Check out my talk on 4 amazing #ChromeDevTools updates at ViteConf. I had a blast making this video, and I hope you find it helpful!😀

Congrats @patak and everyone involved for another successful #ViteConf2024!

Watch 📺 : https://youtu.be/tlR7sdxCUr8?feature=shared

⚒ New Engineering blog post on scroll badge! Have you ever spent ages trying to figure out which element is actually scrolling on a page?

#ChromeDevTools added a new scroll badge to help you spot them easier! In this blog post, Ionuț and I will walk us through the feature and the technical implementation behind the scenes.

📜 https://developer.chrome.com/blog/swe-devtools-scroll-badge

⚡️ Instant performance monitoring! ⚡️

The Performance panel in Chrome DevTools now shows your Core Web Vitals score right away! Plus, compare it with real user data from the Chrome UX Report. @tunetheweb 🥰

Dive deeper: https://developer.chrome.com/blog/devtools-realtime-cwv

#webperf #chromedevtools #corewebvitals

🤔 We've all been there, right? That intense debugging stare! 😂

New video dropping next week! @tunetheweb

#debugging #programmerlife #codinghumor #chromedevtools #performance #devtoolstips

@rina Nein, it is an actual feature in DevTools