@jecfish profile picture
Jecelyn Yeen 🐟 @jecfish

Principal Software Engineer. Ex-Googler. Ex-Chrome. πŸ‘©β€πŸ’»πŸ‡²πŸ‡ΎπŸ€Ώ

Joined November 2013
  • Tweets 3,592
  • Following 409
  • Followers 8,652
753 Photos and videos
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
@ChromiumDev
7 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
2:11
1
14
1,894
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.
0:18
1
1
10
1,553
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
0:44
3
29
4,805
Jecelyn Yeen 🐟 retweeted
Chrome DevTools@ChromeDevTools
10 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,506
Jecelyn Yeen 🐟 retweeted
Chrome DevTools@ChromeDevTools
6 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
0:14
5
13
4,432
Jecelyn Yeen 🐟 retweeted
Chrome for Developers
@ChromiumDev
5 Dec 2024
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,564
🐌 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
0:33
1
3
19
1,324
Captain DevTools πŸ‘©β€βœˆοΈπŸ‘¨β€βœˆοΈπŸ˜Ž
Chrome DevTools@ChromeDevTools
2 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
0:04
2
1
18
972
🀨 How to filter & copy only listed CSS & JS URLs in Network panel? Hold the Cmd/Ctrl key and …. #ChromeDevTools
0:29
3
12
858
Jecelyn Yeen 🐟 retweeted
Chrome DevTools@ChromeDevTools
25 Nov 2024
New YouTube Short! πŸ”₯ @jecfish and @matthiasrohmer are up to something... πŸ‘€youtube.com/shorts/LqBgsL6Cg… #DevToolsAI #ChromeDevTools #CSS #webdev
1
3
33
13,236
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…
0:12
2
16
3,777
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
0:28
1
14
1,071
πŸš€ 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!
0:30
1
1
11
966
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
402
Debug CSS scroll snaps events with these two new event listener breakpoints in #ChromeDevTools. Learn more from @argyleink: developer.chrome.com/blog/sc…
0:39
6
48
3,598
πŸ¦‹
1
9
1,144
Jecelyn Yeen 🐟 retweeted
Chrome DevTools@ChromeDevTools
31 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
0:13
1
7
32
7,912
Β‘Nos vemos en Madrid!
Chrome DevTools@ChromeDevTools
29 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
8
747
πŸ”— 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
0:41
1
4
15
1,329
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…
5
17
4,088
Load more