@jecfish

Principal Software Engineer. Ex-Googler. Ex-Chrome. 👩‍💻🇲🇾🤿

 Malaysia
jec.fish
Joined November 2013
  • Tweets3.6K
  • Following409
  • Followers8.6K
753Media
Happy New Year! 2025 is the year of #WebDriverBiDi. You might not use it directly (but via testing frameworks), but it has a real impact on the testing ecosystem.
Chrome for Developers
@ChromiumDev7 Jan 2025
Follow along with @jecfish as she shows you how WebDriver BiDi supercharges cross-browser testing 🧪 Learn how this browser automation can help with mock network requests and monitoring console events ▶️ goo.gle/4j9wiWi
1
15
2,177
Good news for those of you who prefer to keep classic #ChromeDevTools color scheme. We added a setting to let you customize that via Settings > Preferences > Match Chrome color scheme.
1
1
10
1,667
Want to know if your redesign actually improved user experience? See real-world performance data with Chrome UX Report! Compare your production (old) and new designs to measure the impact. @tunetheweb #webperf #ChromeDevTools
3
1
28
4,890
Jecelyn Yeen 🐟 retweeted
Chrome DevTools@ChromeDevTools10 Dec 2024
🥱 What to do when your teammate's asleep but the code's gotta be fixed? Watch to find out: youtube.com/shorts/asJGtTR6r… @matthiasrohmer @jecfish #DevToolsAI #CSS #webdev #debugging
1
3
11
11,580
Jecelyn Yeen 🐟 retweeted
Chrome DevTools@ChromeDevTools6 Dec 2024
Performance you say? Join Captain Speedy to learn how to pinpoint & fix performance issues with cool insights in #ChromeDevTools. Let’s dive in! 📺 youtu.be/7A70hBrPL4I @tunetheweb @jecfish @malchata #DevToolsTips #webperf
5
13
4,494
Debugging LCP issues just got easier! Join @jecfish and @tunetheweb as they explore the revamped Performance panel landing page in Chrome DevTools, packed with features to optimize your website's performance. See it in action → goo.gle/40MR5bq #DevToolsTips
Monitor live Core Web Vitals in Chrome DevTools #DevToolsTips Barry shows Jecelyn the new Performance panel landing page featuring a live view of your local Core Web Vitals performance. Learn how it can be used to debug LCP issues, use CrUX data to see if you’re debugging a similar experience to your users, and measure INP in real time as you interact with the page.

ALT Monitor live Core Web Vitals in Chrome DevTools #DevToolsTips Barry shows Jecelyn the new Performance panel landing page featuring a live view of your local Core Web Vitals performance. Learn how it can be used to debug LCP issues, use CrUX data to see if you’re debugging a similar experience to your users, and measure INP in real time as you interact with the page.

7
11
4,575
🐌 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
1
3
19
1,364
Captain DevTools 👩‍✈️👨‍✈️😎
Chrome DevTools@ChromeDevTools2 Dec 2024
Mayday! Mayday! We need a CSS hero to save our flight! 🛩️ (Spoiler: it involves a lot of frustrated yelling 😂) Watch and find out: youtube.com/shorts/E_3wmTjsH… #codinglife #CSS #DevToolsAI @matthiasrohmer @jecfish
2
1
19
1,007
🤨 How to filter & copy only listed CSS & JS URLs in Network panel? Hold the Cmd/Ctrl key and …. #ChromeDevTools
3
13
880
Jecelyn Yeen 🐟 retweeted
Chrome DevTools@ChromeDevTools25 Nov 2024
New YouTube Short! 🔥 @jecfish and @matthiasrohmer are up to something... 👀youtube.com/shorts/LqBgsL6Cg… #DevToolsAI #ChromeDevTools #CSS #webdev
1
3
33
13,271
Well, it works (fast) on your machine, not mine @tunetheweb ! Watch our latest video to learn how to monitor Core Web Vitals with #ChromeDevTools. 📺 youtu.be/M5oe010pYbA?feature…
2
17
3,797
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
1
1
15
1,086
🚀 It's out! Debug & fix CSS with the new AI Assistance panel in #ChromeDevTools. Here is an example of how we can ask AI to fix our CSS animations - making the eyes blink ⭐️ Update your Chrome today and pair program with #GoogleGemini!
1
1
12
976
These are the 5 cool things you can do with the new AI Assistance in #ChromeDevTools. Give it a try and let us know what you think: goo.gle/devtools-ai-cool-thi…

5 Cool Things To Do with DevTools AI Assistance  |  Blog  |  Chrome for Developers

Learn about fun and exciting use-cases of the new AI assistance panel in DevTools

developer.chrome.com
1
404
Debug CSS scroll snaps events with these two new event listener breakpoints in #ChromeDevTools. Learn more from @argyleink: developer.chrome.com/blog/sc…
5
48
3,608
🦋
1
10
1,150
Jecelyn Yeen 🐟 retweeted
Chrome DevTools@ChromeDevTools31 Oct 2024
Is speed your thing too? 🚀 Join Captain Speedy @tunetheweb and @jecfish for another episode of #DevToolsTips, where we learn how to monitor Core Web Vitals live. Watch the full video 📺 youtu.be/M5oe010pYbA #webperf #chromedevtools
1
7
32
7,936
¡Nos vemos en Madrid!
Chrome DevTools@ChromeDevTools29 Oct 2024
📢 Hola, Madrid devs! Join us on Nov 5th to explore DevTools, Built-in AI and Extensions! @GDGMadrid 👋 Come learn and connect! RSVP: bit.ly/madrid-chrome-nov-202… @tomayac @oliverdunk_ @matthiasrohmer @jecfish #AI #ChromeDevTools #webdev
1
9
753
🔗 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
1
4
16
1,337
Learn more about CSS Anchor Position with these helpful resources from @Una Demo: chrome.dev/anchor-tool/ Blog post: developer.chrome.com/blog/an… DevTools: developer.chrome.com/blog/ne…
4
17
4,091
Load more